body {
margin:0; 
padding:0; 
height:100%; 
background-color: #282b32;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

h1 {
color: #FFFFFF;
margin-left: 545px;
font-family: Georgia, "Times New Roman", Times, serif;
margin-bottom: 5px;
font-weight: normal;
}

h2 {
color: #9c3b18;
font-size: .9em;
padding-left: 20px;
padding-top: 10px;
margin-bottom: 5px;
}

h3 {
color:#484747;
font-size: .75em;
padding-top: 20px;
margin-bottom: 0;
margin-top: 0px;
text-align: center;
}

p {
font-size:10px;
color:#484747;
line-height:16px;	
padding-left: 30px;
padding-right: 30px;
}

#outer-container {
width: 780px;
margin: auto;
}

#header-container {
background-color: #282b32;
}

#flag-container {
width: 100px;
float: left;
margin-left: 120px;
margin-right: 10px;
margin-top: 10px;

}

#nav-container {
background-color: #983513;
/*width: 550px;*/
margin-left: 230px;
background-image: url(../graphics/nav-border2.gif);
background-repeat: repeat-y;
}

#nav-container ul {
background-image: url(../graphics/nav-border.gif);
background-repeat: repeat-x;
height: 21px;
margin: 0 3px 0 4px;
padding: 0;
padding-left: 30px;
padding-top: 10px;
font-size: .9em;
}

#nav-container ul li {
display: inline;
background-image: url(../graphics/nav-divider.gif);
background-repeat: no-repeat;
background-position: right;
}

#nav-container ul li a {
color: #FFFFFF;
text-decoration: none;
padding: 8px;
padding-bottom: 0;
padding-right: 23px;
font-size: .8em;
}

#nav-container ul li a:hover {
color: #FFCC33;
}

#top-container {
background-image: url(../graphics/border.gif);
background-repeat: repeat-x;
}

#search-container {
float: left;
width: 230px;
background-image: url(../graphics/bg-search.gif);
height: 186px;
}

#search-container h2 {
padding-left: 20px; 
margin-bottom: 0; 
margin-top: 0; 
color: #FFFFFF;
}




#main-img-container {
height: 183px;
background-image: url(../graphics/outer-border.gif);
background-repeat: repeat-y;
margin-left: 230px;
padding-top: 3px;
padding-left: 4px;
}

#main-container {
background-color: #d1d3d2;

}

#left-container {
width: 520px;
float: left;
background-color: #fbfaf5;
background-image: url(../graphics/outer-border.gif);
background-repeat: repeat-y;
padding-bottom: 20px;


}

#right-container {

margin-left: 520px; 
background-color: #d1d3d2;
border-left: 1px solid #c3c3c2;
background-position: right;
height: 100%;
background-image: url(../graphics/outer-border.gif);
background-repeat: repeat-y;

}


#footer-container {
clear: both;
background-image: url(../graphics/border.gif);
background-repeat: repeat-x;
background-position: top;
width: 780px;
margin: auto;
padding: 10px 0;
}

#footer-container ul {
margin-left: 200px;
padding: 0;
margin-top: 0;
/*padding-top: 10px;*/
}


#footer-container ul li {
display: inline;
padding: 5px;
}

#footer-container ul li a {
color: #FFFFFF;
font-size: .8em;
}


.featureContent {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFFFFF;
line-height:14px;
}

.featureContent li {
color:#484747;
}

.dropdown {
color:#484747;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer{
position: relative;
margin-left: 25px;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
margin: 0 5px 5px 0;
border: 1px solid #666666;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 5px;
right: -200px;
border: 1px solid #666666;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
right: 300px; /*position where enlarged image should offset horizontally */
z-index: 50;
width: 405px;
}
/*calendar css */



a.nav:link, a.nav:visited{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px; 
color:#FFFFFF;
text-decoration: none;
}

a.nav:hover{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px; 
color:#dfb01c;
text-decoration: none;
}

select {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#767676;
}

input {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#767676;
}


a:link, a:visited{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px; color:#003366;text-decoration: underline;}
a:hover{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px; color:#dfb01c;text-decoration: underline;}