/* Layout  */ 

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

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

#container
{
margin: auto;
line-height: 130%;
background-color: #FFFEF8;
line-height: 130%;
border: 1px solid gray;
text-align: left;
width: 90%; 
min-width: 700px;
max-width: 900px;
width:expression(document.body.clientWidth < 750? "748px": 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
{
width: 250px; /*width of left column */
margin: 0px 10px 10px 0px;
padding: 0px 0px 0px 0px;
background-color: #3C3523; 
}

#header
{
display: none;
}
 
#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;
}

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



.nowrap {
white-space: nowrap;
}

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

/* 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
{
 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;
}

/* set non-select behavior */
#nav-home a,
#nav-overlooked a,
#nav-aboutfasd a,
#nav-criteria a,
#nav-team a,
#nav-eval a,
#nav-screening a,
#nav-resources a,
#nav-news a,
#nav-workshops a,
#nav-hours a,
#nav-contact a
{
 font-family: verdana, Arial, Helvetica, sans-serif;
 font-size: .9em;
 font-weight: bold;
 color: #FFFEF8;
 text-decoration: none;
 }

/* set hover behavior */
#nav-home a:hover,
#nav-overlooked a:hover,
#nav-aboutfasd a:hover,
#nav-criteria a:hover,
#nav-team a:hover,
#nav-eval a:hover,
#nav-screening a:hover,
#nav-resources a:hover,
#nav-news a:hover,
#nav-workshops a:hover,
#nav-hours a:hover,
#nav-contact a:hover
{
 font-family: verdana, Arial, Helvetica, sans-serif;
 font-size: .9em;
 font-weight: bold;
 color: #FFFEF8;
 text-decoration: underline;
 }

/* set select behavior */
#home #nav-home a,
#overlooked #nav-overlooked a,
#aboutfasd #nav-aboutfasd a,
#criteria #nav-criteria a,
#team #nav-team a,
#eval #nav-eval a,
#screening #nav-screening a,
#resources #nav-resources a,
#news #nav-news a,
#workshops #nav-workshops a,
#hours #nav-hours a,
#contact #nav-contact a
{
 font-family: verdana, Arial, Helvetica, sans-serif;
 font-size: .9em;
 font-weight: bold;
 color: #A4A57D;
 text-decoration: none;
} 

/* set select hover behavior */
#home #nav-home a:hover,
#overlooked #nav-overlooked a:hover,
#aboutfasd #nav-aboutfasd a:hover,
#criteria #nav-criteria a:hover,
#team #nav-team a:hover,
#eval #nav-eval a:hover,
#screening #nav-screening a:hover,
#resources #nav-resources a:hover,
#news #nav-news a:hover,
#workshops #nav-workshops a:hover,
#hours #nav-hours a:hover,
#contact #nav-contact a:hover
 {
 font-family: verdana, Arial, Helvetica, sans-serif;
 font-size: .9em;
 font-weight: bold;
 color: #FFFEF8;
 text-decoration: underline;
 }

.printonly {
display: none;
}

.noshandheld {
display: none;
}

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

#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;
}