/* CSS Document */

/*!!!!!!!!!!! Basic Layout Styles !!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
body {
background-color: #C1D8E6;
/*background-image: url(../i/gb_bkgnd.jpg);
background-position: center;
background-repeat: no-repeat;*/
margin: 0px auto;
padding: 0;
text-align: center;
font-family: "Century Gothic", Arial;
font-size: 24px;
}
/*Background color for GB section */
.gb { 
background-color: #8bbbc2;
background-image: none;
} 

#wrapper {
display: block;
margin: 0px auto;
text-align: center;
width: 1015px;
height: 500px;
.height: 530px;
}
#header {
margin: 10px auto;
display: block;
}

#content {color: #0E0F11; margin: 0 auto; width: 900px; padding: 0 0 0 30px;}
#content ul { list-style: none; padding: 0; text-align: left; width: 470px; float: left;}
#content a {text-decoration: underline; color: #382127; }
#content a:hover, #content a:focus {color: #06C;}
div.divider {display: block; width: 100%; height: 2px; margin: 0 0 15px 0; float: left;}
div.list {margin: 0 0 0 10% ; width: 940px; background: purple;}

#navigation {
float: left;
width: 150px;
height: 400px;
margin-top: 30px;
padding-right: 10px;
}
#content_message {
float: left;
width: 850px;
height: 500px;
background-image:url(i/basic_bg.jpg);
background-color:#666666;
text-align: left;
color: #fff;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
line-height: 20px;
}
#content_message p {
width: 400px;
padding: 50px 0 0 50px;
}
#content_message ul {
margin: 0 0 0 80px;
list-style-type: none;
}
#content_message li a {
color: #fff;
line-height: 30px;
}
/*#content {
float: left;
width: 700px;
height: 434px;
}
*/#gbcontent {
float: left;
}
#nav2 {
width: 150px;
height: 400px;
text-align: center;
float: left;
margin-top: 20px;
}

#footer {
clear: both;
display: block;
top: 530px;
width: 715px;
margin: 0px auto;
padding: 0 150px;
color: #333;
text-align: right;
}

#footer a {
color: #333;
margin: 0 8px;
text-decoration: none;
}

#footer2 {
clear: both;
display: block;
text-align: right;
margin-right: 170px;
}

#audio {
float: right;
margin-top: -16px;
}

/*!!!!!!!!!!! QuickMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;}.qmmc .qmdividery{float:left;width:0px;}.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}.qmmc {position:relative;zoom:1;z-index:10;}.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}.qmsh div a {float:left;}.qmmc div{visibility:hidden;position:absolute;}.qmmc .qmcbox{cursor:default;display:block;position:relative;z-index:1;}.qmmc .qmcbox a{display:inline;}.qmmc .qmcbox div{float:none;position:static;visibility:inherit;left:auto;}.qmmc li {z-index:auto;}.qmmc ul {left:-10000px;position:absolute;z-index:10;}.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}.qmmc li a {float:none}.qmmc li:hover>ul{left:auto;}#qm0 li {float:none;}#qm0 li:hover>ul{top:0px;left:100%;}


/*!!!!!!!!!!! QuickMenu Styles [Please Modify!] !!!!!!!!!!!*/


	/* QuickMenu 0 */

	/*"""""""" (MAIN) Container""""""""*/	
	#qm0	
	{	
		width:150px;
		background-color:transparent;
	}


	/*"""""""" (MAIN) Items""""""""*/	
	#qm0 a	
	{	
		padding:5px 5px 5px 8px;
		color:#000;
		font-family:Arial;
		font-size:12px;
		text-transform: uppercase;
		text-decoration:none;
		font-weight:bold;
	}


	/*"""""""" (MAIN) Hover State""""""""*/	
	#qm0 a:hover	
	{	
		color:#993333;
		text-decoration:none;
	}


	/*"""""""" (MAIN) Hover State - (duplicated for pure CSS)""""""""*/	
	#qm0 li:hover>a	
	{	
		color:#000;
		text-decoration:none;
	}


	/*"""""""" (MAIN) Active State""""""""*/	
	body #qm0 .qmactive, body #qm0 .qmactive:hover	
	{	
		color:#000;
		text-decoration:none;
	}


	/*"""""""" (MAIN) Persistent State""""""""*/	
	body #qm0 .qmpersistent, body #qm0 .qmpersistent:hover	
	{	
		color:#000;
		font-weight:bold;
	}


	/*"""""""" (SUB) Container""""""""*/	
	#qm0 div, #qm0 ul	
	{	
		padding:5px 0px;
	}


	/*"""""""" (SUB) Items""""""""*/	
	#qm0 div a, #qm0 ul a	
	{	
		padding:2px 0px 2px 15px;
		margin:0px 20px 0px 0px;
		background-image:none;
		color:#000;
		font-size:11px;
	}


	/*"""""""" (SUB) Hover State""""""""*/	
	#qm0 div a:hover	
	{	
		color:#993333;
		text-decoration:none;
		font-weight:bold;
	}


	/*"""""""" (SUB) Hover State - (duplicated for pure CSS)""""""""*/	
	#qm0 ul li:hover>a	
	{	
		color:#993333;
		text-decoration:none;
		font-weight:bold;
	}


	/*"""""""" (SUB) Active State""""""""*/	
	body #qm0 div .qmactive, body #qm0 div .qmactive:hover	
	{	
		color:#993333;
		text-decoration:none;
		font-weight:bold;
	}


	/*"""""""" Individual Titles""""""""*/	
	#qm0 .qmtitle	
	{	
		font-size:11px;
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm0	
	{	
		text-align:right;
		text-align:right;
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 ul	
	{	
		border-width:1px;
		border-style:solid;
		border-color:#3c3c3c;
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 ul a	
	{	
		padding:2px 20px 2px 5px;
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 .qmparent	
	{	
		background-image:url(qmimages/arrow_0.gif);
		background-repeat:no-repeat;
		background-position:95% 55%;
	}


	/*"""""""" Custom Rule""""""""*/	
	div#qm0	
	{	
		text-align:right;
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm0	
	{	
		text-align:right;
		text-align:right;
	}



