@charset "UTF-8";
/* CSS Document */

*{
margin:0;
padding:0;
}

body {
background-color:#f1e7cd;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#666666;
}

#wrapper {
width:63em;
margin:auto;
background-color: #FFF;
}

#branding{
position:relative;
width:100%;
height:10.4em;
background-image:url(images/branding11.jpg);
background-repeat:no-repeat;
border-bottom: #666 1px solid;

}

#branding h1{
font-family:"Monotype Corsiva", "Handwriting - Dakota", "Brush Script MT";
font-size:300%;
letter-spacing:0.03em;
position:absolute;
color:#203e20;
}

#branding p{
position:absolute;

}


#branding a,
#branding a:link,
#branding a:visited{
text-decoration:none;
}


#contactbar{

height:1.5em;
font-size:130%;
line-height:1.5em;
color:#203e20;
background-color:#f1e7cd;

border-bottom: #666666 1px solid;
}

#contactbar a,
#contactbar a:link,
#contactbar a:visited{
text-decoration:none;
color:#203e20;
line-height:1.5em;

}


#contactbar a:hover,
#contactbar a:active{
text-decoration:underline;

outline-style:none;
}

.box{
position:absolute;
}

#menutop{
font-size:90%;
display:block;
height:1.75em;
background-color:#6f8aac;
border-bottom: #666666 thin solid;

}

/*remove bullets from ul in navbar */
#menutop ul{
list-style-type:none;

}

#menutop li{
float:left;

}

#menutop a,
#menutop a:link,
#menutop a:visited{
text-decoration:none;
color:#000000;
letter-spacing:.1em;
display:block;
background-color: #9db279;
width:9em;
border-right:black thin solid; 
text-align:center;
line-height:1.75em;
outline-style:none;
}


#menutop a:hover,
#menutop a:active{
background-color:#bdcada;
color:#000;
}

#menutop .blank{
background-color: #6f8aac;
width:13em;
border-right:black thin solid; 
text-align:center;
line-height:1.7em;
}

/* Style for sidebar column */
#sidebar{
float: left;
font-size:90%;
background-color:#c1d2a3;
display: inline;/* fix for IE and AOL browsers */
color:#000000;
 margin: 0em;
 height: 32em;
 width:13em;
clear: both;
          
}

#sidebarmed{
float: left;
font-size:90%;
background-color:#c1d2a3;
display: inline;/* fix for IE and AOL browsers */
color:#000000;
margin: 0em;
width:13em;
height: 68.5em;
clear: both;
}

#sidebartall{
float: left;
font-size:90%;
background-color:#c1d2a3;
display: inline;/* fix for IE and AOL browsers */
color:#000000;
margin: 0em;
height: 78.5em;
clear: both;
}

#sidebarlong{
 float: left;
background-color:#c1d2a3;
display: inline;/* fix for IE and AOL browsers */
color:#000000;
margin: 0em;
height: 82em;
clear: both;
          
}


#sidemenu {
float: left;
background-color:#c1d2a3;
display: inline;/* fix for IE and AOL browsers */
color:#000000;
margin: 0em;
height: 30em;
width:13em;
clear: both;
}

#sidemenu a,
#sidemenu a:link,
#sidemenu a:visited{
text-decoration:none;
letter-spacing:.1em;
display:block;
background-color:#c1d2a3;
line-height:2em;
outline-style:none;
padding-left:0.5em;
font-size:110%;
color: #203e20;
font-weight:bold;
border-bottom: #666666 1px solid;

}


#sidemenu a:hover,
#sidemenu a:active {
text-decoration: none;
color: #fff;
background-color: #213a44;
letter-spacing:.1em;
display:block;

outline-style:none;
}



#sidemenu .current a:link,
#sidemenu .current a:visited{
text-decoration:none;
background-color: #fff;
outline-style:none;
color:#000;
}



#sublink{
background-color: #999999;
}

#sublink p a:link,
#sublink p a:visited{
display:block;
background-color:#dde5cf;
color:#666666;
padding-left:2em;
border-bottom:#CCCCCC 1px solid;
}

/*
#sublink  a:link, 
#sublink  a:visited {
color:#030036;
color:#FFFFFF;
background-color:#FFFFFF;
line-height:1.8em;
text-decoration:none;
}
*/

#sublink p a:hover, 
#sublink p a:active{
text-decoration:none;
background-color:#fbfbfb;
color:#030036;
}



#columnrightmed {
float:right;
font-size:90%;
width:12em;
height:62em;
background-color: #f0f0f0;
padding-left:0.5em;
padding-right:0.5em;
}

#columnrightmed a,
#columnrightmed a:link,
#columnrightmed a:visited{
text-decoration:none;
letter-spacing:.1em;
display:block;
background-color: #f0f0f0;
line-height:1.8em;
outline-style:none;
padding-left:0.5em;
color: #333;
}


#columnrightmed a:hover,
#columnrightmed a:active {
text-decoration: none;
color: #333;
background-color: #fff;
letter-spacing:.1em;
display:block;
line-height:1.8em;
outline-style:none;
}


#mainmed{
background-color: #fff;
margin-left: 13em;
padding-right:0.8em;
color:#333333;
height:54em;

}

#mainmed h2{
color: #888;
font-weight:normal;
}

#maintall{
background-color: #fff;
margin-left: 13em;
padding-right:0.8em;
color:#333333;
height:66em;

}

#maintall h2{
color: #888;
font-weight:normal;
}

#leftboxmed {
float:left;
width:24em;
background-color:#FFF;
height:40em;
}

#leftbox {
float:left;
width:24em;
background-color:#FFF;
height:20em;
}


#rightboxmed {
width:24em;
height:40em;
float:right;
background-color:#FFF;
}

#rightbox {
width:24em;
height:20em;
float:right;
background-color:#FFF;
}

#leftcolmed {
float:left;
width:6em;
height:47em;
margin-right:0.5em;
}

#leftcolmed img{
border:none;
padding-bottom:4px;
}


#rightcolmed {
float:right;
width:42em;
height:47em;
}

.marginright {
margin-right:0.8em;
}

.marginleft {
margin-left:0.8em;
}

/* start of displaying image in different location */
/* set thumb styles */



#rightcolmed img {
border:none;
}

/* MouseOut state  - hide the larger pic */
#pix a img.hid {
width: 400px; 
position: absolute; top:36em; left:45em; 
visibility:hidden;
}

/* MouseOut state - reveal larger pic */
#pix a:hover {
background: white;
}

#pix a:hover img.hid {

visibility:visible;
}
/* end of displaying image in different location */


#footer {
width:100%;
height:7em;
font-size:11px;
color: #333333;
background-color: #c1d2a3;
line-height:2.2em;
text-align:center;
border-top:#999999 thin solid;
}

#footer a,
#footer a:link,
#footer a:visited{
text-decoration:none;
color: #666666;
}

#footer a:hover,
#footer a:active{
text-decoration:underline;
color:#000;
}