/* set background color and spacing */
body {
	background-color:#366AB2;
	padding:15px;
	margin:10px;
}
/* set basic font characteristics */
body, p, td, ul, li, block, a  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	text-transform: none;
	color: #333;
}
/* cover basic html tags */
a:link, a:visited{
	text-decoration:underline;
	font-weight:bold;
	color:#0D3472;
}
a:hover, a:active {
	text-decoration:none;
}

h1, h2, h3, h4, h5, h6 {
	color:#C62B12;
}

h1 {
	font-size:14px;
	text-transform:uppercase;
}

h2 {
	font-size:12px;
	text-transform:uppercase;
}
h3 {
	font-size:12px;
}
h4 {
	font-size:11px;
}
h5 {
	font-size:10px;
}
h6 {
	font-size:10px;
}
/*!!!!!!!!!!!!!!!!*/
/*  NAVIGATION    */
/*!!!!!!!!!!!!!!!!*/
/* main table holding navigation*/
#nav {
	height:33px;
	width:695px;
	background-color:#366AB2;
}
#nav a {
	color:#FBFF89;
	font-family:Trebuchet MS, Verdana, Arial, Sans; 
	font-weight:bold;
	font-size: 14px;
	text-decoration:none;
}
#nav td {
	border-right:1px solid #9BB5D9; 
	padding:10px;
}
/* active state is state that get's displayed when you roll over a table cell in the navigation. */
#nav .active {
	background-color:#E1F8F9;
	border-top:1px solid #366AB2;  
	border-bottom:1px solid #366AB2; 
}
/* style the LINKs when active */ 
#nav .active a {
	color:#0D3472;
	font-weight:bold;
	font-family:Trebuchet MS, Verdana, Arial, Sans; 
	font-size: 14px;

}
/* site nav with "you are here" indicator */
/* to make this work on new pages give the body tag of the new page an id="page_name" and add that "page_name" to the list below */
body#about #btn_about, 
body#resources #btn_resources, 
body#calendar #btn_calendar, 
body#updates #btn_updates, 
body#faqs #btn_faqs, 
body#portal #btn_portal,
#nav a:hover { 
	color:#0D3472;
	font-family:Trebuchet MS, Verdana, Arial, Sans; 
	font-size: 14px;
} 

/* when active page is loaded, make the link BOLD */ 
body#about #td_about a, 
body#resources #td_resources a, 
body#calendar #td_calendar a, 
body#updates #td_updates a, 
body#faqs #td_faqs a, 
body#portal #td_portal a {
	font-weight:bold;
}

/* when active page is loaded, style the table cell  */ 
body#about #td_about, 
body#resources #td_resources, 
body#calendar #td_calendar, 
body#updates #td_updates, 
body#faqs #td_faqs, 
body#portal #td_portal {
	background-color:#E1F8F9;
	border-top:1px solid #366AB2;  
	border-bottom:1px solid #366AB2; 
}

/* define left and right border for the nav box*/
#td_about {
	border-left:1px solid #366AB2;
}
#td_portal {
	border-right:1px solid #366AB2;
}

/* overwrite default link style for navigation only */
#nav a:link, #nav a:visited {
	text-decoration:none;
	font-weight: normal;
}

/* overwrite default link style for navigation only */
#nav a:hover, #nav a:active {
	text-decoration:underline;
	font-weight: normal;
}



/*  SPECIAL FEATURES ON HOME PAGE  */
#featureBox {
	border: 1px solid #E7AA3F; 
	padding:10px;
}

/*misstion statement box*/
#missionBox {
	border: 1px solid #E7AA3F; 
	padding:16px;
}
/*style the text so it's looks nice*/
.mission {
	color:#162E63;
	line-height:20px;
	letter-spacing:1 en;
	word-spacing:1 en;
	background-color:#FFF8ED; 
	font-size:13px;
}
/* tweak the style for the featured resources list */
#featuredResources {
	list-style-type:none;
	margin:10px 0px;
	padding:0px;
}
/* tweak the style for TEXT in the featured resources list */
#featuredResources li {
	color:#666;
	padding-bottom:8px;
	font-size:9px;
}
/* tweak the style for LINKS in the featured resources list */
#featuredResources li a {
	color:#162E63;
	font-size:12px;
	font-weight: normal;
}


/* same as for the FEATURED RESOURCES list, but with subtle changes*/
#nclbServices {
	list-style-type:square;
	margin:10px 10px 10px 16px;
	padding:0px;
}
#nclbServices li {
	padding-bottom:8px;
	color:#162E63;
	font-size:12px;
}
#nclbServices li a {
	color:#417014;
	font-size:12px;
	font-weight: normal;
}

/*interior pages*/
#relatedResources td {
	padding:25px 15px 15px 15px; 
	background-color:#FFF8ED;
	border-bottom: 1px solid #E7AA3F;

}

#subnav {
	background-color:#F0F9F6;
	border-bottom:1px solid #366AB2; 
	border-right:1px solid #366AB2; 
	border-left:1px solid #366AB2; 
	color:#0D3472;
	font-weight:bold;
	font-family:Trebuchet MS, Verdana, Arial, Sans; 
}
#subnav td{
	padding:25px 15px 15px 15px; 
}

#subnav ul {
	list-style-type:circle;
	margin:10px 2px 10px 16px;
	padding:0px;
}
#subnav li {
	padding-bottom:8px;
	font-size:12px;
	color:#162E63;
}
#subnav li a {
	color:#162E63;
	font-size:12px;
	font-weight: normal;
}

/* apply padding to middle content block*/
.content {
	padding:0 15px 15px 15px;
}


#breadcrumb, #breadcrumb a {
	padding:5px 0;
	color:#333;
	font-size:9px;
	font-weight: normal;
}
a.backToTop:link, a.backToTop:visited, a.backToTop:active {
	background-image: url(images/arrow_up.gif) no-repeat 0 50%;
	background-repeat:no-repeat;
	padding: 2px 2px 2px 15px;
	color:#333;	
	font-weight: normal;
}
.address {
	border-top: 1px solid #E7AA3F; 
	padding-top:15px;
}
.contentSeparator {
	border-left: 1px solid #E7AA3F;
}