/* Global Styles */

body {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	background-color: #0168b3;
	background-image: url(../images/bg.jpg);
	background-repeat:repeat-x;
	background-position:top;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
	/* 
	General styles for this example page */
	
td {
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	line-height:16px;
	margin-top:0px;
	}
	
hr {
	height:1px; 
	color: #000000;
	border: none;
	}
h1 {
	font:15px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight:bold;
	line-height:18px;
	}


a {
	color: #000000;
	text-decoration:underline;
	}
	
a:hover {
	color: #0fa8fb;
	text-decoration:none;
	}

	#mainContainer{
		width:760px;
		margin:0 auto;
		text-align:left;
		background-color: #FFF;
		padding-left:16px;
		padding-right:16px;
		padding-bottom:20px;	
	}
	
	#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:hidden;
		font-size:13px;
		font-weight:bold;
		text-align:center;
	}
	#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{
		background-color:#000000;
		padding:1px;
		width:auto;
	}
		
	#dhtmlgoodies_menu ul.menuBlock1{	/* Menu bar - main menu items */
		border:0px;
		padding:1px;
		background-color:#000000;
		overflow:visible;
	}
	#dhtmlgoodies_menu ul.menuBlock2{	/* Menu bar - main menu items */
		border:0px;
		padding:1px;
	}
	
	/***********************************************************************
		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: #FFFFFF;
		text-decoration:none;
		padding-left:5px;
		padding-right:5px;
	}

	/*
	Main menu items 
	*/
	
	#dhtmlgoodies_menu .currentDepth1{
		padding-left:5px;
		padding-right:5px;
		padding-bottom:5px;
		width:auto;
		text-align:left;
	}
	#dhtmlgoodies_menu .currentDepth1over{
		padding-left:5px;
		padding-right:5px;
		
		
	}
	#dhtmlgoodies_menu .currentDepth1 a{
		font-weight:bold;
	}
	#dhtmlgoodies_menu .currentDepth1over a{	/* Text rules */
		color:#00b2ff;
		font-weight:bold;
	}
	
	/* Sub menu depth 1 */
	#dhtmlgoodies_menu .currentDepth2{
		padding-left:5px;
		padding-right:5px;
		padding-top:5px;
		padding-bottom:2px;
		font-size:12px;
		font-weight:normal;
		width:auto;
		text-align:left;
	}
	#dhtmlgoodies_menu .currentDepth2over{
		padding-left:5px;
		padding-right:5px;
		padding-top:5px;
		padding-bottom:2px;
		width:auto;
		text-align:left;
	}	
	#dhtmlgoodies_menu .currentDepth2over a{	/* Text rules */
		color:#FF0000;
		font-size:12px;
		font-weight:normal;
	}	
	/* Sub menu depth 2 */
	#dhtmlgoodies_menu .currentDepth3{
		padding-left:5px;
		padding-right:5px;
		padding-top:5px;
		padding-bottom:2px;
		font-size:12px;
		font-weight:normal;
		width:auto;
		text-align:left;
	}
	#dhtmlgoodies_menu .currentDepth3over{
		padding-left:5px;
		padding-right:5px;
		padding-top:5px;
		padding-bottom:2px;
		width:auto;
		text-align:left;
	}
	#dhtmlgoodies_menu .currentDepth3over a{	/* Text rules */
		color:#FF0000;
		font-size:12px;
		font-weight:normal;
	}	
	/* Sub menu depth 3 */
	#dhtmlgoodies_menu .currentDepth4{
		padding-left:5px;
		padding-right:5px;
		padding-top:5px;
		padding-bottom:2px;
		font-size:12px;
		font-weight:normal;
		width:325px;
		text-align:left;
	}
	#dhtmlgoodies_menu .currentDepth4over{
		padding-left:5px;
		padding-right:5px;
		padding-top:5px;
		padding-bottom:2px;
		width:300px;
		text-align:left;
	}
	#dhtmlgoodies_menu .currentDepth4over a{	/* Text rules */
		color:#FF0000;
		font-size:12px;
		font-weight:normal;
	}	


/* Class Styles */


.blackHeader {
	font:15px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight:bold;
	line-height:18px;
	}
.greyHeader {
	font:15px Verdana, Arial, Helvetica, sans-serif;
	color: #de272b;
	font-weight:bold;
	line-height:18px;
	}
.style1 {
	font:10px Arial, Helvetica, sans-serif;
	color: #000000;
	line-height:12px;
	}
.greyText {
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color: #525050;
	line-height:12px;
	}
	
.footerText {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	line-height:14px;
	}
	
.avwebText {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color: #304d5f;
	line-height:20x;;
	}
	
#footerLinks a {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color: #4289b5;
	text-decoration: none;
	line-height:14px;	
	}

#footerLinks a:hover {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color: #4289b5;
	text-decoration: underline;
	line-height:14px;	
	}
#avwebLinks a {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color: #304d5f;
	text-decoration: underline;
	line-height:20px;
	}

#avwebLinks a:hover {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color: #cccccc;
	text-decoration: none;
	line-height:20px;
	}

/* CSS BUTTONS */

a.ovalbutton{
background: transparent url(../images/oval-gray-left.gif) no-repeat top left;
display: block;
float: left;
font: normal 12px Verdana, Arial, Helvetica, sans-serif; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #333333; /*button text color*/
font-weight:bold;
}

a.ovalbutton span{
background: transparent url(../images/oval-gray-right.gif) no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.ovalbutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
font-weight:bold;
}

.buttonwrapper{
overflow: hidden;
width: 100%;
}