html{height:100%;}
body {margin: 0;
		padding: 0;
		font-family: verdana, helvetica, arial, sans-serif;
	 	font-size: 0.7em;}
p{margin-top:5px;
	margin-bottom:5px;}
	
#mainContainer{float: left;
		width:1011px;
		margin:0 auto;
		text-align:left;}

#header {background:#FFFFFF url('images/header_mid.gif') repeat-x fixed left top;
	    height: 135px}

#header_left {float: left;
  			width: 182px;
  			height: 135px;}
#header_right {float: right;
   			height: 135px;}
#header_center {float: left;
  			width: 77%;
  			height: 100%;}
#header_top{float: left;
   			width: 100%;
   			height: 50%;}
#header_bottom{float: right;
    		width: 100%;
  			height: 35px;}
#header_base{float: left;
  			width: 100%;
  			height: 18px;
  			background: #fff;}

#menu_bar{float: left;
	width:100%; height: 24px;
	margin: 0 auto;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;} 

#contentwrapper{float: left;
	width: 100%;}

#content {background: #fff;
  	margin: 0 200px 0 195px;}

#leftcol {float: left;
  	width: 175px;
  	margin-left: -1011px;
    padding-left: 20px; 
  	background-color: #FFF;}

#rightcol {float:left;
  	width: 200px;
  	margin-left: -200px;    
  	background-color: #F0F4D5;}

#right_nav{width:188px;
	padding-right:2px;
	border:0px solid #A1A646;}
#right_nav p{font-weight:bold}
#right_nav a{color: #000;
	text-decoration:none;}
#right_nav a:hover{color: #000;
	text-decoration:underline;}
#right_sec{width:100%;
	background-color: #F0F4D5;    
    padding-right:0px;}
#footer {clear: left; width: 100%; background: #E4F7F6;
  	border-top: 2px solid #A1A646;}
.innertube{margin: 10px;  margin-top:0;}
.frontpage{margin: 45px; margin-top:0;}
span.videoHolder200{float: right;  width: 200px; margin-top: 23px;}
span.videoHolder168{float: left; width:168px; margin: 10px;  color: white; background: black;}
div.videopage{background: black; width: 574px;}

em{font-size: 150%;}
img.floatLeft{float:left;margin-right: 10px; border:0px solid black;}
img.floatRight{float:right; margin-left:4px;border:0px solid grey;}
a:link 	{ font-size: 11px; text-decoration:none; color: #0091D9; }
a:hover { font-size: 11px; text-decoration:underline; color: #000000; }
a:active  { font-size: 11px; text-decoration:underline; color: #000000; }
a:visited { font-size: 11px; text-decoration:none; color: #0091D9; } 
.b{border-right: 1px solid #555902;
		border-bottom: 1px solid #555902;}
body, p, h1, h2, h3, table, td, th, ul, ol, textarea, input { 
font-family: verdana, helvetica, arial, sans-serif;
}

.heading{font-size: 120%; font-face: bold;
  		border-bottom : 0.2em dotted #A1A646;
		margin-bottom: 5px;}

.clearfix:after {content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;}

.clearfix {display: inline-block;}

.centerdiv{ /*IE method of centering a relative div*/
text-align: center;
}

.centerdiv>div{ /*Proper way to center a relative div*/
margin: 0 auto;
}



/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
	
	
	#dhtmlgoodies_menu img{
		border:0px;
	}

	/* End general styles for this example page */
	/* General configuration CSS */
	
	#dhtmlgoodies_menu ul li ul{
		display:none;	/* Needed to display ok in Opera */
	}
		
	#dhtmlgoodies_menu{
		visibility:F;	
	}
	#dhtmlgoodies_menu ul{
		margin:0px;	/* No indent */
		padding:0px;	/* No indent */
	}
	#dhtmlgoodies_menu li{
		list-style-type:none;	/* No bullets */
	}	
	#dhtmlgoodies_menu a{

		margin:0px;
		padding:0px;
	}
	/* End general configuration CSS */
	
	
	/* Cosmetic */
	
	/***********************************************************************
		CSS - MENU BLOCKS
	 	General rules for all menu blocks (group of sub items) 
	***********************************************************************/
	#dhtmlgoodies_menu ul{
		border:1px solid #000;
		background-color:#FFF;
		filter: alpha(opacity=85);
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
		-moz-opacity: 0.85; opacity:0.85;
		padding:1px;
	}
		
	#dhtmlgoodies_menu ul.menuBlock1{	/* Menu bar - main menu items */
		border:0px;
		padding:3px;
		border:0px solid #F2F9FE;
		background-color:#96DCFF;          
		overflow:visible;
	}
	#dhtmlgoodies_menu ul.menuBlock2{	/* Menu bar - main menu items */
		border:0px;
		padding:5px;
		border:1px solid #C7CFA2;
	}
	
	/***********************************************************************
		CSS - MENU ITEMS
	 	Here, you could assign rules to the menu items at different depths.
	***********************************************************************/
	/* General rules for all menu items */
	#dhtmlgoodies_menu a{
		color: #000;
		text-decoration:none;
		padding-left:2px;
		padding-right:2px;
	
	}
	
	/*
	Main menu items 
	*/
	
	#dhtmlgoodies_menu .currentDepth1{
		padding-left:5px;
		padding-right:5px;
		border-right: 1px   solid #E2EBED;
		border-bottom: 0px solid #6FAB9D;
	}
	#dhtmlgoodies_menu .currentDepth1over{
		padding-left:5px;
		padding-right:5px;
		background-color:#96DCFF;
		border:0px solid #000;
		
		
	}
	#dhtmlgoodies_menu .currentDepth1 a{
		font-weight:bold;
	}
	#dhtmlgoodies_menu .currentDepth1over a{	/* Text rules */
		color:#889063;
		font-weight:bold;
	}
	
	/* Sub menu depth 1 */
	#dhtmlgoodies_menu .currentDepth2{
		padding-right:2px;
		border:1px solid #FFF;
	}
	#dhtmlgoodies_menu .currentDepth2over{
		padding-right:2px;
		background-color:#E2EBED;
		border:1px solid #000;
	}	
	#dhtmlgoodies_menu .currentDepth2over a{	/* Text rules */
		color:#000;
	}
	
	/* Sub menu depth 2 */
	#dhtmlgoodies_menu .currentDepth3{
		padding-right:2px;
		border:1px solid #FFF;
	}
	#dhtmlgoodies_menu .currentDepth3over{
		padding-right:2px;
		background-color:#EDE3EB;
		border:1px solid #000;
	}

	/* Sub menu depth 3 */
	#dhtmlgoodies_menu .currentDepth4{
		padding-right:2px;
		border:1px solid #FFF;
	}
	#dhtmlgoodies_menu .currentDepth4over{
		padding-right:2px;
		background-color:#EBEDE3;
		border:1px solid #000;
	}	



#itemContainer{height:100%; width:100%; background: #fff url('images/header_mid.gif') repeat-x left top ;}
#itemContent{position:relative; top: 50px; padding: 3px 3px;margin: 10px 10px;border: 2px solid #A1A646;background-color: #e3e6c4;
   color: #2d2b2b; width:652px;
}
.itemTitle{position: relative; top: -20px; left: 70px; border: 1px solid #a1a646; background-color:#fff;text-align: center; width:498px;}
.vline{border-left: .05em solid #D3D79F; height:100%;}
.bline{border-bottom : .1em solid #A1A646; width: 80%;}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.basictab{
padding: 3px 0;
margin-left: 0;
font: bold 12px Verdana;
border-bottom: 1px solid #A1A646;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.basictab li{
display: inline;
margin: 0;
}

.basictab li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #A1A646;
border-bottom: none;
background-color: #f6ffd5;
color: #2d2b2b;
}

.basictab li a:visited{
color: #2d2b2b;
}

.basictab li a:hover{
background-color: #D0D2A2;
color: black;
}

.basictab li a:active{
color: black;
}

.basictab li.selected a{ /*selected tab effect*/
position: relative;
top: 1px;
padding-top: 4px;
background-color: #FFFFFF;
color: black;
}

.formbutton{
cursor:pointer;
border:outset 1px #ccc;
background:#999;
color:#666;
font-weight:bold;
padding: 1px 2px;
background:url(images/bar_blue.gif) repeat-x left top;
}