﻿/* CSS layout */

body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}

#container {
	position: relative;
	width: 620px;
	margin: 0 auto;
	padding: 10px;


}
#masthead1 {
	text-align: left;
	height: 51px;
	width: 600px;
	padding: 10px;

}


#masthead {
	background-image: url('headerimage1.jpg');
	width: 600px;
	padding: 10px;
	height: 150px;
}



<!--%%%%%%%%%%%% QuickMenu Styles [Keep in head for full validation!] %%%%%%%%%%%-->
<style type="text/css">


/*!!!!!!!!!!! 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 li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}.qmmc a {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}.qmmc ul li {float:none;}.qmmc ul a {float:none;}.qmmc div a {float:none;}.qmsh div a {float:left;}.qmmc div{visibility:hidden;position:absolute;}.qmmc li {z-index:auto;}.qmmc ul {left:-10000px;position:absolute;z-index:10;}.qmmc ul {list-style:none;padding:0px;margin:0px;}.qmmc {list-style:none;padding:0px;margin:0px;}.qmmc li a {float:none}.qmmc li:hover>ul{left:auto;}#qm0 ul {top:100%;}#qm0 ul li:hover>ul{top:0px;left:100%;}


/*!!!!!!!!!!! QuickMenu Styles !!!!!!!!!!!*/


	/* QuickMenu 0 */

	/*"""""""" (MAIN) Container""""""""*/	
	#qm0	
	{	
		width:600px;
		background-color:#E0FBDF;
		border-width:4px 0px 4px 0px;
		border-style:solid;
		border-color:#116E0D;
		padding: 10px;
	}


	/*"""""""" (MAIN) Items""""""""*/	
	#qm0 a	
	{	
		padding:5px 40px 5px 8px;
		color:#000000;
		font-family:Arial;
		font-size:12px;
		text-decoration:none;
	}


	/*"""""""" (MAIN) Hover State""""""""*/	
	#qm0 a:hover	
	{	
		text-decoration:underline;
	}


	/*"""""""" (MAIN) Hover State - (duplicated for pure CSS)""""""""*/	
	#qm0 li:hover>a	
	{	
		text-decoration:underline;
	}


	/*"""""""" (MAIN) Active State""""""""*/	
	body #qm0 .qmactive:hover	
	{	
		text-decoration:underline;
	}


	body #qm0 .qmactive	
	{	
		text-decoration:underline;
	}


	/*"""""""" (SUB) Container""""""""*/	
	#qm0 ul	
	{	
		padding:8px;
		margin:3px 0px 0px 0px;
		background-color:transparent;
		border-width:0px;
		border-style:none;
		border-color:transparent;
	}


	#qm0 div	
	{	
		padding:8px;
		margin:3px 0px 0px 0px;
		background-color:transparent;
		border-width:0px;
		border-style:none;
		border-color:transparent;
	}


	/*"""""""" (SUB) Items""""""""*/	
	#qm0 ul a	
	{	
		padding:2px 40px 2px 5px;
		background-color:transparent;
		color:#FFFFFF;
		font-size:11px;
		border-width:0px;
		border-style:none;
	}


	#qm0 div a	
	{	
		padding:2px 40px 2px 5px;
		background-color:transparent;
		color:#FFFFFF;
		font-size:11px;
		border-width:0px;
		border-style:none;
	}


	/*"""""""" (SUB) Hover State""""""""*/	
	#qm0 div a:hover	
	{	
		text-decoration:underline;
	}


	/*"""""""" (SUB) Hover State - (duplicated for pure CSS)""""""""*/	
	#qm0 ul li:hover>a	
	{	
		text-decoration:underline;
	}


	/*"""""""" (SUB) Active State""""""""*/	
	body #qm0 div .qmactive:hover	
	{	
		background-color:#E0FBDF;
		color:#333333;
		text-decoration:none;
	}


	body #qm0 div .qmactive	
	{	
		background-color:#E0FBDF;
		color:#333333;
		text-decoration:none;
	}


	/*"""""""" Individual Titles""""""""*/	
	#qm0 .qmtitle	
	{	
		margin:2px 5px 4px 5px;
		color:#0B4208;
		font-family:Arial;
		font-size:11px;
		font-weight:bold;
	}


	/*"""""""" Individual Horizontal Dividers""""""""*/	
	#qm0 .qmdividerx	
	{	
		border-top-width:1px;
		margin:5px 4px 5px 4px;
		border-color:#116E0D;
	}


	/*"""""""" Custom Rule""""""""*/	
	div#qm0 div div	
	{	
		margin:0px;
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 ul ul	
	{	
		margin:0px;
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 ul	
	{	
		margin:0px;
		background-color:#1AA714;
		border-width:1px;
		border-style:solid;
		border-color:#116E0D;
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 .qmparent	
	{	
		background-image:url(http://www.opencube.com/qmv6/qmimages/arrow_7.gif);
		background-repeat:no-repeat;
		background-position:92% 55%;
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 ul .qmparent	
	{	
		background-image:url(http://www.opencube.com/qmv6/qmimages/arrow_10.gif);
	}

	li:hover ul { display: block; }
	
	startList = function() {
	if (document.all&&document.getElementById) {
	navRoot = document.getElementById("nav");
	for (i=0; i<navRoot.childNodes.length; i++) {
	node = navRoot.childNodes[i];
	if (node.nodeName=="LI") {
	node.onmouseover=function() {
	this.className+=" over";
	  }
	  node.onmouseout=function() {
	  this.className=this.className.replace»
		(" over", "");
	   }
	   }
	  }
	 }
	}
window.onload=startList;

	li:hover ul, li.over ul { 
	display: block; }
	
	<ul id="nav">
	
</style>
	

#left_col {
	float: left;
	width: 400px;
	margin-top: 10px;
	position: relative;

}
#left_col {
	position: relative;
	margin-top: 10px;
	float: left;
	width: 400px;
}

#page_content {
	float: left;
	width: 200px;
	margin-top: 10px;
	padding: 10px;
	height: 228px;
	
}

#picture1 {
	border-style: solid;
	border-width: 1px 0px 1px 1px;
	border-color: #99CCFF;
	width: 200px;
	float: left;
	height: 150px;
}
#picture2 {
	border-style: solid;
	border-width: 1px 0px 1px 1px;
	border-color: #99CCFF;
	width: 200px;
	float: left;
	height: 150px;
}
#picture3 {
	border: 1px solid #99CCFF;
	width: 200px;
	float: left;
	height: 150px;
}

#footer {
	clear: both;
	width: 620;
	padding: 10px;
}




