/* CSS Document */

body{
	padding:0;
	min-width:799px;
	width:799px;
	/*margin:auto;*/
	margin:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:76%;
	border-top:7px solid #c03;
	color:#000000;
}

a{
	color:#000066;
}

a:hover{
	color: #666666;
}


a:visited{
		color: #666666;
}
	
h1{
color: #990000;
	font-size:1.5em;
	padding:0;
	margin:0;
}

h2{
	color: #990000;
	font-size:1.1em;
}

h3{  
	font-size:1em;
	
}


ul li{
	font-family:Verdana, Arial, Helvetica, sans-serif;
list-style: none;
padding-bottom: 3px;
}

p{
	line-height: 1.5em;
}

th{
	background:#666;
	color:#fff;
	text-align:left;
	padding:3px;
}
#liststyle2
{
list-style-type: disc
}

#wrapper{
	margin:0 auto;
	padding:0;
	width:100%;
	background-color:#FFFFFF;
	font-size:1em;
}

#topbar{
	float:left;
	width:inherit;
}

#logo{
	float:left;
	margin:0;
	padding-top:10px;
	padding-left:10px;
	padding-bottom:5px;
	text-align:left;
}

#header {
	float:right;
	margin-right:5px;
	font-size:1.8em;
	margin-top: 30px;
	clear:right;
	color:#626262;
}


#page-banner{
	float:left;
	padding:0;
	margin:0;
	height:120px;
	width:100%;
background: url(/uploads/eb/4a/eb4aedc75ba9544e3d27bc4f24362f57/csu_db_banner_top.jpg) no-repeat left;
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
}

/*#page-banner h1 {
float: right;
padding: 65px 20px;
font-size: 2.2em;
font-weight: normal;
}
*/


#maincontainer{
	clear:both;
	margin:0 auto;
	padding:0;
	width:99%;
}

#contain_depthead {
	float:right;
	width:55%;
	height:27px;
	padding:0;
	padding-top:10px;
	margin:0;
	font-size:1.4em;
}

.oneCol{
	float:left;
	width:99%;
	padding:10px;
}


#leftCol {
	float: left;
  	width: 15em;
	padding: 10px 10px 10px 0;
	background-color: #ebebeb;
	border-right: #ccc solid 1px;
	border-bottom: #ccc solid 1px;
}

#mainCol {
	float: left;
        width: auto;
        max-width: 70%;
	padding: 10px 10px 10px 15px;
}



/****nav styles****/
#horiNav{
	clear:both;
	font-family:Courier New, Courier, Mono;
    	font-size:.9em;
	background-color:#c03;
	float:left;
	text-align:left;
	width:800px;
	padding:3px 0;
	margin-top:0px;
	position:relative;
	white-space:nowrap;
	border-bottom:4px solid #878787;
}

#horiNav a{
    	text-decoration:none;
	color:#fff;
	font-weight:bold;
}


/*#horiNav a:hover{
    color:#990033;
}*/

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

#horiNav li{
	float:left;
	padding:0 25px 0 0px;
	margin:0;
}

#horiNav a.current{
	color: #ffcc00;

}

.publicButton {
	position:relative;
	right:-50px;
	margin:0px;
	padding:0;
}



#breadcrumb{
	font-size:.9em;
	float:left;
	padding-left:10px;
	padding-top:5px;
}

/****************/
#footer1{
	clear:both;
	border-top:1px solid #999;
	background-color:#ebebeb;
	text-align:right;
	font-size:.7em;
	padding-right:3px;
}

#footer2{
	clear:both;
	text-align:right;
	font-size:.8em;
	font-weight:bold;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	background-color:#ebebeb;
	padding-right:3px;
}

#account{
	float:right;
    	font-size:8pt;
    	vertical-align:bottom;
    	padding-bottom:5px;
	margin-right: 5px;
}



#account ul{
	list-style:none;
	margin:0;
	padding:0;
}

#account li{
	float:left;
	margin:0;
	padding:0 3px 0 3px;
}

#skiplinks{
	display:none;
}

.hide a{
	color:#fff;

}

.formDescription{
	width:40%;
}

.formContents {
	clear:both;
	margin:10px;
}

.formContents td {
	border-bottom: none;
}

.tableHeader {
	background-color: #ebebeb;
	color: #000066;
	font-weight: bold;
	padding-left: 5px;
	font-size: .95em;
}

.tableData{
	font-size: .95em;
}

.tableMenu {

}

.formSubtext{
	font-size:.9em;
	color:#c03;
}

table{
	width:100%;
}

td{
	padding-top:5px;
	padding-bottom:5px;
	border-bottom:1px solid #ccc;
}

.note{
	font-size:.9em;
}

.postMessage{
	clear:both;
	padding:3px;
	border-top:1px solid #ccc;
}

.postData{
	background-color:transparent;
	border:0;
}

.button{
	margin:80px;
	padding:0;
}

.postButton a, .button a{
	padding:5px;
	background-color:#ccc;
	text-decoration:none;
	color:#333;
	border-top:3px solid #eee;
	border-right:3px solid #666;
	border-bottom:3px solid #666;
	border-left:3px solid #eee;
}

.postButton_loggedin a{
	padding:5px;
	background-color:#ccc;
	text-decoration:none;
	color:#000;
	border-top:3px solid #eee;
	border-right:3px solid #666;
	border-bottom:3px solid #666;
	border-left:3px solid #eee;
}

.edit_delete{
	margin-top:20px;
	display:block;
}





/*********table styles for Agenda************/
.subject {
width:450px;
padding:5px;
}

.task{
width:120px;
padding:5px;
}


/*********Nested Ordered List Styles************/
ol ol {
	list-style-type:lower-alpha;
	}

ol ol ol {
	list-style-type:lower-roman;
	}


/*********Page Styles************/

/*********3 Column************/
#contentContainer{
	
	float:left;
	width:73%;
	padding:5px;
	
}

#colOne{
	clear:both;
	float:left;
	width:46%;
	padding:10px;
}

*html #colOne{
	
	width:42%;
}

#colTwo{
	float:right;
	width:46%;
	padding:10px;
}

*html #colTwo{
	
	width:42%;
}

#colThree{
	float:left;
	width:24%;
	padding:5px 0 5px 10px;
	border-left:1px solid #999;
}

.highlight {
	background: #ebebeb;
	padding:0 10px 10px 10px;
	border-top: 4px #999 solid;
}

.hidden {
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}

/***bubble pop ups***/

a.bt{
	position:relative;
	z-index:2;
	cursor: default;
text-decoration: none;
}

a.bt span{ display: none; }


/*background:; ie hack, something must be changed in a for ie to execute it*/


a.bt:hover { z-index:3; color:  #333333;}
a.bt:focus { z-index:3; color:  #333333; outline: none;}
a.bt:active { z-index:3; color:  #333333;}

a.bt:hover span.thebubble{
    	display:block;
    	position:absolute;
    	top:0px; 
	/*left:50px;*/
left:-25px;
	padding: 10px 0 0 0;
	width:225px;
	color: #333333;
	text-align: left;
	font-weight: normal;
	font-size: 95%;
	line-height: 1.5;

}


a.bt:focus span.thebubble{
    	display:block;
    	position:absolute;
    	top:0px; 
	/*left:50px;*/
left:-25px;
	padding: 10px 0 0 0;
	width:225px;
	color: #333333;
	text-align: left;
	font-weight: normal;
	font-size: 95%;
	line-height: 1.5;

}


a.bt:active span.thebubble{

    	display:block;
    	position:absolute;
    	top:0px; 
	/*left:50px;*/
left:-25px;
	padding: 10px 0 0 0;
	width:225px;
	color: #333333;
	text-align: left;
	font-weight: normal;
	font-size: 95%;
	line-height: 1.5;
}

a.bt:hover span.top{
	display: block;
	padding:30px 8px 0;
    	background: url(/info_bubble.png) no-repeat top;

}


a.bt:focus span.top{

	display: block;
	padding: 30px 8px 0;
    	background: url(/info_bubble.png) no-repeat top;

}


a.bt:active span.top{

	display: block;
	padding: 30px 8px 0;
    	background: url(/info_bubble.png) no-repeat top;

}


a.bt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 20px 0 10px; 
	background: url(/info_bubble_filler.png) repeat bottom; 

}

a.bt:focus span.middle{ /* different middle bg for stretch */

	display: block;
	padding: 0 20px 0 10px; 
	background: url(/info_bubble_filler.png) repeat bottom; 
}

a.bt:active span.middle{ /* different middle bg for stretch */

	display: block;
	padding: 0 20px 0 10px; 
	background: url(/info_bubble_filler.png) repeat bottom; 
}

a.bt:hover span.bottom{
	display: block;
	padding:3px 8px 25px;
	color: #000000;
    	background: url(/info_bubble.png) no-repeat bottom;
}

a.bt:focus span.bottom{
	display: block;
	padding:3px 8px 25px;
	color: #000000;
    	background: url(/info_bubble.png) no-repeat bottom;

}


a.bt:active span.bottom{
	display: block;
	padding:3px 8px 25px;
	color: #000000;
    	background: url(/info_bubble.png) no-repeat bottom;
}