/* CSS Document */

body {
	background-color:#8D72A9;
	margin:0;
	background-image: url(images/background.jpg);
	background-repeat: repeat-x;
}

/* Headings H1-H6 */
h1, .h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	line-height: 28px;
	font-weight:normal;
	color: #4D207A;
	margin: 10px 0px 5px;
}

h2, .h2 { 
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	line-height: 25px;
	font-weight:normal;
	color: #DE761C;
	margin: 10px 0px 5px;
}

h3, .h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	font-weight:normal;
	color:#DE761C;
	margin: 0px 0px 5px;
	border-bottom-width: 1px;
	border-bottom-style: groove;
	border-bottom-color: #B5AD9A;
	padding-left: 15px;
}

h4, .h4 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	font-weight:normal;
	color:#DE761C;
	margin: 0px 0px 5px;
	border-bottom-width: 1px;
	border-bottom-style: groove;
	border-bottom-color: #CCC2AA;
	padding-left: 15px;
}


h4 a {
	color:#DE761C;
	text-decoration:none;
}

/* Paragraph and Link Styles */


p, .content {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	line-height:17px;
	margin: 0px 0px 5px 0px;
	text-decoration:none;
}
li {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	line-height:15px;
	margin: 0px 0px 5px 0px;
	text-decoration:none;
}
.toplinks {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	font-weight:100;
	line-height: 1.5em;
	margin:0;
	text-decoration:none;
}

#desc {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	margin: 0px 0px 5px 0px;
	text-decoration:none;
}
#desc a {
	color:#993333;
	text-decoration:none;
}
#desc a:hover {
	text-decoration:underline;
}

li a {
	color:#333333;
	text-decoration:none;
}

li a:active {
	color:#333333;
	text-decoration:none;
}

li a:hover {
	color:#999999;
	text-decoration:underline;
}



/************ FOOTER LINKS ************/

.footer {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	font-weight:100;
	line-height: 1.5em;
	margin:0;
}

.footer:active {
	color:#333333;
	text-decoration:none;
}

.footer:hover {
	color:#999999;
	text-decoration:none;
}


/* ######### Style for Drop Down Menu ######### */
.nav-bar {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	font-weight:normal;
	margin:0;
	text-decoration:none;
}

.nav-bar:active {
	color:#FFFFFF;
	text-decoration:none;
}

.nav-bar:hover {
	color:#CCCCCC;
	text-decoration:none;
}

.nav-bar:visited {
	color:#FFFFFF;
	text-decoration:none;
}



.dropmenudiv{
position:absolute;
top: 0;
border-bottom-width: 0;
line-height:15px;
z-index:200;
background-color:#D3C7BE;
visibility: hidden;
}

.dropmenudiv a{
width: auto;
display: block;
text-indent: 7px;
padding: 4px 0;
text-decoration: none;
color: #5B4E48;
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:normal;
text-align: left;
border-bottom: 1px solid #333333;
border-left: 1px solid #999999;
border-right: 1px solid #999999;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*Theme Change here*/
background-color: #FFFFFF;
color: #384500;
text-decoration: none;
}

/* CSS Drop Menu */
#chromemenu{

}
#chromemenu:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

#chromemenu ul{
width: 100%;
margin-left: 0;
padding-left: 0;
margin: 0;
text-align: left; /*set value to "left", "center", or "right"*/
}


#chromemenu ul li{
display: inline;
}


#chromemenu ul li a{
font: normal 14px Tahoma, Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-decoration:none;
padding: 7px 7px;
text-decoration: none;
padding-bottom:4px;
}

#chromemenu ul li a:hover{
color: #EAF9FF;
}

#chromemenu ul li a[onMouseover]:after{ /*HTML to indicate drop down link*/
content: "";
/*content: " " url(downimage.gif); /*uncomment this line to use an image instead*/
}
/* ######### End Drop Down Menu ######### */


/*Lightbox*/

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(../lightbox/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}
	
/*div treatments*/

div#left {
    float: left;
	margin: 10px 10px 10px 10px;
	padding: 10px 10px 10px 10px;
    width: 230px;
    background-color: #FFFFFF;
}
div#right {
    float: right;
	margin: 10px 10px 10px 10px;
	padding: 10px 10px 10px 10px;
    width: 380px;
    background-color: #FFFFFF;
}
div#middle {
	margin: 10px 400px 10px 260px;
}

#box {
	width:175px;
	border-top: 2px solid #CCCCCC;
	border-right: 2px solid #999999;
	border-bottom: 2px solid #999999;
	border-left: 2px solid #CCCCCC;
	background-color: #CBB7DF;
	margin:10px;
	padding:10px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	text-align: center;
	vertical-align: middle;
}