/*vertical css for whole site*/
body { 
  background-color: #485C5A;
  font-family:      Arial, Helvetica, sans serif;
  font-size:        12px;
  line-height:		1.6em;
}

h1 { 
	font-size:	140%;
	color:      #7f7f7f;
}

h2 {
	font-size: 120%;
	color:		#7f7f7f;
}

h3 {
	font-size:	110%;
	color:		#7f7f7f;
}
   
#allcontent{
	width:			800px;
	background-color: #BFCFCC;
	border:			1px solid white; 
	margin:			0px 0px 0px 0px;
}

/*header*/

#header {
	line-height:	1em;
	background-color: #A31E39;
	height: 		60px;
	margin:			5px 5px 5px 5px;
	border:	1px solid black;
}
	
#logo {
	position:		absolute;
	left:			30px;
	top:			30px;
	width:			200;
	background-color: #A31E39;
	margin:			0px 5px 0px 5px;
	padding:		0px 16px 10px 16px;
}
 
#stylechanger{
	float:			right;
	margin:			2px;
	line-height:	0.8em;
	font-size:		0.8em;
	color: 			#BFCFCC;
	padding: 		4px;
}

#stylechanger a {
	border:			1px solid;
	background:		#A31E39;
	text-decoration: none;
}

#stylechanger a:link {		
	color: 			#BFCFCC;
}
#stylechanger a:visited {
	color: 			#BFCFCC;
}

#stylechanger a:hover {
	color: 				#8C9C9A;
	background-color:	#485C5A;
	border:				1px solid #485C5A;	
}
 
#navigation {
	float:			right;
	clear:			right;
	padding:		5px;
}
			
#navigation li {
	list-style:		none;
	font-size: 		0.9em;
	display:		inline;
}

#navigation li a {
	border:			1px solid #BFCFCC;
	background:		#485C5A;
	color:			white;
	text-decoration: none;
	padding:		1px 2px 1px 2px;
}

#navigation a:link {		
	color: 			white;
}
#navigation a:visited {
	color: 			white;
}

#navigation a:hover {
	color: 				white;
	background-color:	#A31E39;
	border:				1px solid #A31E39;
}
#navigation a#current {
	color:				black;
	background-color:	white;
	border-top:			1px solid black;
	border-right:		1px solid black;
	border-bottom:		1px solid black;
	border-left:		1px solid black;
}

/*main area sidebar*/

#sidebar {
	width:			195px;
	position:		absolute;
	top:			248px;
	left:			30px;
	padding:		25px 5px 50px 10px;
	margin:			0px 5px 5px 5px;
	background-color: #A31E39;
	color:			#BFCFCC;
	line-height:	1.3em;
}

#sidebar ul {
	margin: 		0;
	padding-left: 	1.2em;
	list-style-type: square;
}

#sidebar li {
	line-height:	1.3em;
	padding-bottom:	0.8em;
}

#sidebar a {
	color:			#D6E4E1;
}
#sidebar h1,h2,h3, {
	color:		white;
}

/* main area  */

#main {
	margin:				5px 5px 5px 5px;
	padding:			10px 10px 10px 255px;
	background-color:	white;
	background-image: 	 url(../pictures/red.gif);
	background-repeat:	repeat-y;
	background-position:	20px 200px;
	border-bottom:	1px solid black;
	border-right:	1px solid black;
	border-top:		1px solid black;
	border-left:	1px solid black;
}

#main a {
	color:	#485C5A;
}

#main h1,h2,h3, {
	color:		#7f7f7f;
}

#main p {
margin: 20px;
}

.picture {
	float: 		left;
	padding:	0.4em 1em 0.4em 0em;
}
/*  footer    */

#footer {
	text-align:			center;
	font-size:			0.9em;
	padding:			10px;
	margin:				5px;
	background-color:	white;
	clear:				both;
	border-bottom:	1px solid black;
	border-right:	1px solid black;
	border-top:		1px solid black;
	border-left:	1px solid black;
}
#validatelogo {
	float:			right;
}
/*    what else   */

.date {
	font-weight: bold;
}
.empha {
	font-weight: bold;
	font-size:	1.2em;
	color:	black;
}
.empha2 {
	font-weight: bold;
	font-size:	2em;
	color:		black;
}