* {
	margin: 0; 
	padding: 0;
}
a {
	text-decoration: none;
}

body {
	background-image: url(../graphics/pageback.gif);
	background-repeat:repeat-y;
	background-position: 50%;
	background-color: #666;
	font: 100% Verdana, Arial, Helvetica, sans-serif;

	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #fff;
}
#wrapper {
	width: 890px;
	margin: 0 auto;
}
#wrapper #content {
	position:relative;	
	float: left;
	padding: 10px;
	background: #000;	
	border: 1px solid transparent;
	width:  870px;
	}

#wrapper #content #header {
	background-image:url(../graphics/header.png);
	height: 126px;	
}
#wrapper #content #header h2, #wrapper #content #header h3 {
	display: none;
}
#wrapper #content #header #navbar {
	background-repeat: no-repeat;
	position: absolute;
	top: 91px;
	left: 208px;
}

#wrapper #content #sidebar  {
	float: left;
	background: #000;
	margin-top: 4px;
}
#wrapper #content #sidebar h2{
	background-image:url(../graphics/sidebarback_top.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 130px;
	padding: 70px 12px 0 0;
	font-size: 14px;
	color:#ddd;
	text-align: center;
	text-transform: uppercase;
}

#wrapper #content #sidebar img{
	float:left;
	clear: both;
}
#wrapper #content #sidebar #capimg {
	background-image:url(../graphics/sidebarback_bottom.png);	
	height: 272px;
	width: 142px;
	float:left;
	clear: both;
}	

#wrapper #content #maincontent {
	position: relative;
	text-align: left;
	margin-left: 208px;
	width: 560px;
	z-index:0;
}
#wrapper #content #maincontent h1{
	position: relative;
	background-image: url(../graphics/maincontentback.png);
	background-repeat:no-repeat;
	font-size: 1.25em;
	text-align: center;
	margin: 4px 0 0 -57px;
	width: 560px;	
	padding: 45px 0 0 57px;
	z-index:0;
}
#wrapper #content #maincontent #sampleproject h2{
	font-size: 1.15em;
	color:#004168;
	border-bottom: 1px solid #004168;
	margin-bottom: .1em;
	padding: 1em 0 0 0;
}
#wrapper #content #maincontent #sampleproject h3{
	font-size: .9em;
	color:#2a6693;
	font-style:italic;
	margin-left: .75em;
}	
#wrapper #content #maincontent #sampleproject  h3 a{
	color:#2a6693;
}	
#wrapper #content #maincontent #sampleproject p{
	font-size: .7em;
	margin: 0 0 .5em 1em;
}
#wrapper #content #maincontent #sampleproject p a{
	color:#fff;
	font-style: italic;
	color:#fff;
}
#wrapper #content #maincontent p{
	font-size: .8em;
	margin: 1em 0;
}
#wrapper #content #maincontent div#underconstruction{
	font-family:Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size: .8em;
	margin: 50px 50px 0 50px;
	border:#004168 3px double;
	padding: 13px;
	text-align:center;
}







/********************************************************************************************************/
/*            This css menu system was created by Brian Cox and is copywrited by 4th Realm              */
/*   Do not use this code with out copywrite notice included unless otherwise authorized by 4th Realm   */
/********************************************************************************************************/

/********************************fix hover for early version of IE***************************************/

body { behavior: url("styles/csshover3.htc");}


/******************************************main menu setup***********************************************/

#dropmenu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#dropmenu ul li{
	margin: 0;
	padding: 0;
	float: left;
	margin-right: -1px; 									/* this width must match right border width of the main menu items*/
}
#dropmenu ul li a{
	background-color: transparent;								/* COLOR of main menu BACKGROUND 	*/	
	padding: 3px 22px 4px 0;										/* padding around main menu text (note zero left right margin since width will determin size of box */	
	font-family:Verdana, Geneva, sans-serif;		/* FONT FAMILY of main menu text		*/
	font-size: 14px;										/* FONT SIZE of main menu text 		*/
	color:#ddd; 											/* FONT COLOR of main menu text		*/
	font-variant: small-caps;
	font-weight:bold;
	text-align: center;
	text-decoration: none;
	text-shadow: 3px 3px 5px #000;
	white-space: nowrap;	
	border-color:  transparent;									/* COLOR of main menu other BORDER     	*/
	border-style: solid;									/* LINESTYLE of main menu other BORDER    */
	border-width: 1px;									/* WIDTH of main menu other BORDER     	*/
	margin: 0;
	margin-bottom: 9px;									/* Space below menu and submenu as required 	*/		
	display: block;
	width: 120px;											/* width of each menu item (delete this line and adjust margins for variable width menu items)	*/
}
#dropmenu ul li#liFirstNavButton a{
	padding-right: 3px;	
	width: 148px;
}


#dropmenu ul li a:hover, #dropmenu ul li:hover a{	
	position: relative;
	text-shadow: 0px 0px 10px #aaa;
	z-index: 5;

}

/******************************************sub menu setup***********************************************/

#dropmenu ul li ul{
	background-repeat: no-repeat;
	position: absolute;
	display: none;
	background-color: transparent;								/* COLOR of sub menu BACKGROUND (need for ie 6 dropdown to work correctly	*/	
	margin: 0;
	margin-left: -39px;
	z-index:5;
}	
#dropmenu ul li a:hover ul, #dropmenu ul li:hover ul{
	display: block;
}	
#dropmenu ul li ul li{
	margin: 0;
	margin-bottom: -1px;									/* this width must match top border width of the sub menu items*/
	padding: 0;
	float: none;
/*	the following is needed to fix IE 6*/
/*	clear: both; float: left;*/ /*prevents space between element*/
/*	width: 370px;*/ /*required fixed width due to clear above, adjust as necessary to fit menu text*/
}
#dropmenu ul li ul.drop li a{
	background-image:url(../graphics/pulldownback.png);
	background-position: 0px 0px;
	background-repeat:repeat-y;
	padding: 3px 0 4px 0;										/* padding around sub menu text (note zero left right margin since width will determin size of box */	
	font-family: Verdana, Geneva, sans-serif;		/* FONT FAMILY of sub menu text		*/
	font-size: 12px;										/* FONT SIZE of sub menu text 		*/
	color:#ddd; 											/* FONT COLOR of sub menu text		*/
	text-align: center;
	text-decoration: none;
	text-shadow: 3px 3px 5px #000;
	white-space: nowrap;	
	border-color: transparent;									/* COLOR of sub menu other BORDER     	*/
	border-style: solid;									/* LINESTYLE of sub menu other BORDER    */
	border-width: 1px;									/* WIDTH of sub menu other BORDER     	*/
	margin: 0;
	margin-right: 0px;									/* Space right of submenu and flyout menu as required 	*/	
	display: block;
	width: 175px;											/* width of each submenu item (use auto and adjust margins for variable width menu items) 	*/
}
#dropmenu ul li ul.drop li.liFirstDropButton a{
	background-image:url(../graphics/pulldownback_top.png);
	background-position: 0px -1px;
	background-repeat:no-repeat;
	padding-top: 8px;
}
#dropmenu ul li ul.drop li.liLastDropButton a{
	background-image:url(../graphics/pulldownback_bottom.png);
	background-position: 0px -46px;
	background-repeat: no-repeat;
	padding-bottom: 12px
}
#dropmenu ul li ul.drop li a:hover, #dropmenu ul li ul.drop li:hover a{		
	position: relative;	
	background-image:url(../graphics/pulldownback_h.png);
	text-shadow: 0px 0px 10px #aaa;
}	
#dropmenu ul li ul.drop li.liFirstDropButton a:hover, #dropmenu ul li ul.drop li:hover.liFirstDropButton a{		
	background-image:url(../graphics/pulldownback_top_h.png);
}		
#dropmenu ul li ul.drop li.liLastDropButton a:hover, #dropmenu ul li ul.drop li:hover.liLastDropButton a{		
	background-image:url(../graphics/pulldownback_bottom_h.png);
}	


/******************************************side menu setup***********************************************/

#sidemenu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#sidemenu ul li{
	margin: 0;
	padding: 0;
	float: left;
	clear: both;
}
#sidemenu ul li a{
	background-image:url(../graphics/sidemenuback.png);
	background-position: -1px -1px;
	background-repeat:no-repeat;
	padding: 9px 0px 0px 52px;										/* padding around main menu text (note zero left right margin since width will determin size of box */	
	font-family:Verdana, Geneva, sans-serif;		/* FONT FAMILY of main menu text		*/
	font-size: 11px;										/* FONT SIZE of main menu text 		*/
	color:#ddd; 											/* FONT COLOR of main menu text		*/
	font-variant: small-caps;
	font-weight:bold;
	text-align: center;
	text-decoration: none;
	text-shadow: 3px 3px 5px #000;
	white-space: nowrap;	
	border-color:  transparent;									/* COLOR of main menu other BORDER     	*/
	border-style: solid;									/* LINESTYLE of main menu other BORDER    */
	border-width: 1px;									/* WIDTH of main menu other BORDER     	*/
	margin: 0;
	display: block;
	height: 26px;
	width: 128px;											
}
#sidemenu ul li a:hover, #sidemenu ul li:hover a{	
	background-image:url(../graphics/sidemenuback_h.png);
	text-shadow: 0px 0px 10px #aaa;

}