html,
body {
	margin:0;
	padding:0;
	min-width:990px; 
}
body {
	text-align: center; 
	color: #000000; 
	font-family: "Trebuchet MS",Tahoma,Verdana,Helvetica,sans-serif; 
	background:url("/Resources/css/images/bg_body.jpg") no-repeat top center #ccdff6; 
}
/* Fix table problems */
table {
	font-size:100%;
	border-collapse: collapse;
	width:100%;
}
table td,
table tr {
	vertical-align: top;
}
input.checkbox { vertical-align:middle }
input.radio { vertical-align:middle }

/* Fixes alignment and spacing problems for embedded media */
object {
	margin:0;
	padding:0;
	border:0;
	display:block;
}
embed {
	margin:0;
	padding:0;
	border:0;
	display:block;
}
iframe {
	margin:0;
	padding:0;
}

/* Clear Fix */
/* Apply the floatwrapper class to any element which acts as a container for floats. */

.floatwrapper:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.floatwrapper {
    display:inline-block;
}
/* Hides from IE-mac \*/
.floatwrapper {display:block;}
* html .floatwrapper {height: 1px;}
/* End hide from IE-mac */

/* General styles */
img { 
	display:block; 
	border:0; 
}
img.inline { 
	display:inline 
}
p { 
	margin:0 0 .7em 0; 
}
h1,h2,h3 {margin:0; padding:0;}

h1 { font-family: Trebuchet MS,Verdana,Tahoma,Helvetica; font-weight: bold; font-size: 22px; color: #0054a6; }
h2, legend { font-family: Trebuchet MS,Tahoma,Verdana,Helvetica; font-size: 15px; color: black; font-weight: normal; }
h3 { color: #0054a6; }
h4 { font-size: 20px; color: #0054a6; margin-top: 0px; margin-bottom: -15px; }
.hr { width: 952px; background-color: #72c421; height: 4px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }

ul {list-style:outside }
ol {list-style:outside decimal}
a { 
	color: #0069AD; 
}
a:hover { 
	color: red;
}
	#contentarea a {
		color:#0681d1;
	}
		#contentarea a:hover {
			color: red;
		}
		
a#skipnav {
	display: block;width: 0; height: 0; overflow: hidden;
}
.printonly {
	display:none;
}

/* Form styles */
form {
	margin:0;
	padding:0;
}
legend { font-weight: bold; padding-bottom: 10px; padding-top: 5px; padding-left: 0px; }
fieldset { border: none; padding-left: 0px; }
fieldset div { line-height: 13px; padding-bottom: 13px; }
fieldset a { font-size:12px;}
fieldset label {line-height: 20px;}
#signupbutton { 
	overflow:hidden;
	padding-top:43px;
	height:0;
	width: 290px; 
	position: relative; 
	left: 5px; 
	top:-15px;
	background: url("images/sign_me_up.gif") no-repeat; 
	margin: 0px; }
#signupbutton, #signupbutton:link, #signupbutton:visited { display: block; }
a#signupbutton:hover { background-image: url("images/sign_me_up_on.gif"); }

#userinformation { font-size: 12px; padding-right: 12px; float:right;}
#sideloginform .textbox {width: 225px}
.required {color: Red}

.collapsed { display: none; }
.informational_messages { font-weight: bold; }
.warning_messages { font-weight: bold; color: Red; }
.warning_messages li, .informational_messages li { list-style: none; }
.field-validation-error { color: #ff0000; }
.input-validation-error { border: 1px solid #ff0000; background-color: #ffeeee; }
.validation-summary-errors { font-weight: bold; color: #ff0000; }
.image_button > a:hover, a.button { color: Black; }
.hidden { color: #F1F8FE; }
.ad {margin-bottom: 10px;}
.author strong {font-size: 12px}

#container {
	margin: 0 auto; 
	text-align: left;
	position:relative;
	width:990px;
}
#contentwrapper {
	position:relative;
	background:url("/Resources/css/images/bg_backstrip.gif") repeat-y top right #f1f6fc;
	width:988px;
	z-index:3;
	margin-top:-1px;
	padding:0;
	border: 1px solid #51950e;
	font-size: 13px;
}
	.loggedin #contentwrapper, 
	.conceptdetail #contentwrapper {
		background-image:none;
	}
	#contentwrapperinner {
		background:url("/Resources/css/images/bg_topstripes.gif") repeat-x top right;
		padding:0 0 10px 10px;
	}
	
/* Header area */
#header {
	position:relative;
	z-index:2;
	height:136px;
}
span#userinformation {
	clear:right;
}
img#logo {
	float:right;
	display:inline;
	margin:18px 26px 12px 0;
}
#navleft {
	float: left;
	position:relative;
	margin:0 0 0 -77px;
	padding: 0px;
}
	#navleft img {
		margin-top:58px;
		margin-left:49px;
	}
#navright {
	float:none;
	position:absolute;
	height:136px;
	padding:0;
	bottom:0;
	right:0;
}
	#navright div {
		float: right;
		padding:0;
	}
	#userinformation {
		padding-right:20px;
	}

/* New topnav tab styles */
#navtabscontainer {
	clear:right;
}
ul#navtabs {
 	padding: 0;
	margin: 7px 0 0 0;
	list-style: none;
	float: right;
	display: inline;
}
	ul#navtabs li {
		float: left;
		display: inline;
		margin: 0 0 0 10px;
		padding:0;
	}
		ul#navtabs li a {
			text-decoration: none;
			float:left;
			color: #fefefe;
			cursor: pointer;
			font: 900 16px/26px Trebuchet,"Trebuchet MS", Helvetica, sans-serif;
			background: url("/Resources/css/images/navtabs.png") no-repeat top right;
		}
			ul#navtabs li a span {
				margin: 0 10px 0 -10px;
				padding: 6px 8px 6px 18px;
				position: relative; /*To fix IE6 problem (not displaying)*/
				float:left;
				background: url("/Resources/css/images/navtabs.png") no-repeat top left;
				white-space:nowrap;
			}
			ul#navtabs li.active a, ul#navtabs li a:hover {
				background-position:100% -37px;
				color: #5b5b5b;
			}
			ul#navtabs li.active a span, ul#navtabs li a:hover span {
				background-position:0 -37px;
			}

.footer {
	text-align: center;
	font-size:11px;
	line-height: 20px;
	margin-top:15px;
}
	.footer .footernav {
		display:inline;
	}
p.hidden {
	visibility:hidden;
}

/* New homepage items and styles */
#content {
	background-color:#f1f6fc;
	border:none;
	padding:0;
	width:640px;
	margin:10px 0px 0px 0px;
	font-size: 13px;
	line-height: 18px;
	float: left;
	display:inline;
	position: relative;
}
	.loggedin #content, 
	.conceptdetail #content {
		width:963px;
	}

/* Feature area */
#featurearea {
	border-top:6px solid #0580d0;
	border-bottom:2px solid #0580d0;
	background: url("/Resources/css/images/homepage_feature.jpg") no-repeat top right;
	height:238px;
	width:634px;
	margin:22px 0 19px 5px;
}
	#featurearea p {
		font: 900 18px/24px Trebuchet,"Trebuchet MS", Helvetica, sans-serif;
		margin:65px 15px 0 384px;
	}
		#featurearea p strong {
			color:#0580d0;
		}

/* Content area */
#contentarea {
	background-color:#FFFFFF;
	border:1px solid #DEDEDE;
	margin:19px 0 25px 5px;
	padding:18px;
	min-height:300px;
}
h1.tagline {
	font-size:17px;
	color:#0069ad;
	font-style:italic;
	font-weight:normal;
	margin:0 0 20px 0;
	padding:0;
}

/* Multi-purpose columns */
.columns .column {
	float:left;
	display:inline;
	margin-right:4%;
	padding-right:4%;
}
	.verticalline .column {
		border-right:1px solid #dfdfdf;
	}
	.two-column .column {
		width:45%;
	}
	.columns .lastcolumn {
		margin-right:0;
		padding-right:0;
	}
	.verticalline .lastcolumn {
		border-right:none;
	}
	
	.columns .column h2 {
		color:#428500;
		font-weight:600;
		font-size:18px;
		margin:0 0 13px 0;
		padding:0 0 1px 0;
		border-bottom:1px solid #848484;
	}

/* Bulleted list with small green bullets (on homepage and in accordion) */
#content .column ul,
#content .column .accordioncontent ul {
	margin:0;
	padding:0;
	list-style:none;
}
	#content .column ul li,
	#content .column .accordioncontent ul li {
		font-size:13px;
		line-height:1.4em;
		margin:0 0 1em 0;
		padding:0 0 0 13px;
		background:url("/Resources/css/images/icon_bullet_greendot.gif") no-repeat 0 .4em;
	}
	
p.afterlist {
	margin-left:13px;
}
	
/* Important links (with big circled arrow icons) */
a.important {
	white-space:nowrap;
	padding-right:29px;
	background:url("/Resources/css/images/icon_link_circlearrow.gif") no-repeat 100% 0;
	padding-top:2px;
	padding-bottom:5px;
}

/* Sidebar */
#sidecolumn {
	min-height: 600px; 
	float: right;
	display:inline;
	width: 300px;
	position: relative;
	top: 5px;
	padding:9px 9px 177px 9px;
	min-height:323px;
	z-index:2;
}
#sidelogin,
.sidecode { 
	position: relative; 
	left: 5px; 
	top:-15px;
	width: 270px; 
}
	#sidelogin .header {
		background: url("images/login_header.gif") no-repeat;
		overflow:hidden;
		padding-top:35px;
		height:0;
		width: 290px;
	}
	#sidelogin .form,
	.sidecode .form { 
		background: url("images/horizontal_slice.gif") repeat-y;
		width: 290px; 
		padding-left: 10px; 
		padding-top: 10px; 
	}
	#sidelogin .footer,
	.sidecode .footer { 
		background: url("images/box_bottom.gif") no-repeat; 
		width: 290px; 
		height: 8px; 
		margin-top: 0px; 
		margin-bottom: 10px; 
	}
	#sidelogin p { line-height: 13px; }

	.sidecode .header { 
		background: url("images/gen_box_top.gif") no-repeat; 
		width: 290px; 
		height: 8px; 
		margin: 0px; 
	}

.sidecallout { 
	z-index: 100; 
	background: url("images/arrow.gif") no-repeat; 
	width: 288px; 
	height: 150px; 
	padding: 1px 0px 0px 0px; 
	text-align: center; 
	position: relative; 
	left: 5px; 
}
	.sidecallout h1 {
		margin:0 0 13px 0;
		padding:13px 0 0 0;
	}
	.sidecallout h2 {
		margin:0 0 13px 0;
		padding:0;
	}


/* Sidebar NCC Info module */
#nccinfolinks {
	font-size:15px;
	font-weight:bold;
	text-align:center;
	z-index:1;
}
	#nccinfolinks p {
		margin:0 0 1em 0;
		padding:0;
	}
#ncimagery {
	height:258px;
	position:absolute;
	bottom:0;
	right:0;
	width:320px;
	background:url("/Resources/css/images/bg_nccinfo.png") no-repeat top right;
}

/* Concept/Exemplars landing page */
.subpage #content h1 {
	font-weight:normal;
	color:#515151;
	font-size:24px;
	line-height:1.1em;
	margin-bottom:10px;
}
.subpage h1 strong {
	color:#438601;
	font-size:22px;
	font-weight:normal;
}
p.instructions {
	background-color:#e5effa;
	padding:4px 12px;
	font-size:14px;
	color:#4f4f4f;
	margin-bottom:1em;
}
	.loggedin p.instructions {
		margin-right:17px;
	}
.conceptlist .exemplars {
	display:none;
}
#content .conceptlist ul li {
	border-top:1px solid #d1d1d1;
	padding:7px 5px 7px 1px;
	background:none;
	margin-bottom:0;
	font-size:14px;
}
	.conceptlist ul li.last {
		border-bottom:1px solid #d1d1d1;
	}
	.conceptlist ul li a {
		padding-left:17px;
		background:url("/Resources/css/images/green_dot.gif") no-repeat 0 .3em;
	}

/* Concept/Exemplars detail page */
.conceptdetail #content h1 {
	margin-bottom:37px;
}
.conceptdetail a.backlink {
	position:absolute;
	top:36px;
	right:44px;
}
.accordionheader {
	background-color:#e5effa;
	padding:5px 12px 3px 12px;
	margin:0 0 20px 0;
}
.columns .column .accordionheader h2 {
	float:left;
	display:inline;
	width:60%;
	border-bottom:none;
	margin-bottom:0;
	font-weight:200;
}
	.accordionheader a {
		float:right;
		display:inline;
		font-size:12px;
	}
		.nojs .accordionheader a {
			display:none;
		}
.accordioncontent {
	display:none;
}
	.nojs .accordioncontent {
		display:block;
	}
.accordion a.accordionhead,
#content .column .accordioncontent ul li a.accordionhead {
	padding-left:16px;
	background:url("/Resources/css/images/icon_arrow_right.gif") no-repeat 0 .3em;
}
	.accordion a.accordionheadopen,
	#content .column .accordioncontent ul li a.accordionheadopen {
		background:url("/Resources/css/images/icon_arrow_down.gif") no-repeat 0 .3em;
	}
#content .column .accordioncontent ul {
	margin-left:13px;
	margin-top:10px;
}
#content .column .accordioncontent ul li {
	border-top:none;
	padding-bottom:0;
	margin-bottom:.5em;
	background-position:0 .5em;
}
	#content .column .accordioncontent ul li.subhead {
		background:none;
		padding-left:0;
	}
#content .accordioncontent ul li a {
	background:none;
	padding-left:0;
}

/* My Content page */
div.product_result {
	border-top:1px solid #d1d1d1;
	padding:23px 0 20px 0;
	font-size:13px;
}
	div.product_result div.product_img {
		float:left;
		display:inline;
		margin-right:24px;
		width:75px;
	}
	div.product_result div.product_desc {
		float:left;
		display:inline;
		width:525px;
	}
	div.product_result h2 {
		font-size:15px;
		font-weight:normal;
		margin:0;
	}
	div.product_result p {
		margin-bottom:8px;
	}
	div.product_result p.contenttype a {
		margin-right:14px;
	}
	
.printonly {
	display:none;
}