body {
	background-color:#CCC;
	font-size:13px;
	font-family:"arial", Arial;
	color:#666;

	margin: 0 0;
}
a:link, a:visited,a:hover {
	color:#2364AF;
}
a:hover {
	text-decoration:none;
	}

.page {
	background-color:#f4f4f4;
	width:960px;
	margin: 0 auto;
	padding-bottom:5px;
}

#logo {width:100px;height:100px; padding:100px 100px;}

#title {
	font-size:20pt; 
	padding:5px 2px; 
	margin:2px 5px;
	letter-spacing: -1px; 
	font-weight:normal; 
	color:#333;
	}

#header {
	height:100px;
	background-color:#fff;
	background-image: url(/images/ddi/header.jpg);
	background-repeat: no-repeat;
}

/*-- navigation --*/
#navigation li, #footer li, #subnavigation li{
	display:inline;
	padding: 0px 2px;
}

#navigation {
	float:right;
	padding:5px 5px 0px 20px;
	font-weight: normal;
}

#green {color:#668C14;	font-size: 22px;}


#form h1 {
	font-size: 13px;
	color: #FFF;
	background-color: #2A6EBB;
	padding: 5px;
	margin: 5px 0px;
}
#form {
	margin: 10px 10px;
}
#content {
	background-color: #FFF;
	margin:10px;
	border: 1px solid #d8d8d8;
}

#subnavigation {
	padding:10px;
}

}
#choice li select {
	width: 100px;
	color: #333;
}

.center{
	margin: 0px 0px;
	padding: 5px 10px;
}

.lefty li {
	list-style-type:none; 
	padding:2px;
}
.lefty {
	width:60%;
	padding:0px 10px 10px 10px;
	margin: 10px 0px 0px 0px;
}

.lefty p {padding:0px 20px 0px 50px;}
	.lefty h2 {	margin: 10px; font-style:bold; color:#2364AF;}

}
.left {
	width:55%;
	padding:5px;
	margin: 5px 0px;
}

.left li {
	list-style-type:none; 
	padding:2px;
}
.right {
	width:35%;
	float:right;
	padding:0px 10px 10px 10px;
	margin: 10px 0px 0px 0px;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color:#333;
	letter-spacing: -1px;
	padding:0px 0px;
}



#choice li input {
	color: #333;
}

#description {
	border: 1px solid #CCC;
	padding:5px;
	width:550px;height:250px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
}


#radio input {
	color: #333;
	width: 200px;
}
#formnavigation {
	height: 25px;width:100%;
	border-top: 1px solid #ccc;

}
#divider {
	height: 5px;width:100%;
	border-top: 1px solid #ccc;

}

#formnavigation input {
	float:right;margin:10px;
}

#marketing {
	background-image: url(/images/ddi/marketing_card.jpg);
	background-repeat: no-repeat;
	width: 935px;
	height: 425px;
	margin:1px;
}

ol {
	margin:2px 10px;
	padding:0px 10px;
} 
ol li {
	list-style-type:lower-roman; 
	color:#666;
}
#form li {
	list-style-type:none; 
	padding:3px;
}

.form #login {
	background-color: #E2F0FF;
	padding: 10px;
}

#login li {
	list-style-type:none;
	padding:5px;
}

#question{
color:#000;

}

#field li input {
	color: #333;
	width: 100px;
}

li #field {
	width: 200px;
}

#value li #select {
	width: 50px;
}


.center #value {
	padding-bottom: 10px;
}

#choice li #checkbox {
	width: 10px;
}

#form #subtotal {
	margin-top: 30px;
}


/*
toolbox
*/


#toolbox {
	float:right;width:280px; margin:15px 10px;background-color:#f4f4f4;
}

#toolbox h1 {
	font-size: 13px;
	color: #FFF;
	background-color: #2A6EBB;
	padding: 5px;
	margin:7px 5px;
}


#toolbox p {
	font-style: italic;font-size:10px;
	padding: 5px;
	margin: 5px;
}

#toolbox #ppt {
	background-image: url(/images/ddi/ppt.jpg);
	height: 25px;
	width: 205px;padding: 5px 25px;
	background-repeat: no-repeat;
}

#toolbox #form_icon {
	background-image: url(/images/ddi/form_icon.jpg);
	height: 25px;
	width: 205px;padding: 5px 25px;
	background-repeat: no-repeat;
}

#toolbox #video {
	background-image: url(/images/ddi/video.jpg);
	height: 25px;
	width: 205px;padding: 5px 25px;
	background-repeat: no-repeat;
}

#toolbox #pdf {
	background-image: url(/images/ddi/pdf.jpg);
	height: 25px;
	width: 205px;padding: 5px 25px;
	background-repeat: no-repeat;
}

#toolbox #doc {
	background-image: url(/images/ddi/doc.jpg);
	height: 25px;
	width: 205px;padding: 5px 25px;
	background-repeat: no-repeat;
}

#toolbox #xls {
	background-image: url(/images/ddi/xls.jpg);
	height: 25px;
	width: 25px;padding: 5px 25px;
	background-repeat: no-repeat;
}
#toolbox ul {
	margin: 0px;
	padding:0px 10px;
}

#toolbox li {list-style-type:none; padding: 10px; }

#toolbox a:link {
	text-decoration:none;
	margin: 15px 5px;
}

#toolbox a:visited {
	text-decoration:none;
	margin: 15px 5px;
}

#toolbox a:hover {
	text-decoration:underline;
}
#toolbox a {
	color: #668C14;
}

/*
	calculator
*/
#calculator {
	float:left;width:580px;background-color:#fff; margin:10px auto;
}

#result {font-size:20px; font-weight:bold;}

#calculator .first {
	padding:0px 5px;
}

/*--footer--*/
#footer a{
	color:#56A3E2;text-decoration:none;
	}
#footer {
	padding: 10px;
	}

#forprintonly {display:none;}

#hidden {text-decoration:none;}

label { width: 10em; float: left; }
label.error { float: none; color: red; padding-left: .5em; vertical-align: top; }