/* Clear margins and padding, a good start to any CSS */
* {margin:0;padding:0;}

html {
background-image: url(images/bkg.jpg);
	background-repeat: repeat-x;
	 background-position:0% top;
/* Height is 100%, so the body can be 100% */
height:100%;
background-color:#D0BF8F;
}

body {
background-image: url(images/main_bkg2.png);
	background-repeat: repeat;
background-position:0px top;
margin:0;
padding:0;
/* Height is 100%, so the tiled BG will tile all the way down
the page, not just as far down as the page's content
(when the content's height < window's height) */
height:100%;
}
/*
Hackety-hack-hack...
FF2, with the above code, will only display the repeat-y image for as
high as the window's viewport is; higher content (upon
scrolling) will not have the bg.
This "hack" makes the tiled background work properly in FF2.
This type of "advanced selector" is not understood by IE6...dunno
'bout IE7.
*/
html>body {
min-height:100%;
height:auto;
}
.ftrhdr {
	color: #FFFFFF;
	font-family: "Times New Roman", Times, serif;
	font-size: 22px;
	font-stretch:extra-expanded;
}
.crtxt, .crtxt a {
	color: #520F0B;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	text-decoration:none;
}
.crtxt a:hover {
	color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	text-decoration:underline;
}
.ftr, .ftr a {
	color: #FFFFFF;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-decoration:none;
}
.ftr a:hover {
	color: #CCCCCC;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-decoration:underline;
}
.button img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}

.button:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);
-moz-opacity: 0.4;
}

.buttontxt, .buttontxt a {
/* filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1; */
font-family:"Times New Roman", Times, serif;
font-size:12px;
text-decoration:none;
font-weight:bold;
color:#520F0B;
padding-left:5px;
padding-top:5px;
padding-bottom:5px;
}
.buttontxt a:hover {
/* filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1; */
font-family:"Times New Roman", Times, serif;
font-size:12px;
text-decoration:none;
font-weight:bold;
color:#CCCCCC;
padding-left:5px;
padding-top:5px;
padding-bottom:5px;
}
.buttontxta, .buttontxta a {
/* filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1; */
font-family:"Times New Roman", Times, serif;
font-size:12px;
text-decoration:none;
font-weight:bold;
color:#E3E0CF;
padding-left:5px;
padding-top:5px;
padding-bottom:5px;
}
.buttontxta a:hover {
/* filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1; */
font-family:"Times New Roman", Times, serif;
font-size:12px;
text-decoration:none;
font-weight:bold;
color:#CCCCCC;
padding-left:5px;
padding-top:5px;
padding-bottom:5px;
}
.join, .join a {
	font-family: Arial, Helvetica, sans-serif;
	color: #520F0B;
	font-size: 12px;
	text-decoration:none;
}
.join a:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	font-size: 12px;
}
.nav, .nav a {
	color: #E3E0CF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
    text-decoration:none;
}
.nav a:hover {
	color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.maintxt, .maintxt a {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height:28px;
	text-decoration:none;
}
.maintxt a:hover{
	color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height:28px;
	text-decoration:underline;
}
.maintxt2, .maintxt2 a {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:24px;
	text-decoration:none;
}
.maintxt2 a:hover{
	color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:24px;
	text-decoration:underline;
}
.title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #E3E0CF;
	font-weight:bolder;
}
#col1 {
		float:left;
		width:300px;
		padding:10px;
		background:#E3E0CF;
	}
#col2 {
		float:right;
		width:350px;
		padding:10px;
		background:#E3E0CF;
	}
#footer {
		clear:both;
		padding:5px 10px;
		background:#918573;
	}
.maintxttitle, .maintxttitle a {
	color: #520F0B;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height:18px;
	text-decoration:none;
	font-weight:bold;
}
.maintxttitle a:hover {
	color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height:18px;
	text-decoration:underline;
	font-weight:bold;
}
.maintxt1 {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height:18px;
}

/* CSS for drop down menu */

.dropdown {float:left; padding-bottom:5px; }
.dropdown dt {width:71px; font-weight:bold; cursor:pointer; color:#E3E0CF; height:20px;}
.dropdown dt:hover { color:#000000; }
.dropdown dd {position:absolute; overflow:hidden; width:208px; display:none; z-index:200; opacity:0}
.dropdown ul {width:204px; border:2px solid #9ac1c9; list-style:none; border-top:none;}
.dropdown li {display:inline;}
.dropdown a, .dropdown a:active, .dropdown a:visited {display:block; padding:5px; color:#E3E0CF; text-decoration:none; background-color:#520F0B; width:194px; text-align:left;}
.dropdown a:hover {background:#520F0B; color:#000}
.dropdown .underline {border-bottom:1px solid #b9d6dc}
.dropdown .underline1 {border-top:1px solid #b9d6dc; border-bottom:1px solid #b9d6dc;}

.dropdown1 {float:left; padding-bottom:5px; }
.dropdown1 dt {width:71px; font-weight:bold; cursor:pointer; }
.dropdown1 dt:hover { /*background:url(images/header_over.gif) */}
.dropdown1 dd {position:absolute; overflow:hidden; width:208px; display:none; background:#fff; z-index:200; opacity:0}
.dropdown1 a, .dropdown1 a:active, .dropdown1 a:visited {display:block; padding:5px; text-decoration:none; width:71px; color:#E3E0CF;}
.dropdown1 a:hover {color:#000}

/* EOF for drop down menu */