BODY
{
scrollbar-face-color:#FFFFFF;
scrollbar-arrow-color:#666666;
scrollbar-track-color:#666666;
scrollbar-shadow-color:#000000;
scrollbar-highlight-color:#FFFFFF;
scrollbar-3dlight-color:#666666;
scrollbar-darkshadow-Color:#666666;
background: #666 url(images/logo_background.gif) top center no-repeat
}

a,
a:visited
{
color: #000000;
text-decoration: none;
}

a:active,
a:hover
{
color: gray;
text-decoration: none;
}

a.whitelink
{
color: #FFFFFF;
text-decoration: none;
}






.YellowContentArea
{
color: #000000;
font-family: Verdana;
font-size: 11px;
font-weight: normal;
background-color:#FFCC00;
vertical-align: top;
}





.PinkContentArea
{
color: #444444;
font-family: Verdana;
font-size: 11px;
font-weight: normal;
background-color: #CC9999;
vertical-align: top;
}


.GreyContentArea
{
color:  #444444;
font-family: Verdana;
font-size: 11px;
font-weight: normal;
background-color: #999999;
vertical-align: top;
}


.TaupeContentArea
{
color: #444444;
font-family: Verdana;
font-size: 11px;
font-weight: normal;
background-color: #CC9966;
vertical-align: top;
}




.BlackContentArea
{
color: #FFFFFF;
font-family: Verdana;
font-size: 11px;
font-weight: normal;
background-color: #000000;
vertical-align: top;
}


.TealContentArea
{
color: #444444;
font-family: Verdana;
font-size: 11px;
font-weight: normal;
background-color: #669999;
vertical-align: top;
}

.PurpleContentArea
{
color: #444444;
font-family: Verdana;
font-size: 11px;
font-weight: normal;
background-color:#FFE4B5;
vertical-align: top;
}


.OliveContentArea
{
color: #444444;
font-family: Verdana;
font-size: 11px;
font-weight: normal;
background-color: #999966;
vertical-align: top;
}


.OrangeContentArea
{
color: #CCCCCC;
font-family: Verdana;
font-size: 11px;
font-weight: normal;
background-color: #663333;
vertical-align: top;
}

.OxBloodContentArea
{
color: #FFFFFF;
font-family: Verdana;
font-size: 11px;
font-weight: normal;
background-color: #993300;
vertical-align: top;
}

.BrickPeachContentArea
{
color: #00000;
font-family: Verdana;
font-size: 11px;
font-weight: normal;
background-color: #D3786E;
vertical-align: top;
}




.blackHeader
{
color: #000000;
font-family: Arial;
font-size: 14px;
font-weight: bold;
margin-top: 0px;
}



.greyHeader
{
color: #666666;
font-family: Arial;
font-size: 14px;
font-weight: bold;
margin-top: 0px;
}







.whiteHeader
{
color: #FFFFFF;
font-family: Arial;
font-size: 14px;
font-weight: bold;
margin-top: 0px;
}

.footerText
{
color: #FFFFFF;
font-family: verdana;
font-size: 11px;
font-weight: normal;
}

H1
{
margin-left: 0px;
margin-right: 12px;
margin-bottom: 10px;
font-size: 18px;
font-face: verdana;
}

H2
{
margin-left: 20px;
margin-right: 20px;
text-align: right;
font-size: 14px;
font-face: Arial;
}

H3
{
margin-left: 0px;
margin-right: 20px;
text-align: left;
margin-bottom: 10px;
font-size: 12px;
font-face: Arial;
}


H4
{
margin-left: 0px;
margin-right: 20px;
text-align: left;
font-size: 11px;
font-face: Arial;
}


.left {
text-align: right;
padding: 0 10px;
width: 265px;
left: 0px;
top: 0px;
position: relative;
}

.right {
position: relative;
left: 265px;
top: 0px;
}

.scrolling {
padding-right: 20px; 
overflow:auto; 
width:310px; 
height:355px;}


#logo {
position: relative;
width: 650px;
}

/**
 * Sidebar
 *
 */
 
.sidebar {
 margin: 0 0 0 -900px;
 width: 180px;
 background-color: #663333;
 position: relative;
 top: 0px;
 left: 0px;
 padding: 20px 0;}
 
 .sidebar ul li {
text-align: left;
font-size: 11px;
font-family: Arial;}


#main-site {
top: 0px;
position: relative;
width: 650px;
margin: 0 auto;
}

#site {
position: relative;
top: 0px;
margin: 0 auto;
padding: 0;
width: 100%;}


/**
 * Horizontal CSS Drop-Down Menu Module
 *
 * @file		dropdown.css
 * @package		Dropdown
 * @version		0.7.1
 * @type		Transitional
 * @stacks		597-599
 * @browsers	Windows: IE6+, Opera7+, Firefox1+
 *				Mac OS: Safari2+, Firefox2+
 *
 * @link		http://www.lwis.net/
 * @copyright	2006-2008 Live Web Institute. All Rights Reserved.
 *
 */

#nav {
margin: 0 auto;
width: 670px;
position: relative;
 margin-right: auto;
 margin-left: auto;
 z-index: 500;
}

#navbar {
margin: 0 auto;
width: 642px;
position: relative;
 margin-right: auto;
 margin-left: auto;
 z-index: 500;
}


ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

ul.dropdown {
 position: relative;
 margin-right: auto;
 margin-left: auto;
 z-index: 597;
 font: bold 10px Verdana, sans-serif;
 text-align: justify;
 width: 650px;
}

ul.dropdown li {
 float: left;
 line-height: 1.3em;
 vertical-align: middle;
 zoom: 1;
 text-align: center;
 background-color: #666;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 699;
 cursor: default;
}


ul.dropdown li a { 
	 display: block;
	 padding: 6px 14px 7px 1px;
	 text-align: justify;
	}
	

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 698;
 text-align: left
}

	/* Especially for IE6 or lower */

	ul.dropdown ul a {
	 padding: 4px 5px 4px 1px;
	 text-align: left
	}



	ul.dropdown ul a.dir {
	}
	
	

ul.dropdown ul li {
 float: none;
}

ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}






/* ----- ALL LEVELS (incl. first) */



	ul.dropdown a:link { color: #FFF; text-decoration: none; }
	ul.dropdown a:visited { color: #FFF; text-decoration: none; }
	ul.dropdown a:hover { color: #FFF; text-decoration: none; }
	ul.dropdown a:active { color: #FFF; }


/* ----- END LEVEL */


	/* ----- NON-FIRST LEVEL */

	ul.dropdown ul {
	 width: 170px;
	 padding-bottom: 9px;
	 background-color: #666;
	 filter:alpha(opacity=70);
	-moz-opacity:0.90;
	-khtml-opacity: 0.90;
	opacity: 0.90;
	text-align: left
	}
	
		ul.dropdown ul.sub {
	 width: 250px;
	 padding-bottom: 9px;
	 background-color: #666;
	 filter:alpha(opacity=70);
	-moz-opacity:0.90;
	-khtml-opacity: 0.90;
	opacity: 0.90;
	text-align: left
	}

		ul.dropdown ul li {
		 background-color: transparent;
		 margin-left: 4px;
		 color: #FFF;
	 font: bold 10px Verdana, sans-serif;
	 filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
	text-align: left;
		}

		ul.dropdown ul li.hover,
		ul.dropdown ul li:hover {
		 background-color: transparent;
		 text-align: left;
		}

		ul.dropdown ul li.empty {
		 padding: 12px 0px 7px !important;
		 font-weight: bold;
		 text-align: left
		}

		ul.dropdown ul a:link { color: #FFF; }
		ul.dropdown ul a:visited { color: #FFF; }
		ul.dropdown ul a:hover { background-color: #FFF; color: #666; font-weight:bold; }
		ul.dropdown ul a:active { color: #FFF; }