@import url(home.css);
@import url(account.css);
@import url(uscene.css);


body {
	margin:0;
	padding:0;
	font-family:Verdana,"Lucida Grande",Helvetica,Arial,sans-serif;
	font-size: small;
	text-align:center;
	background: #004990 url(/images/body-background.gif);
	color: #004990;
	}
	
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }
p, ul, ol, li { margin: 0; padding: 0; }

fieldset { border: 0; padding: 0; margin: 0; }

form { margin: 0; }
input[type="text"],
input[type="checkbox"],
input[type="submit"],
input[type="password"],
textarea { 
	font-family: Verdana,"Lucida Grande",Helvetica,arial, sans-serif; 
	border: 1px solid #666; 
	}

input:focus,
textarea:focus { background-color: #ffc; }

div#survey div.question { margin-bottom: 10px; }
div#survey div.label { font-weight: bold; }

/* =LAYOUT
********************************************************************************/

div#header {
	width: 800px;
	height: 70px;
	text-align: left;
	margin: 0 auto;
	margin-top: 70px;
	border: 1px solid #fff;
	border-bottom: 0;
	}

div#header h1 {
	width: 800px;
	height: 70px;
	background: #134582 url(/images/parents-perspectives.gif) top left no-repeat;
	position: relative;
	}

div#header h1 a {
	padding-top: 70px;
	overflow: hidden;
	background: #134582 url(/images/parents-perspectives.gif) top left no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	width: 800px;
	display:block;
	height: 0 !important;
	}

div#container {
	margin: 0 auto;
	text-align: left;
	width: 804px;
	}

div#wrapper { 
	float: left; 
	width: 800px;
	background: #fff;
	padding: 1px;
	border: 1px solid #000;
	border-top: 0;
	padding-top: 0;
	}
div#defaultWrapper { 
	float: left; 
	width: 100%;
	background: #134582 url(/images/one-column-background.gif) top left repeat-y;
	}

div#defaultMainContent { padding: 20px; float: left; padding-bottom: 50px; width: 760px; }	
div#mainContent {
	float: left;
	width: 507px;
}

div#footer { 
			clear: both;
			width: 800px;
			margin: 0 auto;
			padding-top: 10px;
			}
			#footer h3 { display: none; }
			#footer img { padding-bottom: 20px; }
			div#footer ul {list-style: none; padding: 10px 0; margin: 0; }
			div#footer ul li { display: inline; padding: 0 10px; }
			div#footer ul li a { color: #fff; font-size: 80%; font-family: Verdana, Arial, Helvetica, sans-serif; }			
	
div.clear,
br.clear { width: 100%; clear: both; height: 1px; }


/* =NAVIGATION
********************************************************************************/
#nav {
	background: #000 url(/images/nav-background.gif) top left repeat-x;
	border: 1px solid #fff;
	border-top: 0;
	text-align: left;
	width: 800px;
	margin: 0 auto;
	position: relative;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

#navigation {
	margin: 0;
	padding: 0;
	list-style: none;
	padding: 10px;
	}

#navigation li {
	display: inline;
	padding: 0 10px;
	}

#navigation li a {
	color: #fff;
	text-decoration: none;
	font-weight: normal;
	text-transform: uppercase;
	}

#navigation li a:hover { 
	text-decoration: underline;
	}


/* =ARTICLE
********************************************************************************/
div#article {
	padding: 15px;
	}
	
div.article-helper { 
	float: left; 
	width: 100%;
	padding: 5px 0;
	margin: 10px 0;
	background: #185196;
	position: relative;
	}	
	#article a.printer-friendly,
	#article a.printer-friendly:link,
	#article a.printer-friendly:visited { 
		float: right; 
		display: block; 
		padding-right: 25px; 
		background: url(images/print-button.gif) center right no-repeat; 
		padding-top: 3px;
		color: #fff;
		padding-bottom: 3px;
		position: relative;
		right: 10px;
		}
		
#article img.image-right { float: right; margin-left: 2em; margin-bottom: 1em; }
#article img.image-left  { float: left;  margin-right: 2em; margin-bottom: 1em;}


/* =ARTICLE OTHER TOPICS
********************************************************************************/
#article-other-topics { 
			float: left; 
			width: 100%; 
			background: #023260;
			color: #fff; 
			margin-bottom: 40px; 
			border-bottom: 10px solid #000;
			border-top: 10px solid #000;
			}
			#article-other-topics h3 { 
				margin-top: 0; 
				padding: 10px; 
				border-top: 2px solid #ffcc5d; 
				border-bottom: 2px solid #ffcc5d; 
				background: #023260;
				}
			#article-other-topics a:visited { color: #ccc; }
			.topic-other { 
							float: left; 
							width: 100%; 
							padding: 10px 0; 
							border-bottom: 1px solid #ffcc5d; 
							}
			.topic-other-image { float: left; width: 100px; text-align: center; }
			.topic-other-content { margin-left: 105px; padding-right: 5px; }


/* =ALL ARTICLES
********************************************************************************/
#all-articles { }
			#all-articles a:link { color: #950000; }


/* =SIDEBAR
********************************************************************************/
#sidebar {
	float: right;
	width: 290px;
	border: 1px solid #000;
	background: #000 url(/images/sidebar-background.jpg) top left no-repeat;
	padding-top: 220px;
	color: #fff;
}

div.sidebarContentWrapper { 
	background: url(/images/sidebar-content-background.gif) left center repeat-x; 
	border: 1px solid #000; 
	text-align: center;
	}
	
div.sidebarContent {
	width: 200px;
	padding: 10px;
	border: 3px solid #000;
	margin: 0 auto;
	text-align: left;
	margin-bottom: 20px;
	background: #023260;
}	

div#survey-ad { background: #930000; }
				#survey-ad h2 { 
					text-indent: -9999px; 
					background: url(/images/survey-ad-header.gif) top left no-repeat;
					height: 30px; 
					width: 100%; 
					font-size: 100%;
					}
a.note { 
	display: block; 
	text-align: center; 
	border-top: 1px solid #000; 
	border-bottom: 1px solid #000; 
	padding: 3px;
	margin-top: 5px;
	}
	
	

/* =LINKS
********************************************************************************/
a:link {
	font-weight: bold;
	text-decoration: underline;
	color: #fff;
	}
#topic-featured a:link,
#article a:link,
#defaultMainContent a:link { color: #950000; }
	
a:hover {
	text-decoration: none;
	}

a:visited { color: #666; }
.sidebarContent a:visited { color: #bbb; }

a#skipToContent { display: none; }
a img { border: 0; }

/* =TYPOGRAPHY
********************************************************************************/	

h1, h2, h3, h4, h5, h6 {
	line-height: 1;
}
h1 { font-size: 280%; }
h2 { font-size: 200%; }
h3 { font-size: 160%; }
h4 { font-size: 140%; }
h5 { font-size: 120%; }
h6 { font-size: 100%; }

#nav h3 { display: none; }

div#wrapper{	
	line-height:1.5;
	font-size: 90%;
}
#wrapper ul,
#wrapper ol {
	margin-left: 2em;
	margin-bottom: 0.75em;
	}
	
#wrapper li {}
#wrapper p {}

#article h2 { margin-bottom: 10px; }
#article h3,
#article h4,
#article h5,
#article h6 { 
	margin-top: 1.5em;
	}
#article h3 { 
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px; 
	}

#sidebar h4,
#article h4 { text-transform: uppercase; }

#sidebar h5,
#sidebar h6 { margin-top: 1.5em; }

#sidebar h4,
#sidebar h5,
#sidebar h6 { color: #ffcc5d; }


#sidebar p,
#faq p,
#service-center p,
#article p { margin-bottom: 0.75em; }
