body {
	margin: 0px;
	background: #636363;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #444444;
}


#topright {
	position: absolute;
	right: 0px;
	top: -2px;
	bottom: 0px;
	display: block;
	height: 103px;
	width: 599px;
	background: url(tots.png) no-repeat;
	text-indent: -999em;
	text-decoration: none;}


h1, h2, h3 {
	margin: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #444444;
}

h1 {
	font-size: 2em;
}

h2 {
	font-size: 1.5em;
	padding-bottom: 4px;
}

h3 {
		text-align: center;
		color: #472101;
		height: 42px;
		text-indent: -10001px;
		background-position: 50% 0;
		background-repeat: no-repeat;
		margin: 0 0 .8em;
	}
	
#left h3 { background-image: url("images/mission_h3.png"); }	
#middle h3 { background-image: url("images/decision_h3.png"); }	
#right h3 { background-image: url("images/news_h3.png"); }	

p, ul, ol {
	margin-top: 0;
	line-height: 180%;
}

ul, ol {
}

a {
	text-decoration: none;
	border-bottom: 1px dotted #CC0001;
	color: #333333;
}

a:hover {
	background: none;
	color:#FB7600;
}

#wrapper {
	width: 960px;
	margin: 0 auto;
	background: url(images/big_bg.png) repeat-y left top;
}

#wrapper .btm {
	background: url(images/img05.png) no-repeat left bottom;
}

/* Header */

#header {
	width: 960px;
	height: 25px;
	margin: 0 auto;
	background: url(images/img2.png) repeat-y left top;
}

/* Logo */

#logo {
	float: left;
	margin-top: 65px;
	width: 157px;
	padding-left: 5px;
	color: #000000;
}

#logo h1, #logo p {
}

#logo h1 {
	float: left;
	padding: 30px 0 0 20px;
	margin-right: 10px;
	letter-spacing: -1px;
	text-transform: lowercase;
	font-size: 2.8em;
}

#logo h1 a {
	color: #FF7900;
}

#logo p {
	float: left;
	margin: 44px 0 0 0;
	padding: 3px 10px 3px 0px;
	font: normal 13px Georgia, "Times New Roman", Times, serif;
	font-style: italic;
} 

#logo a {
	border: none;
	background: none;
	text-decoration: none;
	color: #000000;
}



#toppy {
	position: relative;
	display: block;
	text-decoration: none;
	}


h4 {
	position: absolute;
	margin-top: 1px;
	right: 10px;
	font-family: "Gill Sans", Georgia, serif;
	font-size: 1.3em; /* was 1.46em for Georgia */
	line-height: 1.5em;
	text-align: right;
	font-weight: normal;
	color: #333366;
	text-shadow : 1px 2px 5px silver;
	}





/* Menu */

#menu {
	width: 958px;
	height: 54px;
	background: url(images/backgroundimage_bg.png) no-repeat left top;
	margin: 0 auto;
	padding: 0;
}

#menu ul {
	margin: 0;
	padding: 10px 0 0 10px;
	list-style: none;
	line-height: normal;
}

#menu li {
	float: left;
	margin-left: 20px;
}

#menu a {
	display: block;
	margin-right: 3px;
	padding: 5px 10px 7px 10px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: black;
	border: none;	

	
}

#menu a:hover, #menu .current_page_item a {
}


/* Nav HOVER 
#menu ul li a:hover,
#menu ul li.highlight a {
color: white; 	background: #black; height: 10px;
*/
#menu ul li a:hover, #menu ul li.highlight a {
color: white; 
background: url(images/circle.png) left no-repeat; 
text-decoration: none 
padding-left: 10px 
}

#menu ul li a:hover span.menu_ar,
#menu ul li.highlight a span.menu_ar {
color: orange; 
}



#menu a:hover {
	background: #grey;
	text-decoration: none;
}

#menu .first {
	color: orange;
	margin-right: 0px;
	background: #grey;
}


#search {
padding-left: 65px;
}


/* Carousel */

#show {
	width: 960px;
	margin-top: 0px;
	margin-left:auto;
	margin-right:auto;
	height: 302px;
	background: url(images/backgroundimage_4.png) no-repeat;
	margin-bottom: 40px;
}



#bookshelf {
	width: 960px;
	margin-top: 0px;
	margin-left:-10px;
	margin-right:auto;
	height: 401px;
	background: url(images/black.png);
	margin-bottom: -60px;
}




#thumb_gutter {
	width: 960;
	height: 50px;
	margin-top: -50px;
	background-image:URL(images/backgroundimage_6.png);
}



/* Page */

#page {
	width: 960px;
	padding-top: 2px;
}

/* Content */

#content {
	float: left;
	width: 940px;
	padding: 10px;
}





/* side menu */

#sidemenu{
	position: absolute;
	float: left;
	width: 140px;
	border:none;
	margin-left: -15px;
	}

#smheading{
	padding:none;
	margin:none;
	text-align:bottom;
	}


#smheading{
	background-image: url(graphics/menu_top.gif);
	}



/* begin images */
.image{
	float: right;
	width: 400px;
	margin: 0px 0px 10px 8px;
	color:#999;
	font-size:x-small;
	border:none;
	}



#smlinks{
	padding-top: 15px;
	padding-left: 20px;
	background-color: #666;
	text-align: left;
	padding-bottom: 10px;
	}

#smlinks a{
	color: #FFF;
	text-decoration: none;
	text-align: left;
	padding-right: 0px;
	line-height: 2em;
	}
	
#smlinks a:hover{
	color: #CCCCCC;
	}
	
#smlinks a:active{
	text-decoration: underline;
	}	
/* end sidebar */



/* Three Boxes */


p.thick{font-weight: bold}

#left {
	padding: 5px;
	float: left;
/*	border: 1px solid #ccc;
	background: #666; */
	width: 295px;
	}

	
	
#middle {
	padding: 5px;
	margin-left: auto;
	margin-right: auto;
	clear:none;
/*	border: 1px solid #ccc;
	background: #666; */
	width: 295px;
	}
	
	
#right {
	padding: 5px;
	float: right;
/*	border: 1px solid #ccc;
	background: #666; */
	width: 295px;

	}

	
	


#search_results {
padding-left: 15px;
	padding-top: 15px;
	
	}



#maincontent {
	padding-left: 173px;
	padding-top: 25px;
	}



#smheading{
	padding:none;
	margin:none;
	text-align:bottom;
	}


#smheading{
	background-image: url(graphics/menu_top.gif);
	}





.description{
	text-align:left;
	line-height: 1.2em;
	}	










/* Kick-Ass Project Rotator */


.main_image {
	width: 550px;
	height: 433px;
	float: left;
	background: #333;
	position: relative;
	overflow: hidden; /*--Overflow hidden allows the description to toggle/tuck away as it slides down--*/
	color: #fff;
}
.main_image h2 {
	font-size: 2em;
	font-weight: normal;
	margin: 0 0 5px;
	padding: 10px;
	color: #fff;
}
.main_image p {
	font-size: 0.9em;
	line-height: 1.6em;
	padding: 10px;
	margin: 0;
}


.main_image a {
	color: #fff;
}

.block small { /*--We'll be using this same style on our thumbnail list--*/
	font-size: 0.9em;
	padding: 0 0 0 20px;
	background: url(project_banner/icon_calendar.gif) no-repeat 0 center;
}
.main_image .block small {margin-left: 10px;}
.main_image .desc{
	position: absolute;
	bottom: 0;
	left: 60px; /*--If we're having a title banner on the left vert--*/
	width: 490px;
	display: none; /*--Hide description by default, if js is enabled, we will show this--*/
}
.main_image .block{
	width: 100%;
	background: #111;
	border-top: 1px solid #000;
}
.main_image a.collapse { /*--This is our hide/show tab--*/
	background: url(project_banner/btn_collapse.gif) no-repeat left top;
	height: 27px;
	width: 93px;
	text-indent: -99999px;
	position: absolute;
	top: -27px;
	right: 20px;
}
.main_image a.show {background-position: left bottom;}



.image_thumb {
	float: left;
	width: 215px;
	background: #f0f0f0;
	border-right: 1px solid #fff;
	border-top: 1px solid #ccc;
}
.image_thumb img {
	border: 1px solid #ccc;
	padding: 5px;
	background: #fff;
	float: left;
}
.image_thumb ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.image_thumb ul li{
	margin: 0;
	padding: 10px 10px;
	background: #f0f0f0 url(nav_a.gif) repeat-x;
	width: 205px;
	float: left;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #fff;
	border-right: 1px solid #ccc;
}
.image_thumb ul li.hover { /*--Hover State--*/
	background: #ddd;
	cursor: pointer;
}
.image_thumb ul li.active { /*--Active State--*/
	background: #fff;
	cursor: default;
}
html .image_thumb ul li h2 {
	font-size: 1.1em;
	margin: 3px 0;
	padding: 0;
}




.image_thumb ul li .block {
	float: left;
	margin-left: 10px;
	padding: 0;
	width: 130px;
}

.image_thumb ul li p{display: none;}/*--Hide the description on the list items--*/








/* separate lists from subsequent content */
div.outerwrap
{
  padding-top: 470px;
  margin-bottom: 1em;
}

/* position list chunks side by side */
div.wrapp3r
{
  float: left;
  width: 15em;
}

/* clear float after lists */
div.wrapp3r br
{
  clear: left;
}
/* remove default spacing  to 
promote cross-browser consistency */
div.wrapp3r ol
{
  margin: 0;
  padding: 0;
}

/* suppress normal list item numbering */
div.wrapp3r ol li
{
  list-style-type: none;
}

/* generate new item numbers that 
continue from one list to the next */
div.wrapp3r ol li:before
{
  content: none;
  counter-increment: none;
}
/* anchor styling */
div.wrapp3r ol li a
{
  text-decoration: none;
  list-style-type: none; 
}
div.wrapp3r ol li a:hover
{
  color: #FFF; /* white */
  background-color: #A52A2A; /* brown */
}








/* Footer */

#footer {
	width: 960px;
	height: 20px;
	margin: 0 auto;
	padding: 20px 0 15px 0;
	background: #444444;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

#footer p {
	margin: 0;
	line-height: normal;
	font-size: 10px;

	text-align: center;
}

#footer a {
	color: #FFFFFF;
	border-bottom: 1px #FFFFFF dotted;
}