/* Main Site Styles */
html {
    overflow: -moz-scrollbars-vertical;html
	min-height: 100%;
	margin: 0;
	padding: 0;
}

body {
	width: 100%;
	background-color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;	
	text-align: center;
	margin: 0;
	padding: 0;
}

#clear { clear: both;}
#container {
	width: 900px;
	display:block;
	margin: 0 auto;
	text-align: left;
	overflow:hidden;
}

/* Group Header */

#header-wrapper {
	width: 900px;	
	display: block;
	padding: 10px 200px;
	height: 72px;
	background: url('../images/bg_title-2.jpg') top repeat-x; 
	background-color:#ffffff;
}
	
	#byline p{
		line-height: 1em;
		font-size: .9em;
		color: #fff1c2;
		margin-left:180px;
	}

/* Wrappers */

#main-navigation {
	width: 900px;	
	display: block;
	margin: 0px;
	padding: 0px;
	height: 26px;
	background-color: #ad3e25;
}

#main-content {	
	background-image: url('../images/bg_content-2.jpg');
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: top;
	padding: 10px 30px 30px 28px;
	font-weight: normal;
	line-height: 13pt;
	font-size : 1em;
	color: #333333;	
	overflow:hidden;
}

#hp-content{
	display: block;
	float: left;
	width: 400px;
}

#hp-content p{ font-size: 1em; color: #333333; margin: 15px 0px;}
#hp-content h1 { color: #1C4B9F; font-size: 1.5em; margin: 0px 0px 15px;}
#hp-content h2 { font-size: 1.5em; color: #222222; margin: 0px 0px 15px;}
#hp-content h3 { font-size: 1.25px; color: #222222; margin: 0px 0px 15px;}

#hp-content a{text-decoration: none;color:#AD520C; font-weight: bold;}
#hp-content a:hover{text-decoration:underline; color:#AD520C; font-weight: bold;}
#hp-content a:visited{color:#646465; font-weight: bold;}
#hp-content a:link{font-weight: normal; color:#AD520C; font-weight: bold;}

#content{
	display: block;
	float: left;
	width: 500px;
}

#content p{ font-size: 1em; color: #333333; margin: 15px 0px;}
#content h1 { color: #1C4B9F; font-size: 1.5em; margin: 0px 0px 15px;}
#content h2 { font-size: 1.5em; color: #222222; margin: 0px 0px 15px;}
#content h3 { font-size: 1.25px; color: #222222; margin: 0px 0px 15px;}

#content a{text-decoration: none;color:#AD520C; font-weight: bold;}
#content a:hover{text-decoration:underline; color:#AD520C; font-weight: bold;}
#content a:visited{color:#646465; font-weight: bold;}
#content a:link{font-weight: normal; color:#AD520C; font-weight: bold;}

.page-title{
	width: 300px;
	color: #ffffff;	
	font-size: 2.1em;
	font-weight: bold;
	margin: 20px 0px 60px 0px;
	display: block;
	float: left:
	filter: Shadow(Color=#black, 	
			Direction=135, 
			Strength=5);
	text-shadow: black 0px 0px 5px;
}

#event{
	display:block;
	float:right;
	width:321px;
	height: 224px;
	margin-left: 15px;
	padding: 0px;
	position: relative;  top: 0px; right: 0px;
	background-image: url("../images/bg_event.jpg");
	background-repeat: no-repeat;	
}

.event-title{
	color: #FFFFFF;	
	font-size: 2.2em;
	font-weight: bold;
	padding: 10px 0 0 20px;
	filter: Shadow(Color=#666666, 	
			Direction=135, 
			Strength=5);
	text-shadow: black 0px 0px 5px;
}

.event-text{
	color: #000000;	
	line-height: 12px;
	padding: 10px 25px 0px 30px ;
}

.event-text H1{
	color: #000000;	
	font-size: 1em;
	font-weight: bold;
	line-height:18px;
}

#vert-nav-wrapper {
	display:block;
	float:right;
	width:200px;
	height: 250px;
	margin: 50px 15px 10px 15px;
	background-image: url("../images/bg-vert-nav.jpg");
	background-repeat: no-repeat;	
}
#vert-nav-wrapper h1{
	color: #ffff00;	
	font-size: 1.5em;
	font-weight: bold;
	line-height: 40px;
	padding:0px 0 20 20px;
}
#vert-nav{  
  	margin:0px;
  	padding:0px;
	list-style: none;
}

#vert-nav ul{
	padding: 0;
	margin: 0;
}

#vert-nav li {
   	display:block;
	float: left;
   	padding:0;
   	margin:0;
	margin: 0 0.15em;
}

#vert-nav li a{
	float: left;
	margin:2px 30px;
	display: block;
	text-decoration: none;
}

#vert-nav a:link, #footer-wrapper a:visited {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

#vert-nav a:hover {
	color: #FFC72D;
	text-decoration: none;
}

.yellow-box{
	display:block;
	float:left;
	width:260px;
	height: 250px;
	margin-left: 15px;
	padding: 0px;
	background-image: url("../images/bg_yellow_gradient.jpg");
	background-repeat: y-repeat;	
	text-align:center;
}

.yellow-box-title{
	color: #FFFFFF;	
	font-family: Arial Black sans-serif;
	font-size: 2em;
	font-weight: 900;
	padding: 20px 5px 5px 5px;
	filter: Shadow(Color=#black, 	
			Direction=135, 
			Strength=5);
	text-shadow: black 0px 0px 5px;
}

.yellow-box-text{
	color: #000000;	
	font-size: 1.2em;
	font-weight: normal;
	line-height: 16px;
	padding: 0px 5px 10px 5px;
	padding: 10px 30px 0px 40px ;
}

.yellow-box H1{
	color: #000000;	
	font-size: 1.3em;
	font-weight: bold;
}

.green-box{
	display:block;
	float:left;
	width:260px;
	height: 250px;
	margin-left: 15px;
	background-image: url("../images/bg_green_gradient.jpg");
	background-repeat: x-repeat;	
	text-align:center;
}

.green-box-title{
	color: #75BF71;	
	font-family: Arial Black;
	font-size: 1.5em;
	font-weight: bold;
	padding-top: 20px;
	filter: Shadow(Color=#white, 	
			Direction=135, 
			Strength=5);
	text-shadow: yellow 1px 1px 5px;
}

.green-box-text{
	color: #000000;	
	font-size: 1em;
	line-height: 15px;
	padding: 5px 30px 0px 40px ;
}

.green-box H1{
	color: #75BF71;	
	font-size: 2em;
	font-weight: bold;
	line-height:20px;
}

.blue-box{
	display:block;
	float:left;
	width: 260px;
	height: 250px;
	margin-left: 15px;
	padding: 0px;
	background-color: #ABBEF5;
	text-align:center;
}

.blue-box-title{
	line-height: 15px;
	color: #FFFFFF;	
	padding-bottom: 10px;
	font-size: 2em;
	font-weight: bold;
	background-color: #2A4FD8;
}

.blue-box-text{
	color: #000000;	
	font-size: 1em;
	line-height: 15px;
	padding: 10px 20px 0px 20px ;
}

.blue-box H1{
	color: #000000;	
	font-size: 1.5em;
	font-weight: bold;
}

.more-info {
	display: block;
	float: right;
	width: 70px;
	height: 23px;
	padding-right: 20px;
	padding-top: 8px;
}

.required {
	font-size: 1em;
	color: #990000;
}

.logo {
	color:#2b40a9;
	font-size:1.3em;
	font-weight:bold;
}

#shoes{
	width: 900px;	
	display: block;
	margin:0;
	height: 170px;
	background: url('../images/shoes.jpg') top no-repeat; 
	background-color:#ffffff;
}

/* Footer */
#footer-wrapper{
	display:block;
	width:900px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	line-height: 15px;
	padding: 5px 0px 5px;
	background-color: #AD3E25;
}

#footer-nav{  
  	margin:0;
  	padding:5px 100px 0 100px;
	height: 26px;
	background-color: #ad3e25;
	list-style: none;
}

#footer-nav ul{
	padding: 0;
	margin: 0;
}

#footer nav li {
   	display:inline;
	float: left;
   	padding:0;
   	margin:0;
	margin: 0 0.15em;
}

#footer-nav li a{
	float: left;
	margin:2px 30px;
	display: block;
	text-decoration: none;
}

#footer-nav a:link, #footer-nav a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

#footer-nav a:hover {
	color: #FFC72D;
	text-decoration: none;
}


#copyright {
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: right;
	font-weight: bold;
	font-size: 1em;
	color: #FFFFFF;
	line-height: 20px;
}

/* menu styles */
#sddm
{	margin: 0;
	padding: 0;
	z-index: 30}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 11px arial}

#sddm li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 4px 10px;
	width: 100px;
	background: #AD3E25;
	color: #FFF;
	text-align: center;
	text-decoration: none}

#sddm li a:hover
{	background: #49A3FF}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #EAEBD8;
	border: 1px solid #5970B2}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #EE917C;
		color: #FFFFFF;
		font: 11px arial}

	#sddm div a:hover
	{	background: #49A3FF;
		color: #FFF}