/* CSS Document */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:80%; 
	background-color:#6699cc;
	margin:0px auto;
	height:100%;

}

a{text-decoration:none;}
a:link{color:#336699;}
a:visited{color:#336699;}
a:hover{color:#999933;}
a:active{color:#336699;}

/* Specific Divs */

#wrapper{width:60em; margin:0px auto; background-color:#FFFFFF; height:100%;}

#header{background-image:url(images/header.jpg); background-repeat:no-repeat; height: 22.1em; width:100%;}
#header-links{padding-top:5em; text-align:right; margin-right:1em; font-size:1em;}

#header-links a{text-decoration:none; padding-left:1em;}
#header-links a:link{color:#000000;}
#header-links a:visited{color:#000000;}
#header-links a:hover{color:#999933;}
#header-links a:active{color:#000000;}

#nav{background-image:url(images/nav-bg.gif); background-repeat:no-repeat; height:4.2em; width:100%;}

#content{background-color:#FFFFFF; margin-bottom:0.75em;}
#main-text{float:left; width:60%; padding-left:1%; padding-top:1.5%; background-color:#FFFFFF; padding-right:1%;}
#side-text{float:right; width:35%; background-color:#E2E2CE; padding:1.5% 1% 1% 1%; border-left:solid 0.05em #255dab; border-top:solid 0.05em #255dab; border-bottom:solid 0.05em #255dab; margin-bottom:1em; margin-top:-0.05em;}

#footer {background-color:#336699; text-align:center; font-size:95%; color:#FFFFFF; text-transform:uppercase; padding-top:0.4em; padding-bottom:0.75em; width:100%;}
#footer a{text-decoration:none;}
#footer a:link{color:#ffffff;}
#footer a:visited{color:#ffffff;}
#footer a:hover{color:#999933;}
#footer a:active{color:#ffffff;}


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/drop_definition2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/*Menu*/

#menu {list-style-type:none; margin:0px 0 0px 15px; padding:0; font-size:1.25em; font-family:Georgia, "Times New Roman", Times, serif;}
#menu li {float:left; padding:0; margin:0 1px 0 0; position:relative; width:0em; height:3em; z-index:100;}
#menu li dl {position:absolute; top:0; left:0;padding-bottom:5px;}
#menu li a, #menu li a:visited {text-decoration:none; color:#ffffff;}
#menu li dd {display:none; color:#FFFFFF;}
#menu li a:hover {border:0;}
#menu li:hover dd, #menu li a:hover dd {display:block;}
#menu li:hover dl, #menu li a:hover dl {padding-bottom:10px;}
#menu table {border-collapse:collapse; padding:0; margin:-1px; font-size:1em;}
#menu dl {width: 15em; margin: 0; padding-top: 0.5em;}
#menu dt {margin:0; padding: 0em 0.25em 0.25em 0.65em; font-size: 1.1em; color: #fff;}

#menu .one {}
#menu .two {margin-left:5em;}
#menu .three {margin-left:12em;}
#menu .four {margin-left:21em;}
#menu .five {margin-left:32em;}
#menu .six {margin-left:39em;}

#menu .one dt {padding-bottom:0em; }
#menu .two dt {padding-bottom:0em;}
#menu .three dt {padding-bottom:0.5em;}
#menu .four dt {padding-bottom:0.5em;}
#menu .five dt {padding-bottom:0em;}
#menu .six dt {padding-bottom:0em;}

#menu dd {margin:0; padding:0; color: #fff; font-size: 1em; text-align:left;}
#menu .one dd {}
#menu .two dd {}
#menu .three dd {}
#menu .four dd {}
#menu .five dd {}
#menu .six dd {}
#menu dd.last {}

#menu dt a {display:block; color:#FFFFFF;}
#menu dt a:hover {display:block; color:#003366;}

#menu dd a, #menu dd a:visited {color:#fff; text-decoration:none; display:block; padding:0.25em 0.25em 0.25em 1em; border-bottom:#FFFFFF solid 1px;}

#menu .one dd a {background:#003366; color:#fff;}
#menu .two dd a {background:#003366; color:#fff;}
#menu .three dd a {background:#255dab; color:#fff; width:250px; border-bottom:solid .06em #8e9035;}
#menu .four dd a {background:#255dab; color:#fff; width:250px; border-bottom:solid .06em #8e9035;}
#menu .five dd a {background:#003366; color:#fff;}
#menu .six dd a {background:#003366; color:#fff;}

#menu .one dd a:hover {background:#255dab; color:#fff;}
#menu .two dd a:hover {background:#255dab; color:#fff;}
#menu .three dd a:hover {background:#255dab; color:#999933; border-bottom:solid .06em #8e9035;}
#menu .four dd a:hover {background:#255dab; color:#999933; border-bottom:solid .06em #8e9035;}
#menu .five dd a:hover {background:#255dab; color:#fff;}
#menu .six dd a:hover {background:#255dab; color:#fff;}



/* Classes */

.clear {clear:both;}
.footer{text-align:left; padding-top:0.5%; text-transform:none; padding-left:0.5%;}
.padding-footer {padding-left:27em;}
.title{font-family:Georgia, "Times New Roman", Times, serif; color:#999933; font-size:200%; font-style:italic;}
.side-title{text-transform:uppercase; color:#999933; font-size:170%; padding-top:0.25em;}
.sub-title{font-weight:bold; font-size:120%; color:#999933;}
.title2{font-family:Georgia, "Times New Roman", Times, serif; color:#999933; font-size:150%; font-style:italic;}
.title3{font-family:Georgia, "Times New Roman", Times, serif; color:#999933; font-size:140%; font-weight:bold; font-style:italic; padding-left:20px;}
.quote-text{font-weight:bold; font-size:90%; color:#999933;}
.list {font-size:100%; font-weight:bold; padding-left: 15%;}
.small-text {font-size:50%; margin-top:.5em;}
.photos { margin-top:1em; text-align:center;}
.photos2 { margin-top:1em; margin-left: 3.22em; text-align:left;}
.photos3 { margin-top:1em; margin-left: 2.35em; text-align:left;}
.head-text {font-weight:bold; font-size:120%; color:#000000;}