/* CSS Document */
body{
	font-size:63%; /* Now we use em on our fonts instead of px. 1.1em is the same as 11px */
	background:#F0ECEA;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

h1{
	color:#999999;
	font-size:2.4em;
	margin:3px;
}
h2 {
	color:#999999;
	margin:3px;
	font-size:1.8em;
}
h3{
	color:#FFFFFF;
	font-size:2.1em;
	margin:0.1em;
}
h4{
	color:#336600;
	font-size:1.1em;
	margin:0.1em;
}
a:link{
	color:#336600;
}
a:visited{
	color:#669933;
}
#contact_us{width:100px;}
#wrapper {
	position:relative;
	width:900px;
	height:600px;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
}

#top{
	height:265px;
	padding: 67px 149px 67px 99px;
	border-top:#CFCFD0 solid 1px;
	border-right:#CFCFD0 solid 1px;
	border-left:#CFCFD0 solid 1px;
	background:#FFFFFF;
	font-size:1.1em;
}
/* The use of tables is only because there isn't a CSS construct for verticle align */
#top .tblLayout{height:265px;}
#top .tblLayout td{vertical-align:bottom;}

#stage1{
	float:left;
	width:190px;
	height:266px;
	margin-right:10px;
	text-align:right;
	line-height:1.4em;
	color:#939598;
}
#stage1 p{margin-top:0;}
#stage2{
	float:right;
	width:440px;
	height:266px;
	margin-left:10px; 
}
#stage2 p{margin-top:0;}

#bottom{
	clear:both;
	widows:898px;
	height:200px;
	background:#FFFFFF;
}

#bottom #siteId{
	width:280px;
	height:165px;
	background:#336600;
	padding: 25px 10px 10px 10px;
	float:left;
	text-align:right
}
/* optional - can be replaced with logo image */
#siteId h1{
	font-size:1.6em;
	color:#FFFFFF;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	
}
#siteId h2{
	font-size:1.2em;
	color:#FFFFFF;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	
}
#siteId a, #siteId a:visited{
	color:#FFFFFF;
	text-decoration:none;
}
/* end optional */
#navigation{
	float:right;
	height:165px;
	width:579px;
	padding: 25px 10px 10px 10px;
	background:#669933;
}
#navigation a, #navigation a:visited{
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
}
#navigation a:hover{
	text-decoration:underline;

}
#navigation ul{
	list-style:none;
	margin:0;
	padding:0;
}
#navigation ul.navbar1 li {
	position:relative;
	text-transform:uppercase;
	float:left;
	margin:0 10px;
	font-size:1.2em;
	line-height:1.6em;
}
#navigation ul.navbar2{
	position:absolute;
	left:0;
	top:20px;
	width:300px;
	display:none;
}
#navigation ul.navbar2.selected{
	display:block;
}
#navigation ul.navbar2 li {
	text-transform:capitalize;
	clear:both;
	display:block;
	margin:0;
	padding-left:10px;
	font-size:11px;	
}
#navigation ul.navbar2 li.selected{
	background:url(images/arrow.gif) no-repeat 1px;
}