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


body {
background-color:#000000;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align: center;
background-image:url(images/background.gif);
}

a {text-decoration: none; color:#cc9966;}
a:visited {text-decoration:none; color: #cccccc}
a:active {text-decoration: none; color:#cc9966;}
a:hover {text-decoration: underline; color: #fff1c7;}

a img{ border: none; }

.container {
margin: 30px auto;
width: 960px;
background-image:url(images/sides2.gif);
background-position:left;
background-repeat:repeat-y;
background-color:#000000;
}

.topframe {
background-image:url(images/top.gif);
background-position:top;
background-repeat:no-repeat;
height:20px;
} 

.bottomframe {
width:960px;
background-image:url(images/bottom.gif);
background-position:bottom;
background-repeat: no-repeat;
height:20px;
margin:0px;
clear:both;
} 


#imagearea {
width:900px;
height:350px;
margin: 10px 30px 10px 30px;
}

.imagearea2 {
width:900px;
height:350px;
margin: 10px 30px 10px 30px;
}

.content {
padding:0 0px 10px 10px;
width:890px;
text-align:left;
height:auto;
margin:0 30px 0 30px;
}

/* This DIV fakes out the right grey column so it is equal in length with the left one (elastic) */
.outer {
overflow: hidden;
margin: auto;
background: url(images/bg_side.gif) repeat-y;
background-position:right;
width: 890px;
}

.leftcol{
width:544px;
float:left;
padding:18px;
height:auto;

}


.news {
width:264px;
background-color:#333333; 
float: right;
padding:18px;
height:100%;
}

hr {
border:1px dotted #ffffff;
}

/* Has sifr text replacement attached*/
h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
text-align:center;
color:#fff1c7;
}

/* title headline text in news column*/
h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
text-align:center;
font-weight:bold;
}

/* sub headline text in news column*/
h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left;
font-weight:bold;
}

/* Has sifr text replacement attached*/
h4 {
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
text-align:center;
color:#fff1c7;
}

/* italic tan text used for quotes*/
.quotes {
font-family:"Times New Roman", Times, serif;
font-style:italic;
font-size:14px;
color:#fff1c7;
}

img {
border:hidden;
}

#footer {
text-align:center; 

margin-bottom:9px;
font-size:10px;

}

#feature {
color:#cc9966;
margin:-5px 18px 12px 0px;
}

.feature {
color:#cc9966;
margin-left:20px;
margin-top:-5px;
}

/* used on about page for one column instead of .leftcol and .news*/
.singlecol {
margin:18px 18px 18px 18px;

}

#gallery td {
border: 2px solid #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/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {width:920px; height:36px; position:relative;  font-family:arial, sans-serif; background-image:url(images/button_background.gif); background-repeat:repeat-x; margin:0px 20px 0px 20px;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:920px; w\idth:920px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none; }
.menu ul ul {width:153px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:153px;position:relative; color:#fff1c7; line-height:36px;}
/* style the links for the top level */
.menu a, .menu a:visited {  display:block;font-size:14px;text-decoration:none; color:#000; width:153px; height:36px; border-right:1px solid #fff1c7; }
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:153px; w\idth:153px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#996633 153px center;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#996633 153px center;}
.menu ul ul :hover > a.drop {background:#996633 153px center;}



/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:36px;left:0; width:153px;border-top:1px solid #000;}
/* another hack for IE5.5 */
* html .menu ul ul {top:36px;t\op:36px;}


/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#fff1c7; color:#000; height:36px;  width:153px;border-width:0 0px 1px 1px; border-color:#000;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:153px;w\idth:153px;}

/* style the top level hover */
.menu a:hover {color:#fff1c7; background-image:url(images/button_hover_background.gif); background-repeat:repeat-x; height:36px;border-left:1px solid #fff1c7;}
.menu :hover > a, .menu ul ul :hover > a {color:#fff1c7; background-image:url(images/button_hover_background.gif);background-repeat:repeat-x; height:36px;}
.menu ul ul a:hover {color:#fff1c7; background-image:url(images/button_hover_background.gif);background-repeat:repeat-x; height:36px; border-bottom: 1px solid #fff;}


/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }


/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	
}

.sIFR-replaced {
	visibility: visible !important;
	
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
	
}


/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
}