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

/* RESET  */

:link,:visited
{ text-decoration:none }


ul,ol
{ list-style:none }

h1,h2,h3,h4,h5,h6,pre,code,kbd,input,select,textarea,table
{ font-size: 1em; }

dl,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,div,p,blockquote,fieldset,legend,input,select,textarea
{ margin:0; padding:0 }

a img,:link img,:visited img,abbr,acronym,fieldset,iframe
{ border:0;  }

address,abbr,cite
{ font-style:normal }

caption
{ text-align:left; }

q:before,q:after
{ content:''; }

*{text-align:left; }









/* NAV MENU  */



#menuh
	{
	margin-left:40px;
	/*font-size: small;*/
	font-family:Georgia, "Times New Roman", Times, serif;
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;

	width:auto;
	float:left;
	
	
	}
		
#menuh a
	{
	text-align: center;
	display:block;
	font-weight:normal;
	white-space:nowrap;
	margin:0;
	padding: 0.3em;
	color:#23333F;
	color:#FFF;
	text-transform:capitalize;
	
	}
	
#menuh a:link, #menuh a:visited, #menuh a:active	/* menu at rest */
	{
	
	background-color:#7aacdc;
			font-size:14px;
		font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
		
		color:#23333F;
		text-align:center;
	text-decoration:none;
	padding:5px 10px 5px 10px;
	color:#FFF;
	text-transform:capitalize;
	}
	
#menuh a:hover						/* menu on mouse-over  */
	{
	color: white;
	background-color:#306ca6;
	text-decoration:none;
	}	
	
#menuh #overview  {width:90px;
	text-align:left;
	padding-left:20px;
	}

#menuh #contact  {width:120px;
	text-align:right;
	padding-right:20px;}
	
#menuh #video	 		{width:140px;}
#menuh #recognition	 	{width:135px;}
#menuh #team  	{width:135px;}
#menuh #global 	{width:125px;}	
#menuh #about 	{width:135px;}	
#menuh #practice 	{width:145px;}	
#menuh ul li ul li{
	text-align:left;
	}
	

	
#menuh ul
	{
		
	list-style:none;
	margin:0;
	padding:0;
	float:left;
/*	width:200px; width of all menu boxes */
	/* NOTE: For adjustable menu boxes you can comment out the above width rule.
	However, you will have to add padding in the "#menh a" rule so that the menu boxes
	will have space on either side of the text -- try it */
	}

#menuh li
	{
	position:relative;
	min-height: 1px;		/* Sophie Dennis contribution for IE7 */
	vertical-align: bottom;		/* Sophie Dennis contribution for IE7 */
	text-align:left;
	
	}




#menuh ul ul
	{
		
	position:absolute;
	z-index:500;
	top:auto;
	display:none;
	padding: 1em;
	margin:-1em 0 0 -1em;
	text-align:left;
	
	}

#menuh ul ul ul
	{
	top:0;
	left:100%;
	}

div#menuh li:hover
	{
	cursor:pointer;
	z-index:1001;
	}

div#menuh li:hover ul ul,
div#menuh li li:hover ul ul,
div#menuh li li li:hover ul ul,
div#menuh li li li li:hover ul ul
{display:none; }

div#menuh li:hover ul,
div#menuh li li:hover ul,
div#menuh li li li:hover ul,
div#menuh li li li li:hover ul
{display:block;}

/*    PULL DOWN   */
#wrapper #inner_wrapper #navigation_holder #menuh #about li ul li a{
	background-color:#7aacdc;
	color:#23333F;
	border-bottom:3px #6193c3 solid;
	color:#FFF;
	/*filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;*/


	}


/*    hover of pull down   */
#wrapper #inner_wrapper #navigation_holder #menuh #about li ul li a:hover{
	background-color:#306ca6;
	color:#FFFFFF;
	/* 	filter:alpha(opacity=90);-moz-opacity:1;opacity:1;*/

	}
	

	

#menuh ul#about li ul li{
	
	width:240px;
	border:none;
	}

#menuh ul#about li ul li a,
#menuh ul#about li ul li a:link{
	
	text-align:left; padding-left:19px; }


	
	/*HIGHTLIGHT THE MAIN NAV*/
	
	#recognition #recognition a,
	#overview #overview a,
	#practice #practice a,
	#video #video a,
	#about #about a,	
	#global #global a,
	#news #news a,
	#contact #contact a,
	#team #team a
	
	
	
	{
		background:#306ca6;
		color:#fff;
		text-shadow:none;
		}
		#practice #practice a:hover,		
	#recognition #recognition a:hover,	
	#overview #overview a:hover,
	#video #video a:hover,
	#about #about a:hover,
	#global #global a:hover,
	#recognition #recognition a:hover,
	#contact #contact a:hover,
	#team #team a:hover
	{
		background:#0d4f91;
	}
	#nav a:active {
		background:#0d4f91;
		color:#fff;
	}
	
/* This id's the page and sets the nav bar */
	body#practice li#practice a{ 	background:#306ca6;}
body#contact li#contact a{ 	background:#306ca6;}
body#video li#video a{ 	background:#306ca6;}	
body#news li#news a{ 	background:#306ca6;}
body#global li#global a{ 	background:#306ca6;}
body#team li#team a{ 	background:#306ca6;}
body#about li#about a{ 	background:#306ca6;}
body#overview li#overview a{ 	background:#306ca6;}
body#recognition li#recognition a{ 	background:#306ca6;}	
	

	
	
	.clear {float:none;
		clear:both;
		height:0;
	}