/*========================================================================
California Polytechnic State University Template Stylesheet
Rev 2.0  Last Updated 2007-06-27
Your Department Name Here
=========================================================================*/


* { margin: 0; padding: 0; } /*--This gets rid of ALL the margin and padding in the whole site, since each Web browser vendor sets their own default sizes. This allows you to set whatever padding and margin you would like on any element--*/

body { 
	font-size: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #A1B39C;
}
img, img a { border: none; } /*--This gets rid of ALL the default borders applied to images. You can change this option in the CSS to have borders on images if you want--*/

#container { 
	width: 760px;
	height: 100%;
	margin: 0 auto;
	background: #EBEBEB;
} /*--The container div encloses the whole cp template to make sure everything is positioned correctly--*/



/*-----------------------------------------------------------------------
Skiplink Navigation--This is the top part of the site so Web users with accessibility issues can more easily navigate the site
---------------------------------------------------------------------------*/
#skiplink {
	padding: 1px 10px 3px 0;
	font-size: 60%;
	text-align: right;
	background: #A5B59E;
}
#skiplink a:link     { color: #000000; text-decoration: none; }
#skiplink a:visited  { color: #000000; text-decoration: none; }
#skiplink a:hover    { color: #000000; text-decoration: underline; }
#skiplink a:active   { color: #000000; text-decoration: underline; }

/*-----------------------------------------------------------------------
				Header, Cal Poly Logo, Department Name
------------------------------------------------------------------------*/

#header { 
	width: 760px;
	display: table;
	background: url(../images/header/header_bg.gif) #003300 repeat-y left top;
	border-bottom: #003300 solid 1px;
}
/*-----------------------------
			CP Logo
-------------------------------*/
#header #cplogo, #header #cplogo a { /*--The link is for the alt text color if images are turned off--*/
	width: 166px;
	height: 1.9em;
	float: left;
	display: block;
	font-size: 120%;
	color: #FFFFFF;
}
/*-------------------------------------------------------------------------------------
The Right Content Area of the Header. This contains the Dept Name/Logo and the CP name 
--------------------------------------------------------------------------------------*/  
#headercontent {
	background: url(../images/header/header_bg.gif) #003300 repeat-y -166px top;
	width: 594px;
	float: right;
}
#headercontent #deptname {
	width: 584px;
	text-align: right;
	color: #fff;
	padding: 10px 10px 4px 0;
}

#header #deptname a:link    { text-decoration: none; color: #fff; }
#header #deptname a:visited { text-decoration: none; color: #fff; }
#header #deptname a:hover   { text-decoration: underline; color: #fff; }
#header #deptname a:active  { text-decoration: underline; color: #fff; }

#headercontent #deptname p.deptname {
	font-family: "Times New Roman", Times, serif;
	color: #fff;
	font-size: 170%;
	font-weight: normal;
}
#headercontent #deptname p.deptinfo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
}
#header #cp { 
	width: 584px;
	clear: both;
	margin: 5px 0 0 0;
	padding: 3px 10px 3px 0;
	background: url(../images/header/goldbar.jpg) #e6d3a1 no-repeat right top;
	text-align: right; 
}
#header #cp p {
	font-weight: normal; 
	font-size: 65%;
	color: #000000; 
	letter-spacing: 2px;
}

#header #cp a:link    { color: #000000; text-decoration: underline; }
#header #cp a:visited { color: #000000; text-decoration: underline; }
#header #cp a:hover   { color: #000000; text-decoration: underline; }
#header #cp a:active  { color: #666666; text-decoration: underline; }

.headerimage { float: right; margin: 0 0 3px 10px; font-size: 60%; } /*--Dept Logo Image--*/

/*-----------------------------------------------------------------------
							Breadcrumb Area
------------------------------------------------------------------------*/
#breadcrumb {
	width: 590px;
	padding: 2px 0 2px 170px;
	border-bottom: #666666 solid 1px;
	background: url(../images/breadcrumb/breadcrumb.jpg) repeat left top;
	font-size: 60%;
	color: #003300;
}
#breadcrumb a:link    { text-decoration: none; color: #003300; }
#breadcrumb a:visited { text-decoration: none; color: #003300; }
#breadcrumb a:hover   { text-decoration: underline; color: #003300; }
#breadcrumb a:active  { text-decoration: underline; color: #003300; }

/*-----------------------------------------------------------------------
							Left Navigation
------------------------------------------------------------------------*/

#leftnav { 
	width: 165px;
	/*background: url(../images/leftnav/leftnav_top-bkgrd.gif) #EBEBEB repeat-x left -1px;*/
	padding: 0 0 20px 0;
	float: left;
}
/*--For accessbility reasons, this header level-1 must be here--*/
#leftnav h1 {
	font-size: 55%;
	text-align: center;
	color: #223322;
	font-weight: bold;
	letter-spacing: 5px;
	padding: 1px 0 4px 0;
	display: block;
	background: #D1D1D1;
	border-bottom: #B1B1B1 solid 1px;
}

#leftnav h2 {
	font-size: 70%;
	background: url(../images/leftnav/leftnav_h1menu.gif) #D1D1D1 repeat-x left -1px;
	display: block;
	padding: 3px 0 4px 12px;
	color: #003300;
}

#leftnav h2 a:link    { text-decoration: none; color: #003300; }
#leftnav h2 a:visited { text-decoration: none; color: #003300; }
#leftnav h2 a:hover   { text-decoration: underline; color: #003300; }
#leftnav h2 a:active  { text-decoration: underline; color: #003300; }

#leftnav ul { margin: 0; list-style-type: none; }

#leftnav ul li { font-size: 70%; color: #002200; }

#leftnav ul li a { 
	text-decoration: none;
	color: #003300;
	width: 148px; /*--This is necessary for IE6--*/
	padding: 6px 5px 6px 12px;
	display: block;
	border-bottom: #D1D0D0 solid 1px;
	/*border-top: #FFFFFF solid 1px;*/
}
#leftnav ul li a:hover { background: #D6D6D6; }

#leftnav ul ul { margin-top: 0; background: #F2F2F2; }
#leftnav ul ul li { font-size: 90%; }
#leftnav ul ul li a { padding: 2px 5px 3px 20px; width: 140px; }

/*-----------------------------------------------------------------------
					Utility Menu Search = The Search Box
------------------------------------------------------------------------*/
#search {
	padding: 10px 5px 5px 10px;
	margin: 20px 0 0 0;
	background: url(../images/utli_search/search_header.png) repeat-x top center;
	border-top: #FFFFFF solid 1px;
}
#submit {
	position: relative;
	top: 3px;
}
#search label {
	font-size: 60%;
}

/*-----------------------------------------------------------------------
					<--navcontent1 & navcontent2--->
	These two divs define areas for the Web author to place additional
	content if desired, such as images and text.
------------------------------------------------------------------------*/
#navcontent1, #navcontent2 {
	width: 145px;
	padding: 10px 5px 10px 15px;
	font-size: 70%;
}

#navcontent1 a:link, #navcontent2 a:link       { color: #003300; text-decoration: underline; }
#navcontent1 a:visited, #navcontent2 a:visited { color: #003300; text-decoration: underline; }
#navcontent1 a:hover, #navcontent2 a:hover     { color: #003300; text-decoration: underline; }
#navcontent1 a:active, #navcontent2 a:active   { color: #003300; text-decoration: underline; }

/*-----------------------------------------------------------------------
								Content
------------------------------------------------------------------------*/
#content {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	width: 554px;
	padding: 20px;
	border-left: #666666 solid 1px;
	float: right;
	background: #fdfdfd;
	height: 100%;
}
#content a:link    { color: #003300; text-decoration: underline; }
#content a:visited { color: #000099; text-decoration: underline; }
#content a:hover   { color: #003300; text-decoration: underline; }
#content a:active  { color: #000099; text-decoration: underline; }

#content h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 170%;
	color: #003300;
	margin: 15px 0 5px 0;
}
#content h1 a:link    { color: #003300; text-decoration: underline; }
#content h1 a:visited { color: #003300; text-decoration: underline; }
#content h1 a:hover   { color: #000099; text-decoration: underline; }
#content h1 a:active  { color: #003300; text-decoration: underline; }

#content h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 160%;
	color: #336600;
	margin: 15px 0 2px 0;
	font-weight: normal;
}
#content h2 a:link    { color: #336600; text-decoration: underline; }
#content h2 a:visited { color: #336600; text-decoration: underline; }
#content h2 a:hover   { color: #000099; text-decoration: underline; }
#content h2 a:active  { color: #336600; text-decoration: underline; }

#content h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 110%;
	color: #003300;
	margin: 15px 0 0px 0;
}
#content h3 a:link    { color: #003300; text-decoration: underline; }
#content h3 a:visited { color: #003300; text-decoration: underline; }
#content h3 a:hover   { color: #000099; text-decoration: underline; }
#content h3 a:active  { color: #003300; text-decoration: underline; }

#content p {
	margin: 0 0 15px 0;
	line-height: 150%;
}
#content p.indent {
	margin: 0 0 15px 20px;
}
#content ul {
	margin: 10px 0 10px 30px;
	list-style-type: circle;
}
#content ul li {
	margin: 0 0 5px 0;
}
#content ol {
	margin: 15px 0 0 35px;
}
#content ol li {
	margin: 0 0 5px 0;
}
#content blockquote {
	margin: 0 0 0 30px;
}
#content em { 
	font-style: oblique;
}
#content strong {
	font-weight: bold;
}
.contentBox {
	padding: 10px;
	margin: 0 0 20px 0;
	border: #666666 solid 1px;
	background:#EAE6E6;
}

#content table caption {
	font-size: 100%;
	padding: 0px 0px 4px 0px;
	/*margin: 0 auto 0 auto;*/
	}
#content table {
	border-collapse: collapse;
	border: #AAAAAA 1px solid;
	/*margin-left: auto;
    margin-right: auto;*/
}
#content table td {
	font-size: 100%;
	border: #AAAAAA 1px solid;
	padding: 4px 4px 4px 4px;
	text-align: left;
	vertical-align: top;
}
#content table tr.shade-row {
	background-color:#f6f7f5;
}
#content table th {
	font-size: 100%;
	border: #AAAAAA 1px solid;
	background-color:#e8e9e5;
	padding: 4px 4px 4px 4px;
	text-align: left;
}
/* For Tables that represent lists - removes underlines from links when presented in a table.
   Use only for elements that are presented in a list format within a table.  Apply this class
   to the <table> element.  */
#content table.nolinklines a:link    { color: #003300; text-decoration: none; }
#content table.nolinklines a:visited { color: #003300; text-decoration: none; }
#content table.nolinklines a:hover   { color: #000099; text-decoration: underline; }
#content table.nolinklines a:active  { color: #003300; text-decoration: underline; }

/*-----------------------------------------------------------------------
								Images
------------------------------------------------------------------------*/
img.imageright { float: right; margin: 0 0 10px 10px; }
img.imageleft  { float: left; margin: 0 10px 10px 0; }

/*-----------------------------------------------------------------------
								Footer
------------------------------------------------------------------------*/
#footer {
	clear: both;
	width: 760px;
	height: 8em;
	background: #fdfdfd;
	border-top: #003300 solid 1px;
}
#footer p {	font-size: 65%; margin: 0 0 10px 0; }

#footer_links {
	width: 745px;
	padding: 3px 0 4px 15px;
	background: url(../images/footer/footer.gif) #003300 no-repeat bottom left;
	font-size: 55%;
	color: #FFFFFF;
}
#footer_links a:link    { color: #FFFFFF; text-decoration: none; }
#footer_links a:visited { color: #FFFFFF; text-decoration: none; }
#footer_links a:hover   { color: #FFFFFF; text-decoration: underline; }
#footer_links a:active  { color: #FFFFFF; text-decoration: underline; }

#footer_deptlinks {
	width: 465px;
	padding: 10px 20px 20px 15px;
	float: left;
}
#footer_deptinfo {
	width: 220px;
	padding: 10px 20px 20px 20px;
	float: right;
	text-align: right;
}
#footer_deptlinks a:link, #footer_deptinfo a:link       { color: #003300; text-decoration: underline; }
#footer_deptlinks a:visited, #footer_deptinfo a:visited { color: #003300; text-decoration: underline; }
#footer_deptlinks a:hover, #footer_deptinfo a:hover     { color: #999999; text-decoration: underline; }
#footer_deptlinks a:active, #footer_deptinfo a:active   { color: #003300; text-decoration: underline; }

#footer .spacing { margin-right: 50px; }
#footer .footer_bullet { margin: 0 2px; }