/**~~~~~~~~~~~~~~~~~~~~~~~~~~~Reset~~~~~~~~~~~~~~~~~~~~~~~~~~~~**/
# html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,  
# pre, form, fieldset, table, th, td { margin: 0; padding: 0; } 

/**~~~~~~~~~~~~~~~~~~~~~~~~~~~Basic Elements~~~~~~~~~~~~~~~~~~~~~~~~~~~~**/ 
body{
	background: url(../images/bg.jpg) repeat-x;
	background-color: #fbfcfe;
	margin: 0px 0px 0px 0px;
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
}

a{
	font-family: Myriad, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #5d5859;
}

img { border: none; }

:focus { outline: 0; }


div#global { 
	position:absolute;
	left: 50%;
	top: 0px;
	width: 824px;
	height: auto;
	/*margin-top: -300px; /* half of the height */
	margin-left: -412px; /* half of the width */
} 

a:link, a:visited{
	color:#5d5959;
	text-decoration:underline;
	font-family: Myriad, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: bold;
}

a:hover, a:active{
	color:#bad96a;
	text-decoration:underline;
	font-family: Myriad, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: bold;
}

/**~~~~~~~~~~~~~~~~~~~~~~~~~~~Basic Layout~~~~~~~~~~~~~~~~~~~~~~~~~~~~**/
#content{
	float: left; /**must have for auto-height to work**/
	top: 0px;
	left: 0px;
	height: auto; 
	width: 924px;
	z-index: 1;

}

#container{
	float: left; /**must have for auto-height to work**/
	top: 0px;
	left: 0px;
	height: auto; 
	width: 824px;
	z-index: 1;

}

/**~~~~~~~~~~~~~~~~~~~~~~~~~~~Header~~~~~~~~~~~~~~~~~~~~~~~~~~~~**/

#logo{
	float:left;
	top: 0px;
	left: 0px;
	margin: 0px 0px 0px 0px;
	height: 124px; 
	width: 823px;
	z-index: 99;
}

#header{
	float:left;
	top: 0px;
	left: 0px;
	margin: 0px 0px 0px 0px;
	height: 124px; 
	width: 823px;
	z-index: 99;
	background: url(../images/logo.jpg) repeat-x;
}


#menu{
	float:right;
	top: 0px;
	left: 0px;
	margin: 99px 0px 0px 0px;
	height: 25px; 
	width: 290px;
	border: 0px solid #c0c0c0;
	z-index: 2;
}

ul.menu {
	float:left;
	top:0px;
	list-style:none;
	padding: 0 0px; 
	border: 0px solid #c0c0c0;
	margin: 0px 0px 0px 0px;
}

ul.menu li {
	display:inline;
	margin: 0 0em 0 0;
	padding:0;
}

ul.menu li a {
	margin-right: 0px;
}

ul.menu li a:link, ul.menu li a:visited{
	color:#5d5959;
	text-decoration:none;
	font-family: Myriad, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight: bold;
}

ul.menu li a:hover, ul.menu li a:active{
	color:#bad96a;
	text-decoration:none;
	font-family: Myriad, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight: bold;
}

/**~~~~~~~~~~~~~~~~~~~~~~~~~~~Main Content~~~~~~~~~~~~~~~~~~~~~~~~~~~~**/

#flash{
	float:left;
	top: 0px;
	left: 0px;
	margin: 0px 0px 0px 0px;
	height: 424px; 
	width: 823px;
	z-index: 3;
}

.flash{
	float:left;
	top: 0px;
	left: 0px;
	margin: 0px 0px 0px 0px;
	height: 424px; 
	width: 823px;
	z-index: 3;
}

/**~~~~~~~~~~~~~~~~~~~~~~~~~~~Featured Menu~~~~~~~~~~~~~~~~~~~~~~~~~~~~**/

#featured{
	float:left;
	top: 0px;
	left: 0px;
	margin: 0px 0px 0px -5px;
	width: 850px;
	z-index: 3;
}

ul.featured {
	float:left;
	top:0px;
	list-style:none;
	padding: 0 0px; 
	margin: 0px 0px 0px 0px;
}

ul.featured  li {
	display:inline;
	margin: 0 0em 0 0;
	padding:0;
}


ul.featured li a:link, ul.featured li a:visited{
	text-decoration:none;
	border: 0px;
}

ul.featured li a:hover, ul.featured li a:active{
	text-decoration:none;
	border: 0px;
}

/**~~~~~~~~~~~~~~~~~~~~~~~~~~~Footer~~~~~~~~~~~~~~~~~~~~~~~~~~~~**/

#menu2{
	float:left;
	top: 0px;
	left: 0px;
	margin: -3px 0px 0px 12px;
	height: 25px; 
	width: 924px;
	border: 1px solid #c0c0c0;
	z-index: 2;
}

ul.menu2 {
	float:left;
	top:0px;
	list-style:none;
	padding: 0 0px; 
	margin: 3px 0px 0px 90px;
	text-align:center;
}

ul.menu2 li {
	display:inline;
	margin: 0 0 0 0;
	padding:0;
}

ul.menu2 li a {
	margin-right: 110px;
}

ul.menu2 li a:link, ul.menu2 li a:visited{
	color:#6d6767;
	text-decoration:none;
	font-family: Myriad, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight: bold;
}

ul.menu2 li a:hover, ul.menu2 li a:active{
	color:#bad96a;
	text-decoration:none;
	font-family: Myriad, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight: bold;
}

#c{
	float:left;
	display:block;
	color:#6d6767;
	text-decoration:none;
	font-family: Myriad, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: bold;
	text-align: center;
	margin: 8px 0px 10px 12px;
	width: 924px;
	border: 0px solid #c0c0c0;
}
