@import "CU_reset.css";

HTML{ 
	height:100%; 
	font-family:verdana,  sans-serif;
	}

BODY{
	height:100%;
	vertical-align:top;
	background:#BAE4EE url('/images/site/900shadow.png') repeat-y top center;
	}

.alignr{text-align:right}
	
#container{
	background:#FFF url('/images/site/bannerback.png') no-repeat top left;
	width: 900px;
	margin-bottom: 10px;
	margin: 0 auto;
	}
	
#header{
	height:160px;
	padding:0px;
	background: ;
	text-align:right;
	vertical-align:baseline;
	}
	
	#header #ideasdesc{float:right;text-align:justify;width:200px;font-size:0.7em;padding:5px;color:#888;}
	#header #ideasdesc div{font-size:1.2em;border-bottom:1px solid #0096FF;color:#0096FF;background:url('/images/site/arrowhead.png') no-repeat bottom right;margin-bottom:3px;}
	#header #ideas {float:right;width:190px;border:1px solid #DDD; background:url('/images/site/75white.png');border-left-style:dotted;border-right-style:dotted;}
	#header #ideas #prompt{color:#AAA;font-size:0.6em;padding:1px 0px 0px 2px;text-align:left}
	#header #ideas textarea{width:100%;height:90px;border:0px;overflow:auto;color:#777;font-size:0.7em;background:none;}
	#header #ideas div.submit{border-top:1px solid #EEE;background:#FAFAFA}
	#header #ideas input{background:#FAFAFA;padding:1px;margin:0px;border:0px;color:#0096FF}

	#toprightbox {
		float:right;
		padding:7px;
		text-align:left;
		margin:5px 5px;
		}
		#toprightbox #loggedin{font-size:0.7em;margin-top:5px;text-align:right;color:#E6F4F8;}
		#toprightbox #loggedin a{color:#18334F;}
		#cse-search-box{margin-top:0px;padding:5px;background:#B8E4EF;border:1px solid #099FC2}

#navcol{
	float: left;
	width: 165px;
	margin: 0 0 10px 0 ;
	padding: 0px;
	}
	#nav{
		color:#FAFAFA;
		border-right:1px dotted #FFF;
		margin: 0 10px 0 0;
		}
		#nav ul{
			list-style:none;
			font-family:arial;
			}
			#nav ul a{background:none;display:block;text-decoration:none;color:#0099ff;padding: 4px 10px;font-weight:bold;}
			#nav ul li.about>a{color:#0096FF}
			#nav ul li.getinvolved>a{color:#0ada00}
			#nav ul li.resources>a{color:#ff7e00}
			#nav ul a:hover,#nav ul li.about>a:hover,#nav ul li.getinvolved>a:hover,#nav ul li.resources>a:hover{
				background:url('/images/site/navgrad.png') repeat-y top right #8ED1E1;color:#000;}
				#nav ul ul li{border-bottom:none;}
				#nav ul ul a{padding:1px 3px 1px 11px;color:#777;font-weight:normal;font-size:0.8em}
				#nav ul ul a:hover{}
			
#announcement{ border:1px solid #0098FE;padding:5px;margin-bottom:10px;background:#e4eeff;font-size:0.8em}
#feedback{ border:1px solid #00ff36;padding:5px;margin-bottom:10px;background:#00BF27;color:white;font-size:1em}
#error{ border:1px solid #ff0000;padding:5px;margin-bottom:10px;background:red;color:white;font-size:1em}
			
#promos{
	width:500px;
	margin-bottom:10px;
	}
	#promos td{width:33%}
	#promos td div{border:1px solid #AAA}
	#promos a.title{display:block;font-size:1.3em;color:white;padding:5px;text-align:left}
	#promos a.title:hover{color:white;text-decoration:underline}
	#promos a.image{display:block;color:#EEE;text-align:center}
	#promos ul {list-style:none;color:#AAA;font-size:0.8em;padding:3px;}
	#promos ul a{display:block;border-top:1px dotted #EEE;padding:2px 5px;margin-top:2px}
	
	#promos td#about{padding: 0 2px 0 0}
		#promos td#about div{border-color:#004C7F;}
		#promos td#about a.title{background:#0096FF;}
		#promos td#about ul a{color:#0096FF;border-color:#0096FF}
	#promos td#getinvolved{padding: 0 2px 0 2px}
		#promos td#getinvolved div{border-color:#055F00;}
		#promos td#getinvolved a.title{background:#0ada00;}
		#promos td#getinvolved ul a{color:#0ada00;border-color:#0ada00}
	#promos td#resources{padding: 0 0 0 2px}
		#promos td#resources div{border-color:#6F3700;}
		#promos td#resources a.title{background:#ff7e00;}
		#promos td#resources ul a{color:#ff7e00;border-color:#ff7e00}
	
#cse-search-results{width:500px;}
#content{
	padding: 0;
	margin: -18px 220px 0px 177px;
	font-size:0.83em;
	font-family:verdana, ;
	}
div#content{ 
	text-align:justify;
	min-height:600px;
	height:expression(this.scrollHeight > 600 ? "auto":"600px"); 
	}
	#content h1{font-size:2.5em;font-family:arial;color:#555;border-bottom:5px solid #E8E8E8;padding-bottom:1px;margin-bottom:15px;margin-top:0px;font-weight:normal}
	#content h2{font-size:1.5em;font-family:arial;color:#222;margin:20px 0 10px 0;}
	#content h3{font-size:1.5em;font-weight:normal;font-family:arial;color:#444;margin:10px 0 5px 0;}
	#content > li{margin: 5px 0 5px 0;}
	#content > ul,#content > ol{margin: 5px 0 5px 2em;}
	#content p{margin-top:5px;}
	#content a{color:#0079C6;text-decoration:none;}
	#content a:hover{color:#111;text-decoration:underline;}
	hr{border:1px solid #DDD}
	#login{
		padding:10px 0;
		float:left
		}
		#login .errortext{color:red;font-size:0.8em;margin-bottom:10px}
		#login label {display:block;}
		#login input.text {width:10em;}
	
	
	#content .highlightbox{
		display:block;
		margin-top:10px;
		border: 1px solid orange; 
		padding: 5px; 
		background-color: rgb(255, 230, 152); 
		color: black; 
		}
		#content .highlightbox h2{margin-top:0px}

		#shoutbox{margin:0px 0 15px 0;padding:5px;border:1px solid #07A0C2;}
			#shoutbox h2{
				margin:-5px -5px 10px -5px;
				padding:2px 5px;
				background-color:#D3EFF3;color:#02344D}
			#shoutbox tr{vertical-align:top;border-bottom:10px solid #FFF}
			#shoutbox td{vertical-align:top;text-align:left;padding:0px}
			#shoutbox td.image{width:70px;padding:0px}
			#shoutbox .sayer{color:#555;margin-bottom:3px;}
			#shoutbox .date{color:#AAA;float:right;font-size:0.6em;}
			#shoutbox .shout_top{
				background:url('/images/site/speechbubble_01.png') no-repeat top right; 
				height:7px;
				margin-top:0px;
				}
			#shoutbox .shout_main{
				background:url('/images/site/speechbubble_02.png') repeat-y top right;
				padding: 0 10px 5px 25px
				}
			#shoutbox .shout_bottom{
				background:url('/images/site/speechbubble_03.png') no-repeat top right;
				height:4px;
				}
			#shoutbox .shout_bottomlinks{
				text-align:right;
				margin:5px -5px -5px -5px;
				padding:2px 5px;
				background-color:#D3EFF3;color:#555
				}
				#shoutbox .shout_bottomlinks a{color:#F89939}
			
		#committeetable img{margin: 0 10px 0 0;border:1px solid #0099FF;}
		#committeetable td{padding-bottom:10px;}

		#bigmap{height:600px;}
		#bigmap div{-moz-box-sizing:content-box;box-sizing:content-box;}
		#freshlinktable td{padding:2px 5px;}
		
#sidebar{
	float: right;
	width: 200px;
	margin: -18px 14px 10px 0 ;
	padding: 0;
	}
	#yoursay{
		font-family:arial;
		margin: 0 10px 5px 10px;
		font-size:0.9em;
		border:1px solid #E272E1;
		background-color:#FAFAFA;
		color:#333;
		padding:4px 6px;
		}
		#yoursay h2{font-size:1.2em; font-family:arial; margin:0 0 5px 0; padding:0;color:#e200aa;text-align:center;}
		#yoursay a#allsurveys{color:#e200aa;text-decoration:none;display:block;margin-top:5px;font-size:0.8em;text-align:center;}
		#yoursay a#allsurveys:hover{color:#222;}
	#twitter,#facebook{
		font-family:arial;
		margin: 0 10px 5px 10px;
		font-size:0.9em;
		color:#333;
	}
	#twitter img{border:1px solid #7CCDE0;}
	#facebook img{border:1px solid #142346;}
	#upcoming{
		font-family:arial;
		margin: 0 10px 5px 10px;
		font-size:0.9em;
		border:1px solid #7CCDE0;
		background-color:#FFF;
		color:#333;
		padding:4px 6px;
		}
		#upcoming h2{font-size:1.2em; font-family:arial; margin:0px; padding:0;color:#0096FF;text-align:center;}
		#upcoming #daterange{font-size:0.7em;color:#555;margin-bottom:8px;text-align:center;}
		#upcoming h3{font-size:1em;color:#0096FF;font-family:verdana;font-weight:normal;margin:10px 0 2px 0;padding:0;text-align:left;}
		#upcoming ul{list-style:none;border-top:1px solid #0096FF;border-bottom:1px dotted #DDD;}
		#upcoming li{padding:3px 5px;font-size:0.8em;}
		#upcoming li.nonfirstitem{border-top:1px dotted #EEE;}
		#upcoming li.noitems{color:#AAA;text-align:center;}
		#upcoming li.highlight{color:red;border:1px solid red;}
		#upcoming .description{color:#777;font-size:0.9em;}
		#upcoming .location{color:#AAA;}
		#upcoming a#addcalender{display:block;margin: 10px 0 0 0; background-color:#F5F5F5; border:1px solid #AAA; padding:5px; text-align:center;font-size:0.8em;color:#222;text-decoration:none}
		#upcoming a#addcalender .fakelink{color:#0391F7;text-decoration:underline}
		#upcoming a#addcalender:hover .fakelink{color:#222;}
		
		
		
#footer{
	clear: both;
	margin: 0;
	text-align: right;
	color:#0F3750;
	font-size:0.7em;
	height:100px;
	margin-top:10px;
	background:url('/images/site/footerback.jpg') top left no-repeat #9FD8FF;
	}
	#footer div{padding:65px 10px 0 10px}
	#footer a{color:#0F3750}

	
	
#promos2 {display:none}

form table.form{width:100%}
form table.form th{vertical-align:middle;font-weight:normal;color:#222;width:150px;padding-right:20px;text-align:left}
form table.form .top{vertical-align:top;}
form table.form td{vertical-align:middle;}
form table.form tr{border-bottom:5px solid #FFF}
form table.form input.text,textarea{border:1px solid #AAA;}
form table.form textarea{width:100%;height:200px}
form table.form ul{margin-left:20px}

small {color:#AAA;font-size:0.7em}