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

body {
	background-color: #555;
	margin: 0px;
	padding: 0px;
	background-image:url(../header/back2.jpg);
	background-repeat:repeat;
}

table{
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	width: 80%;
}

#wrapper { 
 	
 	width: 962px;
 	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	background:#fff;
	box-shadow: 0px 5px 20px #000;
	padding-left:2px;
	padding-right:2px;
	padding-bottom:2px;
	padding-top:2px;
	margin-bottom: 10px;
}
#content{width: 90%;
margin-left:auto;
margin-right:auto; 
font-family:Verdana, Geneva, sans-serif; font-size:1em;}
.clear{ clear:both;}

#options {
	margin-left:auto;
	margin-right:auto;
	width:962px;
	height:20px;
	color:white;
	text-align:right;
}

#options a{
	display:inline;
	padding:5px;
	color:#fff;
	background:transparent;
	text-decoration:none;
}
#options a:hover{
	color:yellow;
	background:#000000;
	text-decoration:underline;
}


#header {
 	width:962px;
	height:186px;
 	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
 	background:#fff;
	display:block;
}

#links {
	background-color:#246243;
	height:55px;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}

#leftcolumn { 
 	color:#333;
 	border:1px solid #ccc;
 	background:#FFF;
 	margin:0px 0px 0px 0px;
 	
 	height:600px;
 	width: 578px;
 	float: left;
}

#rightcolumn { 
 	float:right;
 	border:1px solid #ccc;
 	margin:0px 0px 0px 0px;
	padding: 0 10px 0 10px;
	
 	width:360px;
 	background-color:#fff;
 	height:600px;
}

#footer { 
 	width:952px;
 	color:#000;
	text-align:center;
 	background:#ccc;
 	font-size:small;
 	padding:5px;
}

a:link {
	text-decoration:none;
}    

a:visited {
	text-decoration:none;
	} 

a:hover {
	text-decoration:underline;
	}   

a:active {
	text-decoration:underline;
	}  
	
h2 {
	background-color:#666;
	color:#FFF;
	text-align:center;
	line-height:125%;
	width:90%;
	margin-left:auto;
	margin-right:auto;
}
	

table {
	text-align:center;
	border-collapse:collapse;
	border: 1px solid black;
}


#nav{
	font-family:Arial, Helvetica, sans-serif;
	list-style:none;
	font-weight:bold;
	margin-bottom:10px;
	
	/* Clear floats */
	
	float:left;
	width:100%;
	position:relative;
	z-index:5;
}
#nav li{
	float:left;
	margin-right:10px;
	position:relative;
}
#nav a{
	display:block;
	padding:5px;
	color:#fff;
	background:#000033;
	text-decoration:none;
}
#nav a:hover{
	color:#fff;
	background:#6b0c36;
	text-decoration:underline;
}

#vid {
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

#hands{
	display:block;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	width:auto;
}

/*--- DROPDOWN ---*/
#nav ul{
	/*background:#fff; /*IE7 bugfix*/
	background:rgba(255,255,255,0); /*transparency for bugfix*/
	list-style:none;
	position:absolute;
	left:-9999px; /*ul bugfix*/
}

#nav ul li{
	padding-top:0px;
	float:none;
}

#nav ul a{
	white-space:nowrap;
	background-color: #f5d008;
}

#nav li a{
	background: #f5d008;
	color:#000;
}

#nav li:hover ul{ 
/* Display the dropdown on hover */
	left:0; 
	/* Bring back on-screen when needed */
}

#nav li:hover a{ /* Makes it stay hovered when moving mouse down */
	background:#f9edaf;
	text-decoration:none;
}

#nav li:hover ul a{ /* effects fix after hover */
	text-decoration:none;
}

#nav li:hover ul li a:hover{ 
	background:#ccc;
	color:#000;
}
/*---END DROPDOWN---*/
