body { background-color:#fff; color: #000; font-family: Verdana, Arial, sans-serif;} /* possibly #92cc74 */
#hd { margin: 0 0 0 0; background: url(../images/top.jpg) no-repeat;width:100%; height: 150px; }
#bd, #ft { margin: 0 0 0 0; background: url(../images/middle.gif) repeat-y; }
#end { background: url(../images/bottom.gif) top left no-repeat; height: 64px; }
#login form tr {padding-left:3em;}
#login { float:right; padding-left:3em;padding-right:6em;padding-top:1em;}
.footertext {padding:0 0 0 2.0em;}
a.logout {text-decoration:none;}
em {font-style: oblique; font-weight: bold; }

/*** inline-button ***/

.inline-button {
	font: bold 80% Verdana, sans-serif;
	margin: 0 0.2em; padding: 0.1em 0;
	border: 1px solid #000;
	white-space:nowrap;
	text-decoration: none;
	vertical-align:middle;
	background: #ccc;
	color: black;
}
.inline-button em {
	font-style: normal;
	margin:0; padding: 0.1em 0.5em;
	background: white;
	color: black;
}
.inline-button span {
	margin:0; padding: 0.1em 0.5em 0.1em 0.3em;
}
.inline-button:hover {
	background: #666;
	color: white;
}
.inline-button:hover em {
	background: black;
	color: white;
}
.gthanks {align:center;font-size:9px;}

#sdft ul {list-style-type:none; padding: 1em 0 0 18em;}
#sdft ul li { float: left; padding: 0.5em 0.5em 0.5em 0.5em;}
#sdft img {border: none; vertical-align: middle; }

.orange { background: #FF9900; color: black }
.orange em { background: white; color: #c60 }

.blue { background: #06c; color: white }
.blue em { background: white; color: #06c }

.green { background: green; color: white }
.green em { background: white; color: green }


/*** Exponent CMS styles ***/
/*** Container Styles ***/
div.container_box {
	padding: 1em;
	margin-left:4em;
}

div.container_editbox {
	border: 1px dashed #ddd;
}

div.container_editheader {
	padding: 3px;
	background-color: #ddd;
	color: #000;
}

div.container_editheader table tr td.info {
	font-size: 85%;
	font-weight: bold;
}

.administration_modmgrheader, .header, .administration_header {
	background-color: #DDD;
	color: #000;
}
/*
h1 {	font-size: 159%; padding: 0.8em 0 0 1em; font-weight: bold; }
h2 { 	font-size:136%;	padding: 0.8em 0 0 1em; font-weight: bold; }
*/
h2 { 	font-size:114%;	margin: 0 0 0.5em 0.5em; padding: 0.8em 1em 0 0; font-weight: bold; border-bottom: 2px solid #000; }
h3 { 	font-size:100%;	padding: 0.8em 0 0 1em; font-weight: bold; border-bottom: 1px solid #FFF; }
h4 { 	font-size:100%;	padding: 0.8em 0 0 1em; font-weight: bold; }
h3.short_h3 { font-size:100%; width:50%; font-weight: bold; border-bottom: 1px solid #ccc; }
p { padding:0.5em 1em 0.5em 1em; }

/*** generic ordered and unordered list ****/
/*** have to put some defaults here because YUI clears everything ***/
ol { padding: 0 0 0 1em; list-style-type:decimal; list-style-position: inside; }
ul { padding: 0 0 0 1em; list-style-type:disc; list-style-position: inside;}
ul li {padding: 0.5em 0 0.5em 0.5em;line-height:0.5em;}
ul  ul { padding: 0.5em 0 0 1em; list-style-type:circle; }
ol li, ul li { padding: 0.5em 0 0.5em 0.5em;  line-height: 0.5em;}
ol li li, ul li li { padding: 0.5em 0 0.5em 0.5em; }
.container_box ul li, .container_box ul ul li {padding: 0.5em 0 0 1em; list-style-type:circle; line-height:1.5em;}
.container_box ul ul li {padding: 0.5em 0 0 1em; list-style-type: square; line-height:1.5em;}

/***** generic definition list, displays in rows *****/
dl { border-bottom: 1px solid #999; clear: both; }

dt
{
width: 30%;
float: left; /* The term is floated left and the item has the margin set to the width of the term */
margin: 0;
padding: .5em 0;
border-top: 1px solid #999;
font-weight: bold;
}

dd
{
margin-left: 30%; /* Margin set to the width of the term */
padding: .5em 0;
}

dd.dd1st { border-top: 1px solid #999; }  /* class for first definition item of given term, puts a border */

/***** THEME SPECIFIC STYLES  *****/
/**** COLORS USED 
#536C42 - body background
#9DD174 - frame around all content
#FBFBFB - content background
#B6D1A0 - highlight menu and background text
****/
.breadcrumb { font-size: 122%;  white-space: nowrap;}

/* a { text-decoration:none; font-weight: normal;  background-color: transparent; color: black;} */
/*** redefine divs to be narrower because of picture margin ***/
.maincontent div.container_box { background-color: #ffffff; color: #000;margin-right:40px; margin-left:20px;}
.leftnav {}
/*** top_nav is really a misnomer... using a list it can be anywhere, and in this case it's left nav ***/
.top_nav {font-family:Verdana, Arial;}
.top_nav ul { white-space: nowrap; list-style-type: none; margin: 0.1em 0.5em 0.4em 0.8em; }
.top_nav ul li, .children_only ul li { font-size: 107%; padding: 0.4em 0 0.8em 0; }
.top_nav ul li a {padding: 0 0.3em 1em 0.6em; text-decoration:none; font-weight: normal;  background-color: transparent; color: #CCCCCC; font-size:1.0em;}
.top_nav ul li a:visited { }
.top_nav ul li a:hover {text-decoration:underline;}
.top_nav ul li a:active { }
.top_nav ul  li h1 .current, .children_only ul li h1 .current { color:#000000; }
.top_nav ul li  h1 a.current , .children_only ul li h1 a.current {color:#000000; }
.top_nav ul li.current { color:#FFFFFF; }
.top_nav ul li.current h1 a.navlink { color:#FFF; text-indent:1.0em;} /* makes text white in current button*/
.top_nav ul li.current h1 a.navlink:hover {font-weight:normal; } /* removes bold text on current button hover*/

/*** Listing Module Bios view styles ****/
.person { border-top: 2px solid #536C42; margin: 1em 0; }
.picholder { border: 2px solid #536C42; background-color: #FFF; color: black; padding: 5px; margin: 0.5em 0.5em 0.5em 0; float: left; }
.personpic { border: none; }
.personinfo {  }
.personname { border-bottom: 2px dotted #FFF; font-style: oblique; font-weight: bold; font-size: 100%; padding: 0.5em 0 0 0; }
.personbio { font-size: 85%; }

input {
	font-family: Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	border:1px solid #FF0000;
	padding:0;
	margin: 2px;
	font-size: 12px;
	padding: 1px;
}
.loginbutton {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	margin-top: 5px;
	margin-bottom: 0px;
	padding: 0px;
	}
form {
	margin: 0px;
	padding: 0px;
}

.resource_moduletitle {font-size:1.2em ;color:#000066; font-weight:bold;} 

/** Text Module Styles for different colored textmodule boxes**/
.text_module_title {
    font-family: Verdana, Arial, Helvetica, sans-serif;	
    font-size: 14px; 
	font-weight: bold;
	border-bottom:#000 solid 2px; 
	color:#000;
}  

.textmodule_paleyellow { 
     border: solid 1px #F2E0A2; 
	 background-color: #FFFFCC; 
	 padding: 10px;
}
.textmodule_blue { 
     border: solid 1px #648b9a; 
	 background-color: #c2ddf8; 
	 padding: 10px;
}
.textmodule_green { 
     border: solid 1px #70a059; 
	 background-color: #d0f8bc; 
	 padding: 10px;
}
.textmodule_paleblue { 
     border: solid 1px #648b9a; 
	 background-color: #d7eafc; 
	 padding: 10px;
}
.textmodule_yellow { 
     border: solid 1px #648b9a; 
	 background-color: #fbf9b2; 
	 padding: 10px;
}
.textmodule_greywhite { 
     border: solid 1px #E2E2E2; 
	 background-color: #FFFFFF; 
	 padding: 10px;
}
h5 {color: #0099CC;}

.yui-gf {width:900px; margin-left:30px;}

.evenrow {
	background-color: #a8b7d8;
}
.oddrow {
	background-color: #E2EDFD;
}
.headerrow {
	color: #FFFFFF;
	background-color: #276CA2;
}
.news_textbody

{

font-family: Verdana,Arial,Helvetica,sans-serif;

font-size: 13px;

font-weight: normal;

color: #666666;

text-decoration: none;

}
.news_itemtitle

{

font-family: Verdana,Arial,Helvetica,sans-serif;

font-size: 14px;

font-weight: bold;

color: #336699;

text-decoration: none;

margin-top: 5px;

}

div.itemtitle

{

font-family: Arial,Verdana;

font-weight: bold;

}
div, table, td, tr

{

padding-top: 0px;

padding-right: 0px;

padding-bottom: 0px;

padding-left: 0px;

margin-top: 0px;

margin-right: 0px;

margin-bottom: 0px;

margin-left: 0px;

font-size: 12px;

}
.readmore
{
float:right;}
a.readmore {text-decoration:none;}

.text_moduletitle, .listing_moduletitle, .resource_moduletitle, .imagegallery_moduletitle

{

font-size: 153.9%;

text-align: left;

border-bottom-width: 1px;

border-bottom-style: solid;

border-bottom-color: #A19EA6;

}
.portfolio

{

padding-top: 0.5em;
padding-right: 0.5em;
padding-bottom: 0pt;
padding-left: 0.5em;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;

border-top-style: solid;

border-right-style: solid;

border-bottom-style: solid;

border-left-style: solid;

border-top-color: #c7c7c7;

border-right-color: #c7c7c7;

border-bottom-color: #c7c7c7;

border-left-color: #c7c7c7;

margin-top: 0pt;

margin-right: 2em;

margin-bottom: 0pt;

margin-left: 0pt;

}
.inline

{
display: inline;

}

.itemdesc p
{

padding-top: 1em;
padding-right: 0.5em;
padding-bottom: 0pt;
padding-left: 0pt;
font-size: 100%;
line-height: 1.5em;

}
.summary

{

padding-top: 0pt;

padding-right: 0.5em;

padding-bottom: 0pt;

padding-left: 0pt;

}

.portfolio .summary

{

clear: both;

padding-top: 0pt;

padding-right: 0pt;

padding-bottom: 0pt;

padding-left: 0pt;

text-align: left;

}
.itempic

{

border-top-width: 1px;

border-right-width: 1px;

border-bottom-width: 1px;

border-left-width: 1px;

border-top-style: solid;

border-right-style: solid;

border-bottom-style: solid;

border-left-style: solid;

border-top-color: #bbbbbb;

border-right-color: #bbbbbb;

border-bottom-color: #bbbbbb;

border-left-color: #bbbbbb;

}
.item

{

border-top-width: 1px;

border-right-width: 1px;

border-bottom-width: 1px;

border-left-width: 1px;

border-top-style: solid;

border-right-style: solid;

border-bottom-style: solid;

border-left-style: solid;

border-top-color: #c7c7c7;

border-right-color: #c7c7c7;

border-bottom-color: #c7c7c7;

border-left-color: #c7c7c7;

margin-top: 0.5em;

margin-right: 0pt;

margin-bottom: 1em;

margin-left: 0pt;

width: 99%;

overflow-x: hidden;

overflow-y: hidden;

}

.itemname {font-size:18px;}