/* Standard tag styles */

html {
	width:					100%;
	height:					100%;
	margin:					0px;
	padding:				0px;
	background-image:		url('/images/interface/bg_blue4.gif');
	background-repeat:		repeat;
}

body {
	width:					100%;
	height:					100%;
	margin:					0px;
	padding:				0px;
	color:					#000;
	background-color:		#FFF;
	font:					normal 11px/14px verdana,arial,sans-serif;
	background-image:		url('/images/interface/bg_blue4.gif');
	background-repeat:		repeat;
}




/* Structural elements that aren't used in the visual version,
   but try to keep them "visible" to screen readers */

#helper			{ position: absolute; top:0px; visibility: hidden; }
#sitetitle em	{ position: absolute; top:0px; visibility: hidden; }
#totop a     	{ position: absolute; top:0px; visibility: hidden; }
a.bookmark		{ position: absolute; top:0px; visibility: hidden; }
hr				{ display:none; }




/* Main layout */

#canvas {
	position:			relative;
	background-color:	#FFF;
	left:				50%;
	margin-left:		-392px;
	width:				786px;
	padding-bottom:		8px;
	margin-top:			8px;
}

#head {
	position:			relative;
	top:				8px;
	left:				8px;
	width:				770px;
	margin:				0px;

	background-image:	url('/images/interface/logo301.jpg');
	background-repeat:	no-repeat;
	background-position:top right;
}

#sitetitle {
	position:			relative;
	top:				0px;
	left:				0px;
	width:				592px;
	height:				170px;
   
	background-color:	#FFFFFF;
	margin:				0px;
/*  background-image: url('/images/covers/tes1.jpg');  */
background-image: url('/images/covers/random.php');
	padding:			0px;
	background-repeat:	no-repeat;
	background-position: top left;
}

#content {
	width:				770px;
	padding-left:		8px;
	padding-right:		8px;
}


div.col1 {
	width:				360px;
	float:				left;
}

div.col2 {
	/*left:				385px; */
	/*width:				360px;
	float:				right;
	width:				360px;
	/*float:				left; */

	margin-left:		45px;
}


/* Primary navigation */

#nav {
	position:			relative;
	top:				16px;
	left:				8px;
	width:				769px;
	height:				17px;
	padding-bottom:		1px;
	padding-left:		1px;
	background-color:	#CBCCCF;
	margin-bottom:		25px;
}

#nav ul {
	margin:				0px;
	padding:			0px;
}

#nav ul li {
	display:			inline;
	vertical-align:		middle;
	font:				normal 11px 'Trebuchet MS',Verdana,Arial,Helvetica,sans-serif;
}

#nav ul li a,#nav ul li a:visited {
	display:			block;
	float:				left;
	color:				#4D5457;
	text-decoration:	none;
	padding-left:		10px;
	padding-right:		10px;
	margin-top:			1px;
	margin-bottom:		0px;
	border:				0px;
}

#nav ul li a:hover,#nav ul li.selected a {
	color:				#363C3F;
	background-color:	#E5E6E7;
	text-decoration:	none;
}

#nav ul ul {
	display:			none;	
}




/* Secondary navigation */

#crumbs {
	position:			absolute;
	top:				196px;
	left:				0px;
	width:				770px;
	text-align:			right;
	color:				#4D5457;
	font:				normal 10px verdana,sans-serif;
	margin:				0px;
	padding:			0px;
}

#crumbs a,#crumbs a:visited {
	color:				#4D5457;
	text-decoration:	none;
	border:				0px;
}

#crumbs a:hover {
	color:				#9E3622;
	text-decoration:	underline;
}


#prefooteryellow {
	position:			relative;
	clear:				left;
	left:				8px;
	width:				770px;
	background-color:	#FEDF00;
	margin-top:			0px;
	margin-bottom:		2px;
	height:				4px;
	
}

#prefooterblue {
	position:			relative;
	clear:				left;
	left:				8px;
	width:				770px;
	background-color:	#005293;
	margin-top:			0px;
	margin-bottom:		2px;
	height:				4px;
	
}




/* Footer */

#footer {
	position:			relative;
	clear:				left;
	left:				8px;
	width:				770px;
/*  background-color:	#CBCCCF; */
background-color:	#FFFFFF; 
/*		background-color:	#2964ac; */
	
	margin-top:			0px;
}

#footer .copyright {
	text-align:			center;
	width:				769px;
	font:				normal 10px/18px arial,sans-serif;
	 color:				#4D5457;  
/* color:		#FFFFFF; */
	margin:				0px;
}




#footer ul {
	position:			absolute;
	margin:				0px;
	padding:			0px;
	width:				770px;
	text-align:			right;
}

#footer ul li {
	display:			inline;
	padding-right:		10px;
}

#footer ul li a,#footer ul li a:visited {
	font:				normal 10px/18px arial,sans-serif;
	color:				#4D5457;
	text-decoration:	none;
	border:				0px;
}

#footer ul li a:hover {
	font:				normal 10px/18px arial,sans-serif;
	color:				#000;
	text-decoration:	underline;
}

#totop {
	display:			block;
	height:				8px;
	font-size:			1px;
	margin:				0px;
	overflow:			hidden;
}