@charset "utf-8";
/* CSS Document */
/* short hand cheatsheet: top right bottom left */

body {
	margin: 0;
	padding: 0;
	background: url(../images/gray_stripes_lt.gif) #336699;
	}

* {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	line-height: 110%;
	color: #000000;
	}

p {}
	
a {
	text-decoration:none;
	color: #004d99;
	}
	
a:link, a:visited, a:active {}

a:hover {
	text-decoration:underline;
	}

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

h1 {
	font-size: xx-large;
	}

h2 {
	font-size: x-large;
	}

h3 {
	font-size: large;
	color: #000000;
	}

h4 {
	font-size: medium;
	color: #000000;
	}

h5 {
	font-size: x-small;
	color: #000000;
	}

h6 {
	font-size: xx-small;
	color: #000000;
	}

li {}

ul, ol {}
	
img {
	border: none;
	}
	
table {}

tr {}

th {}

td {}

/*text_container pads any text or link area*/
.text_container { 
	width: 94%;
	margin: 0 3% 0 3%;
	margin-top: 1em;
	margin-bottom: 1em;
	text-align:left;
	}

/*page-wrap determines min and max sizes for fluid page.  IE settings must be changed in template-ie.css*/
#page-wrap {

	min-width: 780px;
	max-width: 999px;
	margin: 0px auto 0px auto;
	}

#inside {padding:10px 5px 10px 5px;}


/*start right column styles*/
#rightcol {
	float:right;
	width:25%;
	border-left: #CCCCCC 1px inset;
	margin-top: 1em;
	}

/*Start - All of this builds the rounded corners on the right column*/
.back {background: #c3c3c3;
}
.bl {background: url(../images/bl.gif) 0 100% no-repeat;
}
.br {background: url(../images/br.gif) 100% 100% no-repeat;}
.tl {background: url(../images/tl.gif) 0 0 no-repeat;}
.tr {background: url(../images/tr.gif) 100% 0 no-repeat; padding: 0.1em 1em .1em 1em;}
.clear {font-size: 1px; height: 1px} 
/*End All of this builds the rounded corners on the right column*/
/*End right column styles*/

/*left column styles start here*/

#leftcol {
	width: 20%;
	float: left;
	}

#leftnav{
	background: #5082C1;	
	margin-top:0px;
	padding-top:5px;
	}

#leftcol a {
	font-weight:bold;
	color:#FFFFFF;
	line-height:2em;
	}

#leftcol ul {
	list-style-type:none;
	padding-left: 20px;
	margin-left: 0px;
	text-indent: -10px;
	}
	
#leftcol p {
	margin-left: 0px;
	color:#FFFFFF;
	padding-left: 10px;
	}
	
#leftcolbottom a {
	padding-left: 10px;
	}
/*left column styles end here*/
	
/* Start Header Styles */

#header {
	background: white;
	width:100%; 
	position:relative;
	height:74px;
}
.tower {
	position:absolute;
	width:39px;
	left: 6px;
	right: 0;
	bottom: -5px;
}
.csuName {
	margin-top:8px;
	float:left;
	position:relative;
	left: 50px;
}
.deptName {
	position:relative;
	right: 5px;
	top: 26px;
	text-align:right;
	font-family: Trebuchet MS, Arial;
	font-size: 20px;
	color: #bb0000;
	font-weight:bold;
}
#headertop {
	height:52px;
}
#headerbar {
	height:20px;
	background:#23446D;
}
#search {
	float: right;
	margin: .2em 1em .2em 0;
	color: #FFFFFF;
	font-weight:bold;
}
#search a {
	color:#FFFFFF;
	font-size:small;
	padding: 0 .5em 0 .5em;
}
/* End Header styles */

#middle {
	background: #23446D; /*background color for lower left column*/
	float:left;
	width:100%;
	}	

#main {
	width: 79.9%;
	float:right;
	background:#FFFFFF;
	}

#content {
	width: 74%; /*IE wants to have smallest space for some reason to work right*/
	float:left;
	background:white;
	}

#picture img {
	width:100%;
	}
	
#breadcrumb {
	font-size:x-small;
	}

#breadcrumb a {
	font-size:x-small;
	}
	
#breadcrumb span {
	font-size:x-small;
	color:#990000;
	}

/*Start footer styles*/	

#footer {
	width:100%;
	height:75px;
	clear:both;
	background: #FFFFFF;
	}
	
#footertop {
	height: 2px;
	width:100%;
	}

#footerbar {
	height: 3px;
	width:100%;
	background: #23446D;
	}

#footerother {
	height: 70px;
	width:100%;
	}

#dept_info { 
	width: 25% ;
	float: left ;
	margin: 7px 5px 4px 5px;
	}

#comments {
	width: 45% ;
	text-align: center ;
	float: left ;
	margin: 7px auto 4px auto;
	}

#csu {
	width: 25% ;
	float: right ;
	margin: 7px 5px 4px 5px;
	text-align: right ;
	}
	

.lastupdated {
	clear: both ;
	width: 100% ;
	text-align: center ; 

	top: 20px ;
	height:50px;
}

.hidden {
	position:absolute; /* relative to window */
	visibility: hidden ;
	left: 0px; 
	top: 0px; /* not negative so it doesn't mess up IE 7 */
}

/* END styles for footer */