/* Layout  */ 

html { min-height: 100%; 
margin-bottom: 1px; 
overflow-y:scroll;
}

body {
 color: #666633;
 background-color: #FFFEF8;
 font-size: .8em;
 font-family: verdana, Arial, Helvetica, sans-serif;
 text-align: center;
 margin: 10px 10px 10px 10px;
 height:100%;
 padding:0;
 }

#container
{
margin: auto;
line-height: 130%;
background-color: #FFFEF8;
line-height: 130%;
border: 1px solid gray;
text-align: left;
width: 90%; 
min-width: 900px;
max-width: 900px;
width:expression(document.body.clientWidth < 801? "800px": document.body.clientWidth > 900? "900px" : "auto" ); 
word-wrap: break-word;

}


#content
{
 background-color: #FFFEF8;
 margin-left: 250px;
 display: block;
 padding: 10px 20px 20px 20px; 
 font-family: verdana, Arial, Helvetica, sans-serif;
 vertical-align: top;
 max-width: 90%;
 /*
 border-left: 1px solid gray;
 */
 }


#nav
{
float: left;
width: 250px; /*width of left column */
margin: 0px 10px 10px 0px;
padding: 0px 0px 0px 0px;
background-color: #3C3523; 
}

#header
{
 margin: 0px 0px 0px 0px;
 padding: 5px 0px 5px 0px;
 background-color: #6C6A46;
 text-align: right;
 max-height: 150px;
 display: block;
}
 
#footer
{
 clear: both;
 background-color: #A4A57D;
 color: #6C6562;
 margin: -15 0 0 0;
 padding: 0px 10px 1px 10px;
}


/* --- details --- */


h1 {
 display: inline;
 color: #85391F;
 font-size: 1.3em;
 margin: 15px 0px 15px 0px;
 padding: 15px 0px 15px 0px;
 line-height: 130%;
}


h2 {
 color: #3C3523;
 font-size:1.1em;
 margin: 15px 0px 0px 0px;
 padding: 15px 0px 0px 0px;
}

.h2like {
 color: #3C3523;
 font-weight: bold;
 font-size:1.1em;
}

h3, h4, h5, h6 {
 color: #3C3523;
 font-size: 1.0em;
 font-weight: bold;
}


dl {
	margin-top: 10px;
	}
dl dt {
	padding-top: 10px;
	
	}

.caption {
 display: inline;
 font-weight: bold;
 color: #85391F;
 font-size: 1.2em;
 text-align: center;
 margin: 0px 0px 10px 0px;
 padding: 0px 0px 10px 0px;
 line-height: 130%;
}

.nowrap {
white-space: nowrap;
}

.picspace {
margin: 0 15px 5px 0px;
float: left;
border-width: 1px;
}

.emphasis {
 font-size: 1.3em;
 font-style: italic;
 font-weight: bold;
 line-height: 1.2em;
}

/* links - general */ 
a {
  color: #336600;
}

a:link {
 color: #663300;
 text-decoration: none;
 text-decoration: underline;
}
a:visited {
 color: #663300;
 text-decoration: none;
 text-decoration: underline;
}
a:hover {
 color: #663300;
 text-decoration: none;
 text-decoration: underline;
}


/* headering text */

.siteheader1 {
 font-size: 1.5em;
 color: #FEFFE9;
 line-height: 1.5em;
 padding: 0 10px 0 0;

}

.siteheader2 {
 font-size: 1.3em;
 color: #FEFFE9;
 line-height: 1.5em;
  padding: 0 10px 0 0;
 font-family: tahoma, Arial, Helvetica, sans-serif;

}

.tagline {
 font-size: 1.0em;
 color: #000000;
 
}

/* footer links */

#footer a:link {
 font-family: verdana, Arial, Helvetica, sans-serif;
 font-size: .9em;
 color: #FFFEF8;
 text-decoration: none;
 font-variant: small-caps;
 line-height: 0.5;
}

#footer a:visited {
 font-family: verdana, Arial, Helvetica, sans-serif;
 font-size: .9em;
 color: #FFFEF8;
 text-decoration: none;
 font-variant: small-caps;
 line-height: 0.5;
}

#footer a:hover {
 font-family: verdana, Arial, Helvetica, sans-serif;
 font-size: .9em;
 color: #FFFEF8;
 text-decoration: underline;
 font-variant: small-caps;
 line-height: 0.5;
}
 

/* left nam links - remove bullets */
ul#sidenav, ul#sidenav ul
{
 list-style-type: none;
 padding: 3px 0px 3px 0px;
 margin: 3px 0px 3px 0px;
}

ul#sidenav li
{
 padding: 3px 0px 3px 15px;
 margin: 3px 0px 3px 0px;
}
ul#sidenav ul, ul#sidenav ul a
{
 list-style-type: none;
 padding: 0px 0px 0px 10px;
 margin: 0px 0px 0px 0px;
 font-family: verdana, Arial, Helvetica, sans-serif;
 font-size: 1em;
 color: #FFFEF8;
 text-decoration: none;
 }
ul#sidenav ul a:hover
{
 font-family: verdana, Arial, Helvetica, sans-serif;
 font-size: 1em;
 color: #FFFEF8;
 text-decoration: underline;
	}

/* set non-select behavior */
#nav-home a,
#nav-aboutfasd a,
#nav-services a,
#nav-eval a,
#nav-resources a,
#nav-contact a
{
 font-family: verdana, Arial, Helvetica, sans-serif;
 font-size: .9em;
 color: #FFFEF8;
 text-decoration: none;
 }

/* set hover behavior */
#nav-home a:hover,
#nav-aboutfasd a:hover,
#nav-services a:hover,
#nav-eval a:hover,
#nav-resources a:hover,
#nav-contact a:hover
{
 font-family: verdana, Arial, Helvetica, sans-serif;
 font-size: .9em;
 color: #FFFEF8;
 text-decoration: underline;
 }

/* set select behavior */
#home #nav-home a,
#aboutfasd #nav-aboutfasd a,
#services #nav-services a,
#eval #nav-eval a,
#resources #nav-resources a,
#contact #nav-contact a
{
 font-family: verdana, Arial, Helvetica, sans-serif;
 font-size: .9em;
 color: #FFFEF8;
 text-decoration: none;
} 

/* set select hover behavior */
#home #nav-home a:hover,
#aboutfasd #nav-aboutfasd a:hover,
#services #nav-services a:hover,
#eval #nav-eval a:hover,
#resources #nav-resources a:hover,
#contact #nav-contact a:hover
 {
 font-family: verdana, Arial, Helvetica, sans-serif;
 font-size: .9em;
 color: #FFFEF8;
 text-decoration: underline;
 }

.printonly {
display: none;
}

.noscreen {
display: none;
}

.highlight_me {
 padding: 5px 0px 5px 30px;
 font-weight: bold;
}

.highlight_head {
	font-weight:bold;
	font-size:1.2em;
	}
	
.center {
	 padding: 5px 15px 5px 15px;
	 }


#boxes {
}

.boxhead {
 color: #85391F;
 font-size:1.1em;
 font-weight: bold;
 padding: 0px 2px 0px 15px;
 display: block;
}

#col1 {
 float: left; 
 background-color: #FFFEF8;
 display: block;
 padding: 10px 5px 20px 5px; 
 vertical-align: top;
 width: 30%; 
}
*html #col1{
 width: 20%; 
}

#col2 {
 float: left;
 background-color: #FFFEF8;
 display: block;
 padding: 10px 5px 20px 5px; 
 border-right: 1px solid gray;
 border-left: 1px solid gray;
 vertical-align: top;
 width: 30%;
 }
*html #col2{
 width: 20%; 
}
 
 #col3 {
 float:left;
 background-color: #FFFEF8;
 padding: 10px 5px 20px 5px; 
 display: block;
 vertical-align: top;
 width: 30%;
 }
*html #col3{
 width: 20%; 
}
 
ul.box {
 list-style-type: square;
}
ul.box li {
 padding: 5px 5px 5px -20px;
 margin: 5px 5px 5px -20px;
}
*html ul.box li {
 padding: 3px 5px 3px -20px;
 margin: 3px 5px 3px -20px;
}


.roundcont {
	width: 250px;
	background-color: #9E9D7C;
	color: #fff;	
	float: left;
    display: block;
	margin: 3px 5px 15px 5px; 
}

.roundcont p, .roundcont50 p {
	margin: 0 10px;
}


.roundtop { 
	background: url(/images/tr.gif) no-repeat top right; 
}

.roundbottom {
	background: url(/images/br.gif) no-repeat bottom right; 
}

img.corner {
   width: 15px;
   height: 15px;
   border: none;
   display: block !important;
}

.clearfloat {clear: both;}