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

*{
margin:0;
padding:0;
}

#wrapper{
width:70em;
margin:0px auto 0 auto;
background-color: #FFFFFF;
}

body{
background-color: #daebf2;
font-family: Helvetica, Arial, sans-serif;
font-size:14px
/*text-align:center;*/
}

#branding{
background-image:url(images/banner03.gif);
background-repeat:repeat-x;
position:relative;
width:70em;
height:3em;
border-bottom: #ffa44d medium solid;
}

#branding h1{
font-family:"Adobe Caslon Pro",  "Times New Roman", Times, serif;
font-family: Garamond, "Baskerville Old Face", "Times New Roman";
font-family:Arial, Helvetica, sans-serif;
font-family: Helvetica, Arial, sans-serif;
font-size:32px;
color: #000000;
letter-spacing:.06em;
}

#branding h3,
#branding h2{
font-family: "Times New Roman", Times, serif;
font-family:"Adobe Caslon Pro",  "Times New Roman", Times, serif;
letter-spacing:0.1em;
color:#3A2927;
}

/* fixes mysterious image gap */
#branding img{
display:block;
}

#branding a{
outline-style:none;
text-decoration:none;
color: #3dd2ed;
} 

#branding a:hover{

color:#ffa44d;
}

#logobox {
position:absolute;
width:300px;
height:200px;
background-color:#FFCCCC;
}

.box{
position:absolute;
}

#img a{
outline-style:none;
}

/* nav placement */
#nav {
background-color: #FFCC33;

margin-left:29em;
}

#navbackground{
width:70em;
height:1.85em;


}

#navbottom{
width:63em;
height:4em;
background-color: #666;
border-bottom:#333333 thin solid;
}



#contentbox ul, contentbox li{
list-style-type:none;
margin-left:2em;
}

#navbar {
height:1.8em;
background-color: #fff;
}

#navbar ul{
list-style-type:none;
background-color:#000000;
}

#navbar li{
float:right;
/* required for drop-down menus */
position:relative;
}

#navbar a,
#navbar a:link,
#navbar a:visited{
text-decoration:none;
background-color: #002f3e;
font-weight:bold;
font-size:90%;
color: #fff;
display:block;
height:2.1em;
width:11em;
border-right:solid 1px #666666;
border-bottom: #666666 thin solid;
text-align:center;
line-height:2.1em;
outline-style:none;

}

/*navbar hover, active, and current page links */
#navbar a:hover,
#navbar a:active{

color:#ffa44d;}

#navbar li.selected a:link,
#navbar li.selected a:visited{
background-color: #FFFFFF;
color:#000;
border-bottom:#fff thin solid;
border-right:#FFFFFF thin solid;
}

#navbar li.selected a:hover{
background-color: #FFFFFF;
color:#000;

}


/* drop-down menu styles */
#navbar li ul{
position:absolute;
z-index:100;
visibility:hidden;
background-color: #002f3e;
}

/* make drop-down visible on navbar hover */
#navbar li:hover ul,
#navbar li a:hover ul{ /*IE6 hack */
visibility:visible;
background-color:#fff;
padding-left:.5em;
top:1.9em;
left:0;
width:10em;

}

/* applies to links on the drop-down menu */
#navbar li:hover ul li a,
#navbar li a:hover ul li a { /* IE6 hack*/
background-color:#ccc; /* removes background image */
text-align:left;
display:block;
padding-left:.5em;
height:auto;
/*border-right:solid 1px #666;*/
border-left:solid 1px #666;
background-color:#002f3e;
/*border-bottom:#666666 thin solid;*/
}

#navbar li.selected:hover ul li a,
#navbar li.selected a:hover ul li a { /* IE6 hack*/
background-color:#ccc; /* removes background image */
text-align:left;
display:block;
color:#FFFFFF;
padding-left:.5em;
height:auto;
/*border-right:solid 1px #666;*/
border-left:solid 1px #666;
border-bottom:solid 1px #666;
background-color: #002f3e;
/*border-bottom:#666666 thin solid;*/
}


/* hover on drop-down menu links */
#navbar li:hover ul li a:hover,
#navbar li a:hover ul li a:hover{ /*IE6 hack */
 
color: #ffa44d;
}


/* IE6 hack applies to its table drop-down */
#navbar table{
margin:-1px;
border-collapse:collapse;
position:absolute;
top:0.4em;
left:0;
z-index:100;
}

#main {
height:45em;
margin-left:1em;
margin-right:1em;
background-color:#FFFFFF:
}

#main img{
margin-right:1em;
}


#main a,
#main a:link,
#main a:visited{
outline-style:none;
color: #333;
}


#main a:hover,
#main a:active {
text-decoration: none;
color: #ffa44d;
outline-style:none;
}

#mainshort {
height:35em;
margin-left:1em;
margin-right:1em;
background-color:#FFFFFF:
}

#mainshort img{
margin-right:1em;
}

#mainshort a,
#mainshort a:link,
#mainshort a:visited{
outline-style:none;
color: #333;
}


#mainshort a:hover,
#mainshort a:active {
text-decoration: none;
color: #ffa44d;
outline-style:none;
}


#mainsub {
width:49.2em;
height:30em;
}



#columnrightmed {
float:right;
font-size:90%;
width:14.1em;
height:51.5em;
background-color: #f0f0f0;

}

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

.textbox {

margin-left:0.5em;
margin-right:0.5em;
}

#boxleft {
float:left;
width:33em;
background-color:#FFF;
height:35em;
}

#boxright {
float:right;
width:33em;
background-color:#fff;
height:35em;
}

#boxleftgallery {
float:left;
width:21.2em;
background-color: #fff;
height:36em;
}

#boxleftgallery a:hover,{
border:thin #FFCC66 solid;
}

#boxrightgallery {
float:right;
width:45em;
background-color: #fff;
height:36em;
}

#boxrightgallery img{
border:#333333 1px solid;
width:100%;
}

.boxpic {
width:95px;
height:95px;
float:left;
border:thin #fff solid;
}


#footer {
color:#CCCCCC;
color:#daebf2;
height:6.6em;
background-color:#002f3e;
border-top: #ffa44d medium solid;
}

#footer a,
#footer a:link, 
#footer a:visited{
color:#daebf2;
text-decoration:none;
text-align:right;
}

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