body {
	margin: 0;
	background: #fff;
	font-family: arial, sans-serif; 
	font-size: 14px; color: #444;
}
.container { width: 870px; padding: 10px 0px 20px 0px;}
#header { height: 145px; padding-left: 20px;}

#logo {
	background: url(/images/gec-logo.png) no-repeat 20px 7px;
	width: 197px; height: 145px;
	float: left;
}
#header-right { float: left;}
#left-sidebar {width: 220px; height: 442px; float: left; position: relative; background: url(/images/usb-leaves-fade.png) no-repeat top left;}
#gec-info {position: absolute; top: 15px; left: 28px; color: #666; font-size: 11px;}
#tagline {padding-top: 50px;}


#main-content {float: left; padding: 20px;  width: 580px;}
#footer { padding-left: 160px; text-align: center; font-size: 11px;}

/* standard links */
.highlight, a { color: #356005; text-decoration: none;}
a:hover { color: #052960;}
/* administrative links */
a.admin {font-size: 13px; color: #335522; text-decoration: none; color:#a00;}
a.admin:hover {color: #553322; text-decoration: underline;}

.admin-links {padding-bottom: 10px;}
.admin-info { font-weight: bold; margin-bottom: 10px; font-size: 16px;}

/* images */
img {border: none;}
.page-image {padding: 10px 20px 5px 0px;}
.caption {text-align: center;}
#image_list img { cursor: pointer;}

/* page columns */
.column1 {float: left;}
.column2 {float: left; margin-left: 50px;}

/* regular bulleted lists */
ul {list-style: inside;}

/* project, news, people, etc. lists */
ul.simple-list { list-style: none outside; margin: 0px; padding: 0px;}

/* specific list styles */
/* ==================== */
/* people page */
#people-list li {margin: 10px 0px;}
#people-designations li {margin: 10px 0px; font-size: 18px;}
#people-designations a {color: black; text-decoration: none; padding: 5px; display: block; width:200px;}
#people-designations .active-designation { padding: 5px;}
#people-designations a:hover, #people-designations .active-designation {color: black; text-decoration: none; 
	gbackground: #356005; 
	color: white;
	color: #a50005;
	font-weight: bold;	
}
/* people: single page layout styles */
.people-designation {font-size: 17px; color: #000; text-decoration: underline;}

.person-name {font-size: 16px;}
.person-summary {font-weight: bold;}
.person-bio {text-align: justify;}
.person-pic {float: left; padding: 0px 15px 10px 0px;}

#content-people .column2 { width: 540px; margin-left: 20px; }

/* ===================== */
/* resources */

ul#rc-dropdowns {list-style: none; margin: 0px; padding: 0px;}
/* ul#rc-dropdowns li {padding: 0px;} */
.resource-category {width:700px;}
.rc-name {width: 500px;}
.rc-selector {height: 15px; background: url(/images/arrow-right.png) top left no-repeat; padding: 0px 0px 10px 20px; cursor:pointer; font-size: 18px;}
.rc-dropdown {padding-bottom: 5px;}
.rc-dropdown ul {list-style: none; margin: 0px; padding-left: 10px;}
.rc-dropdown li {margin: 5px 0px;}

#resource-category-list div {margin: 10px 0px;} /* this on the edit_resource_category page */


/* ===================== */
/* stories */
#story_list li {padding: 10px 0px;}
.story-title {font-size: 16px;}
.story-date {font-weight: bold;}
.story-content {text-align: justify;}

/* story order */
.handle {cursor: pointer;}

/* ===================== */

/* errors */
#errorExplanation {width: 500px; background: #a22; color: white; padding: 5px; border: 2px solid red;}
#errorExplanation h2 {font-size: 16px;}
.fieldWithErrors input {border: 2px solid red;}



/* main menu styles */ 
#menu-bar { padding-top: 25px; height: 37px; }
#menu-image-loader {
	background: url(/images/menu-items/about-over.png) no-repeat;
	background: url(/images/menu-items/projects-over.png) no-repeat;
	background: url(/images/menu-items/resources-over.png) no-repeat;
	background: url(/images/menu-items/news-over.png) no-repeat;
	background: url(/images/menu-items/people-over.png) no-repeat;
	background: url(/images/menu-items/home-over.png) no-repeat;
	margin-left: -1000px;
}
#menu-bar ul {list-style: none; margin: 0px; padding: 0px}
#menu-bar li { float: left; width: 97px; height: 37px; margin: 0px 3px;}
#menu-bar li a {display: block; width: 97px;  height: 37px;}

#menu-about a {background: url(/images/menu-items/about.png) no-repeat top left; margin-left: 0px; padding-left: 0px;}
#menu-about a:hover {background: url(/images/menu-items/about-over.png) no-repeat top left;}
#content-about #menu-about a {background: url(/images/menu-items/about-over.png) no-repeat top left;}

#menu-projects a {background: url(/images/menu-items/projects.png) no-repeat top left;}
#menu-projects a:hover {background: url(/images/menu-items/projects-over.png) no-repeat top left;}
#content-projects #menu-projects a {background: url(/images/menu-items/projects-over.png) no-repeat top left;}

#menu-resources a {background: url(/images/menu-items/resources.png) no-repeat top left;}
#menu-resources a:hover {background: url(/images/menu-items/resources-over.png) no-repeat top left;}
#content-resources #menu-resources a {background: url(/images/menu-items/resources-over.png) no-repeat top left;}

#menu-news a {background: url(/images/menu-items/news.png) no-repeat top left;}
#menu-news a:hover {background: url(/images/menu-items/news-over.png) no-repeat top left;}
#content-news #menu-news a {background: url(/images/menu-items/news-over.png) no-repeat top left;}

#menu-people a {background: url(/images/menu-items/people.png) no-repeat top left;}
#menu-people a:hover {background: url(/images/menu-items/people-over.png) no-repeat top left;}
#content-people #menu-people a {background: url(/images/menu-items/people-over.png) no-repeat top left;}

#menu-home a {background: url(/images/menu-items/home.png) no-repeat top left;}
#menu-home a:hover {background: url(/images/menu-items/home-over.png) no-repeat top left;}
#content-main #menu-home a {background: url(/images/menu-items/home-over.png) no-repeat top left;}