/* CSS Styles Only */

body {
	background: #eaeaea url(../images/website/body_bkgnd.jpg) repeat-x; 
	color: #000;
	}
	
img  {
	
	border-style: none;
	
}
	
	

#outer_wrapper {
	position: relative;
	width: 1012px;
	background: url(../images/website/bottom_glow.png) no-repeat left bottom; /*this creates the shadow beneath the footer*/
	margin: 0 auto;
	padding:  0 0 15px 0;
	
}

/*the default styles in the outer_container div were removed because they weren't needed due to adding them to the outer_wrapper div above, which wraps around the outer_container div to allow the shadow beneath the footer.  */


#outer_container { 
	border: 0;
	margin-bottom: 10px;
	background-image: url(../images/website/outer_glow.png); /* this creates the shadow effect around the container*/
	}	
	

#container{ 
	background-color: #fff;
	
	}


	/* start top red bar and CSUF identifier */
	
#csuf_header {
	background-color:#900;
	}
	
#univ_name {
	width:220px;
	float:left;
	background-color:#900;
	}
	
#univ_name p {
	font: 70% Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding: 2px 0 2px 9px;
	color:#fff;
	}
	
#division_name {
	float:right;
	width:400px;
	background-color:#900;
	padding-right: 6px;
	}
	
#division_name p {
	font: 70% Verdana, Arial, Helvetica, sans-serif;
	text-align:right;
	margin:0;
	padding: 2px 5px 2px 0;
	color:#fff;
	}	
	
	
	
	
/* start college or department identifier area */

#unit_banner {
	border-bottom: 1px solid #dadcf1;
	min-height: 70px;
	background: #fff url(../images/website/banner_bkgnd.jpg) no-repeat left bottom;/*styling for banner background*/
	
		}
	
#unit_banner h1 {
				 
			margin: 0;
			padding: 0;
			position: absolute;
			left: -100em;
			width: 80em;
		/*the last 3 lines of code allow you to insert an h1 tag within the unit_banner div which is good for semantics and accessibility*/	
}
	
#unit_banner img {display: block; } /*required to avoid a small gap underneath the banner image that can occur (randomly in IE) due to the image being treated as inline content */

/* end college or department identifier area */





/* start primary links ---------------------------------------------------------*/	

#primary_nav {
	font-family: Arial, Helvetica, sans-serif;
	padding: 0; /* may need to adjust to accommodate background image */
	color: #b11a3b;
	background: #b8c9e7;
	font-size: 100%;
	border-bottom: 1px solid #dedede;
		
	}

#primary_nav ul {
	
	margin: 0;
	padding: 3px 0 0 16px;
	list-style: none;
	overflow: auto;	
	
}


#primary_nav li {
	float: left;
	display: block;
	padding: 8px 12px;
	font-size: 100%;
	font-weight: bold;
		
}



#primary_nav a {color: #00287a; text-decoration: none; }
#primary_nav a:link {color: #00287a;}
#primary_nav a:visited {color: #00287a; } 
#primary_nav a:hover {color: #b11a3b; }
#primary_nav a:active {color: #00287a;

}
/* end primary links */

/* Start wrapper and page_body. Wrapper and page_body are for everything after the top navigation area and before the footer. These contain the graphics to create the column backgrounds. Modify graphics as needed. */
#wrapper {
	
	background: #fff url(../images/website/background_980.gif) repeat-y;
	
	}


#page_body {
	padding: 0 0 60px 0; 
	color: #000;
	margin: 0;
	background: transparent url(../images/website/content_bkgnd.png) repeat-x left bottom;
	overflow: hidden; /*eliminates gap that can appear between the banner and the page_body div in certain designs*/
	}
	
	
/* end wrapper and page_body */

/* start side navigation ul ---------------------------------------------------------*/

.nav, .nav ul {
	font-family: Arial, Helvetica, sans-serif;
	padding: 0;

	margin-bottom: 0; /* this is here to keep the second nested UL from inheriting the bottom margin given to the main UL below ... it must come before the .nav selector below */
	list-style: none;
	font-size: 90%;
	font-weight: 500;
	letter-spacing: .1em
		
	}
.nav {
	
	padding-top: 1px; /*puts more space at the top of the left navigation links */
	margin-bottom: 15px !important;
}

.nav li { 
	padding: 0;
	
	 }
	 
	 
.nav a {
	display: block;
	padding: 8px 0 8px 20px;
	color: #fff;
	background: #758bb0 url(../images/website/right.png) no-repeat left;	
	text-decoration: none;
	border-bottom: 1px solid #ccc;
	
	}

.nav a:hover {
	color: #00287a;
	text-decoration: none;
	background: #eaeaea url(../images/website/hover.png) no-repeat left;
	
	}

.nav ul li { padding: 0;  }

.nav ul ul {
	background: #fff url(../images/website/leftlink_bkgnd.jpg) no-repeat right bottom;
}

.nav ul a {
	font-size: 90%;
	display: block;
	padding: 5px 4px 5px 21px;
	color: #00287a;
	background: #fff url(../images/website/leftlink_bkgnd.jpg) no-repeat right bottom;
	text-decoration: none;
	border: none;
	}

.nav ul a:hover {
	
	color: #b11a3b;
	border: none;
	font-weight: normal;
	background-image: none;
		
	}
	
/*end navigation ul */


/*sidebar styles */

#rightbar_holder {
	margin: 0;
	padding: 0;
	background: transparent url(../images/website/content_bkgnd_top.png) repeat-x left top;
	
}

#leftbar_holder {
	background: #fff url(../images/website/leftcol_bkgnd.jpg) repeat-x;
	margin-top: 3px;
	border-top: 1px solid #fff;
	
	}

#leftbar_holder img { 
	border-top: 4px solid #97afdb; 
	border-bottom: 4px solid #97afdb; 
	margin: 5px 0; /*Add margin (space around image) as needed.*/
	}
	
#leftbar_holder h1 {
	
	color: #900;
	font-weight: 400;
	font-size: 90%;
	margin: 5px 5px 5px 10px;
	padding: 0;
	
}

#rightbar_holder img { 
	border: 0; /*Add border as needed.*/
	margin: 15px 0; /*Add margin (space around image) as needed.*/
	background: transparent;
	}
	
	
	
#leftbar_1, #rightbar_1 {
	background: transparent;	
	
}
	
#leftbar_2 {
	
	background: transparent;
	
	}
	
	#rightbar_2 {
	margin-top: 5px;  /*creates spacing between the bars*/ 
	background: transparent;
	
	}
		

#leftbar_1 h1, #leftbar_2 h1, #rightbar_1 h1, #rightbar_2 h1  {
	font-size: 90%;
	color: #900;
	font-weight: 400;
	letter-spacing: 1px;
	margin: 8px 0 0 0;
	padding: 4px 4px 4px 8px;
	background: #e1e7f9;
	border-top: 1px solid #758bb0;
	border-bottom: 1px solid #758bb0;
	
	}
	
#rightbar_1 h1, #rightbar_2 h1 {
	
	border-left: 1px solid #758bb0;
	
}
	
	
	
	
#leftbar_1 h2, #leftbar_2 h2, #rightbar_1 h2, #rightbar_2 h2  {
	font-size: 80%;
	color: #900;
	font-weight:400;
	margin: 8px 5px 0 5px;
	padding: 0;
	font-style: italic;
	}	
	
	
	
#leftbar_1 p, #leftbar_2 p {
	color:#333;
	font-size: 70%;
	margin: 5px 10px;
	}


 #rightbar_1 p, #rightbar_2 p  {
	color:#333;
	font-size: 70%;
	margin: 5px 10px;
	}


 #leftbar_1 ul, #leftbar_2 ul, #rightbar_1 ul, #rightbar_2 ul {
	
	list-style: outside;
	margin-top: 5px;

	
	}
	
#leftbar_1 ul li, #leftbar_2 ul li{
	font-size: 80%;
	list-style: outside;
	}
	
 #rightbar_1 ul li, #rightbar_2 ul li {
	font-size: 85%;
	list-style: outside;
	}
	
	#rightbar_1 li, #rightbar_2 li {
		
		padding-bottom: 8px;
		
	}
	
#leftbar_1 ol, #leftbar_2 ol, #rightbar_1 ol, #rightbar_2 ol  {
	font-size: 90%;
	}
	
#leftbar_1 ol li, #leftbar_2 ol li, #rightbar_1 ol li, #rightbar_2 ol li  {
	font-size: 90%;
	}

#leftbar_1 a:link, #leftbar_2 a:link, #rightbar_1 a:link, #rightbar_2 a:link  {
	color: #03c;
	text-decoration: none;
	
	}
	
#leftbar_1 a:visited, #leftbar_2 a:visited, #rightbar_1 a:visited, #rightbar_2 a:visited  {
	color: #03c;
	text-decoration: none;

	}
	
#leftbar_1 a:hover, #leftbar_1 a:focus, #leftbar_2 a:hover, #leftbar_2 a:focus, #rightbar_1 a:hover, #rightbar_1 a:focus, #rightbar_2 a:hover, #rightbar_2 a:focus   {
	color: #900;
	text-decoration: none;
	
	}
	
#leftbar_1 a:active, #leftbar_2 a:active, #rightbar_1 a:active,  #rightbar_2 a:active  {
	
	color: #03c;
	text-decoration: none;
	
}



#leftbar_1 img, #leftbar_2 img { 
	border: 1px solid #748aad;
	padding: 3px;
	background: #e1e7f9;	
	margin-left: 5px; /*Add margin (space around image) as needed.*/
	}

	
#rightbar_1 img, #rightbar_2 img {
	background: #c4d4e3;
	padding: 3px;
	border: 1px solid #758bb0;
	margin: 0; /*Add margin (space around image) as needed.*/
	}
	
	#rightbar_1 ul, #rightbar_2 ul {
		
		color: #333;
		font-size: 80%;
		
	}
	
	
	
/*Styles to create optional boxes around content in rightbar and leftbar. There are Library assets to allow editors to insert these boxes */


/*leftbar box styles*/


.box_leftbar {
	margin: 10px 0 0 5px;
	padding: 0px;
	width: 175px;
	border: 1px solid #a0965a;
	background: #e7e4d3;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 0 0 0 10px;
	box-shadow: 2px 2px 2px #758bb0;
	-webkit-box-shadow: 2px 2px 2px #758bb0;
	-moz-box-shadow: 2px 2px 2px #758bb0;

	
	}
	
	
#leftbar_1 .box_leftbar h1, #leftbar_2 .box_leftbar h1 {
	
	color: #900;
	font-weight: bold;
	font-size: 80%;
	letter-spacing: 1px;
	text-align: center;
	background: transparent;
	border: none;
	padding: 3px 3px 3px 0;
	margin-top: 4px;
	
}

#leftbar_1 .box_leftbar img, #leftbar_2 .box_leftbar img {
	
border: 1px solid #758bb0;
background: none;
margin: 0;
padding: 0;

}


#leftbar_1 .box_leftbar p, #leftbar_2 .box_leftbar p {
	
	font-size: 70%;
	color: #455876;
	font-weight: normal;
	
}	


#leftbar_1 .box_leftbar ul, #leftbar_2 .box_leftbar ul {
	
	font-size: 80%;
	list-style: disc;
	color: #455876;
	
}

	
/*rightbar box styles */	
	
.box_rightbar {
	margin: 15px 0 0 0;
	width: 180px;
	border: 1px solid #f4f4f4;
	background: #e1e7f9;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 0 5px 0 0;
	-webkit-box-shadow: 2px 2px 2px #758bb0;
	-moz-box-shadow: 2px 2px 2px #758bb0;
	
	}
	
#rightbar_1 .box_rightbar h1, #rightbar_2 .box_rightbar h1 {
	
	color: #900;
	font-weight: 400;
	font-size: 80%;
	letter-spacing: 1px;
	text-align: center;
	background: transparent;
	margin: 3px 3px 3px 5px;
	padding: 5px 5px 2px 5px;
	border: none;
	border-bottom: 1px solid #fff;
	
}

#rightbar_1 .box_rightbar img, #rightbar_2 .box_rightbar img {
	
border: 1px solid #758bb0;
background: none;
padding: 0;

}


#rightbar_1 .box_rightbar p, #rightbar_2 .box_rightbar p {
	
	font-size: 70%;
	color: #455876;
	
}

	
	
/*End box styles*/	


	
/*end sidebar styles*/	

/* start breadcrumbs ----------------------------------------------------------*/

#content #breadcrumbs p {
	font-size: 70%;
	text-indent: 0 !important; /* this overrides the indenting of the main content's p elements */
	}

#breadcrumbs a {color: #03c; text-decoration: none;}
#breadcrumbs a:link {color: #03c;}
#breadcrumbs a:visited {color: #03c;}
#breadcrumbs a:hover {color: #900; text-decoration:underline; }
#breadcrumbs a:active {color: #03c;}

/* end breadcrumbs */

/*start main content area. ------------------------------------------------------------*/

/* Note: h1, h2, and p styles are located in the contribute980_styles.css file. */

#content {
	padding: 5px 20px; /*Modify the second value to increase or decrease gutter space.*/
	background: transparent url(../images/website/content_bkgnd_top.png) repeat-x left top;
	position: relative!important;
	} 
	
	
#content p {
	font-size: 90%;
	padding-right: 40px;
	padding-left: 20px;
	line-spacing: .2em;

	
	}
	
#content h1, h2, h3, h4 {
	
	color: #900;
	font-weight: 400;
	padding-left: 20px;
}

/*can override above color in headings if desired */
	
#content h1 {
	font-size: 120%;
	margin-top: 15px;
	
	}
	
#content h2 {
	font-size: 100%;
	padding-right: 40px;
	
	}
	
#content h3 {
	font-size: 100%;
	font-style: italic;	
	
	}		
	
#content h4 {
	
	font-size: 90%;
	font-weight: 400;
	
}



#content a {color: #03c; text-decoration: none;}
#content a:link {color: #03c;}
#content a:visited {color: #03c;}
#content a:hover {color: #900; text-decoration:underline; }
#content a:active {color: #03c;}

#content ul {
	font-size: 90%;
	line-height: 140%;
	list-style: outside;
	margin-left: 30px;

	}
	
#content ul li {
	font-size: 90%;
	line-height: 120%;
	list-style: outside;
	padding-bottom: 8px;
	}
	
#content ol {
	font-size: 90%;
	line-height: 140%;
	margin-left: 40px;
	padding-right: 40px;
	}
	
#content ol li {
	font-size: 100%;
	line-height: 140%;
	padding-bottom: 8px;
	}

	
#content ul {
	
	font-size: 100%;
	
}
	
	#content ul ul {
		
		font-size: 100%;
		list-style: disc;
		padding-left: 40px;
		
	}
	
	
#content img {
	
	float: left;
	padding: 3px;
	margin: 10px 10px 3px 0;
	background: #eaeaea;
	border: 1px solid #ccc;
	
}




#content p.captionedimg {
	margin: 1em;
	font-size: 70%;
	float: left;
	color: #455876;
	padding: 2px;
	
}

#content p.captionedimg img {
	
	display: block;
	float: none!important;
	padding: 3px;
	margin: 0 0.6em 0.2em 1em;
		
}


#content p.captionedimgrt {
	margin: 1em;
	font-size: 70%;
	float: right;
	color: #455876;
	font-style: italic;
	padding: 2px;
	text-align: center;
}

#content p.captionedimgrt img {
	
	display: block;
	float: none!important;
	padding: 3px;
	margin: 0 0.6em 0.2em 1em;
		
}

#content blockquote {
	
	font-size: 90%;
	
}


/*start redballoon styles */

#content .redballoon {
	
	background: #fff url(../images/redballoon/red_balloon_hdg_bkgnd.png) no-repeat;	
	
}




#content .redballoon h1 {
	font-size: 2em;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	padding: 40px 5px 60px 110px;
	font-weight: bold;
	color: #000;
	
	}
	
#content h2.redballoon {
	
	font-size: 1.5em;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-weight: bold;
	color: #000;
	border-bottom: 1px solid #ccc;
	background: transparent;
	
}

#content div.clasestaff {
	
	border-bottom: 1px solid #ccc;
	margin-bottom: 15px;
	
} 


#content .spotlight {
	
width: 90%;
font-size: 90%;
border: 1px solid #c8c889;
margin-left: 15px;
background: #f9f4d8;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background: #e4e59e; /* Old browsers */

background: -moz-linear-gradient(top,  #e4e59e 0%, #f9f4d8 62%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4e59e), color-stop(62%,#f9f4d8)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #e4e59e 0%,#f9f4d8 62%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #e4e59e 0%,#f9f4d8 62%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #e4e59e 0%,#f9f4d8 62%); /* IE10+ */

background: linear-gradient(top,  #e4e59e 0%,#f9f4d8 62%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4e59e', endColorstr='#f9f4d8',GradientType=0 ); /* IE6-9 */


}

#content .spotlight h2 {
	
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
font-weight: bold;
letter-spacing: 1px;
margin: 0;
padding: 6px 0 4px 0;
text-align: center;
font-size: 130%;
color: #900;
border-bottom: 1px solid #c8c889;	
	
}



#leftbar_1 #rbblog {
	
	background: transparent;
	margin: 0;
	padding: 0;
	
	
}


#leftbar_1 #rbblog p {
	
	font-size: 80%;
	color: #333;
	
	
}

#leftbar_1 #rbblog h1 {
	
	background: transparent url(../images/redballoon/blog_bkgnd.jpg) no-repeat;
	color: #fff;
	border-top: 2px solid #00287a;
	border-bottom: 2px solid #00287a;
	
	
}
	




/*end red balloon styles*/

/*start Title V style s*/


#content .titlev {
	
	background: #fff url(../images/website/titlev_h1_bkgnd.jpg) no-repeat;	
	
}




#content .titlev h1 {
	font-size: 1.1em;
	padding: 48px 5px 0 100px;
	margin-bottom: 35px;
	font-weight: bold;
	color: #b40001;
	
	}
	
#content .titlev h2 {
	
	font-size: 1em;
	font-weight: bold;
	color: #b40001;
	border-bottom: 1px solid #ccc;
	background: transparent !important;
	
}

#content .titlev h3 {
	
	font-size: 90%;
	font-weight: bold;
	font-style:italic;
	letter-spacing: 1px;
	color: #b40001;
	
}


/*end Title V styles */






/*start Lowell styles*/

#leftbar_holder ul.lowell {
	
	margin-bottom: 0!important;
	
}



/*start AA Graduation Rate Initiative Styles*/


#content .gradrate {
	
	background: #fff url(../images/website/grad_initiative_h1_bkgnd.jpg) no-repeat;	
	
}



#content .gradrate h1 {
	font-size: 1.1em;
	padding: 68px 5px 25px 150px;
	font-weight: bold;
	color: #b40001;
	
	}
	
#content .gradrate h2 {
	
	font-size: 1em;
	font-weight: bold;
	color: #b40001;
	border-bottom: 1px solid #ccc;
	background: transparent !important;
	
}

#content .gradrate h3 {
	
	font-size: 90%;
	font-weight: bold;
	font-style:italic;
	letter-spacing: 1px;
	color: #b40001;
	
}
	
#leftbar_1 img.gradrate, #leftbar_2 img.gradrate {
	
	border-top: 8px solid #023a77!important;
	border-bottom: 8px solid #023a77!important;
	padding: none!important;
	margin: 0!important;
	
	
}

.box_leftbar_edge {
	margin: 10px 0 0 5px;
	padding: 0px;
	width: 175px;
	border: 1px solid #a0965a;
	background: #e7e4d3;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 0 0 0 10px;
	box-shadow: 2px 2px 2px #758bb0;
	-webkit-box-shadow: 2px 2px 2px #758bb0;
	-moz-box-shadow: 2px 2px 2px #758bb0;

	
	}
	
	
#leftbar_1 .box_leftbar_edge h1 {
	
	color: #900;
	font-weight: bold;
	font-size: 90%;
	letter-spacing: 1px;
	text-align: center;
	background: transparent;
	border: none;
	padding: 3px 3px 3px 0;
	margin-top: 4px;
	
}

#leftbar_1 .box_leftbar_edge img {
	
border: 1px solid #758bb0;
background: none;
margin: 0;
padding: 0;

}


#leftbar_1 .box_leftbar_edge p {
	
	font-size: 80%;
	color: #455876;
	font-weight: normal;
	
}	


#leftbar_1 .box_leftbar_edge ul{
	
	font-size: 80%;
	list-style: disc;
	color: #455876;
	
}
	
	
#leftbar_1 .box_leftbar_edge li {
	
	padding-bottom: 8px;
	font-weight: bold;
	
}


/*end AA Graduation Rate Initiative styles styles */



/*h2 styles for schools and colleges page */

#content h2.collegeheading {
	
	 margin: 40px 0 10px 20px;
	 padding: 5px;
	 background: #455876;
	 border-left: 12px solid #00287a;
	 width: 500px;
	 
}

#content .collegeheading a:link, #content .collegeheading a:visited {
	
	color: #fff;
	text-decoration: none;
	
}

#content .collegeheading a:hover {
	
	text-decoration: none;
	color: #ffbd43;
	
}

#content .collegeheading a:active {
	
	color: #fff;
	
}

/*content box styles*/


#content .box_content {
	float: right;
	margin: 10px 0 5px 5px;
	padding: 0;
	width: 200px;
	border: 1px solid #eaeaea;
	background: #e1e7f9;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 0 0 0 10px;
	box-shadow: 2px 2px 2px #758bb0;
	-webkit-box-shadow: 2px 2px 2px #758bb0;
	-moz-box-shadow: 2px 2px 2px #758bb0;

	
	}
	
	
#content .box_content h1 {
	
	color: #900;
	font-weight: normal;
	font-size: 80%;
	letter-spacing: 1px;
	text-align: center;
	background: transparent;
	margin: 3px 7px 3px 5px;
	padding: 5px 5px 2px 5px;
	border-bottom: 1px solid #fff;
	
}

#content .box_content img {
	
border: 1px solid #758bb0;
background: none;
margin: 0 0 10px 0;
padding: 0;

}


#content .box_content p {
	
	font-size: 70%;
	color: #455876;
	padding: 4px;
		
}	
	
/*end content box styles */	


	
	
/* Start #content table styles ---------------------------------------------- */

#content table {
	border-collapse: collapse;
	width: 500px;  /*Maximum table width for 980 "A" layouts is 530px. Maximum table width for 980 "B" layouts is 730px. Any larger and float drop will occur. If you increase #content padding value, you will need to decrease this value or float drop will occur.*/
	font-size: 90%;
	color: #000;
	background-color: #eaedf3;
	border: 1px solid #e1e7f9;
	margin-left: 20px;
	
	
	}
	
#content caption {
 	font-weight: bold;
	color: #900;
	font-size: 95%;
	padding-bottom: 15px;
	}

#content table th { 
	margin: 0;
	padding: 5px;
	font-weight: bold;
	font-size: 85%;
	background: #eaedf3;
	border: 1px solid #758bb0;
	color: #455876;
	
	}

#content table td {
	margin: 0; 
	padding: 5px; 
	font-size: 85%; 
	background: #fff; 
	border: 1px solid #758bb0;
	vertical-align: top;
	
	}
	
	
	
#content table.degrees {
	
	width: 700px;
}


	
	
/* End Table styles */	


/*beginning form styles */

form {
	
	width: 90%;
	
}

legend {
	font-size: 1.1em;
	color: #900;
	
}

#content legend h2 {
	
	font-size: 1.1em;
	color: #900;
	padding: 0!important;
	margin: 0!important;
	
}

fieldset {
	padding: 0.8em 0px 0.8em 0.8em;
	border: 1px solid #fff;
	
}

label {
	display: block;
	margin-top: 0.5em;
	font-size: .8em;
	color: #0d2678;
	padding-bottom: 8px;

	
}

input, textarea {
	background: #D9DEE8;
	padding: .2em;
	width: 30em;
	border-top: 1px solid #336;
	border-right: 1px solid #978EBA;
	border-bottom: 1px solid #978EBA;
	border-left: 1px solid #336;
}

textarea {
	height: 8em;
}

#submit {
	width: 8em;
	/*margin-top: .8em;*/
	margin-left: 1.5em;
}

input:focus, textarea:focus {
	background: #f4f1e8;
}

form em {
	color: #c00;
	font-weight: bold;
}

	


/*end form styles */


	

/* end content */



/* Start footer ------------------------------------------------------ */

#footer {
	color: #fff;
	margin: 0;
	padding: 10px;
	border-top: 2px solid #900;
	background: #903 url(../images/website/footer_bkgnd.jpg) repeat-x;
	}

#footer p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	margin: 2px;
	padding: 1px 20px;
	text-align: center;
		
	}
	
#footer a {color: #666; text-decoration: none;}
#footer a:link, #footer a:visited {color: #fff;}

#footer a:hover, #footer a:active, #footer a:focus {
	text-decoration:underline;
	color: #FFF;
	}
	
/* end footer */



/*image and image caption styles for the left and right captioned image assets. Use them to create your own Library assets in addition to the ones provided and style to suit.  */


.left {

float: left;
margin: 0 20px 10px 0;

}

.right {

float: right;
margin: 0 0 20px 10px;

}


.horizontal {

width: 460px;
color: #666;
font-size: 70%;
}


.vertical {

width: 260px;
color: #666;
font-size: 70%;

}


.photoholder div {
	
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	
}




/*end image caption styles */




/*begin current page indicator for Level1*/

/*Current page indicator normal state for Level 1 menus. These styles override .nav styles for current page. */
body#level1_1_page li#level1_1 a, body#level1_2_page li#level1_2 a, body#level1_3_page li#level1_3 a, body#level1_4_page li#level1_4 a, body#level1_5_page li#level1_5 a, body#level1_6_page li#level1_6 a, body#level1_7_page li#level1_7 a, body#level1_8_page li#level1_8 a, body#level1_9_page li#level1_9 a, body#level1_10_page li#level1_10 a, body#level1_11_page li#level1_11 a {
	font-weight: bold;
	color: #b11a3b;
	background: #eaeaea url(../images/website/on.png) no-repeat left;
	
	}

/*Current page hover state highlight for Level1 menus. These styles override .nav styles for current page. */
body#level1_1_page li#level1_1 a:hover, body#level1_2_page li#level1_2 a:hover, body#level1_3_page li#level1_3 a:hover, body#level1_4_page li#level1_4 a:hover, body#level1_5_page li#level1_5 a:hover, body#level1_6_page li#level1_6 a:hover, body#level1_7_page li#level1_7 a:hover, body#level1_8_page li#level1_8 a:hover, body#level1_9_page li#level1_9 a:hover, body#level1_10_page li#level1_10 a:hover, body#level1_11_page li#level1_11 a:hover {
  	
	font-weight: bold;
	color: #b11a3b;
	background: #eaeaea url(../images/website/on.png) no-repeat left;
		
	}
	
/*Inheritance block. Keeps level2 from inheriting level1 styles. Styles here should match ".nav ul a" */ 
body#level1_1_page li#level1_1 ul a, body#level1_2_page li#level1_2 ul a, body#level1_3_page li#level1_3 ul a, body#level1_4_page li#level1_4 ul a, body#level1_5_page li#level1_5 ul a, body#level1_6_page li#level1_6 ul a, body#level1_7_page li#level1_7 ul a, body#level1_8_page li#level1_8 ul a, body#level1_9_page li#level1_9 ul a, body#level1_10_page li#level1_10 ul a, body#level1_11_page li#level1_11 ul a {


	color: #00287a;
	background: #fff url(../images/website/leftlink_bkgnd.jpg) no-repeat right bottom;
	font-weight: normal;
	
	}

/*begin persistent page indicator for level2*/

/*Current page indicator normal state for Level2 menus. These styles override .nav styles for current page. */ 
body#level2_1_page li#level2_1 a, body#level2_2_page li#level2_2 a, body#level2_3_page li#level2_3 a, body#level2_4_page li#level2_4 a, body#level2_5_page li#level2_5 a, body#level2_6_page li#level2_6 a, body#level2_7_page li#level2_7 a, body#level2_8_page li#level2_8 a, body#level2_9_page li#level2_9 a, body#level2_10_page li#level2_10 a, body#level2_11_page li#level2_11 a {
  	
	color: #b11a3b;
	background: #eaeaea url(../images/website/on.png) no-repeat left;
	font-weight: bold;
	
		
		
	}
	
/*Current page hover state highlight for Level 2 menus. These styles override .nav styles for current page. */
body#level2_1_page li#level2_1 a:hover, body#level2_2_page li#level2_2 a:hover, body#level2_3_page li#level2_3 a:hover, body#level2_4_page li#level2_4 a:hover, body#level2_5_page li#level2_5 a:hover, body#level2_6_page li#level2_6 a:hover, body#level2_7_page li#level2_7 a:hover, body#level2_8_page li#level2_8 a:hover, body#level2_9_page li#level2_9 a:hover, body#level2_10_page li#level2_10 a:hover,  body#level2_11_page li#level2_11 a:hover {
	
  	
	color: #b11a3b;
	background: transparent!important;

		
	}

/*Inheritance block. Keeps level2 menu highlight from inheriting the level1 indicator highlight. This should be the same as ".nav ul a:hover"*/
body#level2_1_page li#level2_1 ul a, body#level2_2_page li#level2_2 ul a, body#level2_3_page li#level2_3 ul a, body#level2_4_page li#level2_4 ul a, body#level2_5_page li#level2_5 ul a, body#level2_6_page li#level2_6 ul a, body#level2_7_page li#level2_7 ul a, body#level2_8_page li#level2_8 ul a, body#level2_9_page li#level2_9 ul a, body#level2_10_page li#level2_10 ul a, body#level1_3_page li#level1_3 ul a:hover, body#level1_2_page li#level1_2 ul a:hover, body#level1_1_page li#level1_1 ul a:hover, body#level1_4_page li#level1_4 ul a:hover, body#level1_5_page li#level1_5 ul a:hover, body#level1_6_page li#level1_6 ul a:hover, body#level1_7_page li#level1_7 ul a:hover, body#level1_8_page li#level1_8 ul a:hover, body#level1_9_page li#level1_9 ul a:hover, body#level1_10_page li#level1_10 ul a:hover, body#level1_11_page li#level1_11 ul a:hover  {
	
  	/*color: #455876;
	border-bottom: 1px solid #d1d8eb;
	background: #f4f4f4;*/
	color: #b11a3b;
	background: #eaeaea;
	background-image: none;
	font-weight: normal;
	
	}
	
/*End Current Page Indicator section */