﻿html, body{ 
 margin:0; 
 padding:0; 
 text-align:center;
 background-image:url('images/bg.gif');
 background-position: center 50%;
 background-repeat:repeat-y
} 
 
#pagewidth{ 
 width:627px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;  
} 

h1 {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 18px;
	color: #494333;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
}

 
#header  {
	border-style:none; position:relative;
	height:190px;
	width:auto;
	background-image: url('images/header-3.jpg');
	background-repeat: no-repeat;
	text-shadow:#339999;
	text-align: right;
	top: 0px;
	margin-top: 0px;
	margin-bottom: -37px;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 9px;
	color: #777160; padding-left:0px; padding-right:44px; padding-top:37px; padding-bottom:0px
} 
 
#header a:hover, a:link, a:active {
	color: #777160;
	text-decoration: underline;
}

#footer{
	padding: 37px 44px 0px 0px;
	margin-top: 0px;
	margin-bottom: -37px;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 9px;
	color: #777160;
	text-align:right;
}

#footer a:hover, a:link, a:active {
	color: #777160;
	text-decoration: underline;
}
#leftcol{
	width:209px;
	float:left;
	position:relative;
	background-image: url('images/nav_Bg.gif');
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #8b8468;
	background-repeat: repeat-y;
	height: 100%
 }
 
#leftcol li {
	border-bottom: 1px solid #d4cebb; height:17px;
	width:165px;
	list-style-image: url('none');
	list-style-type: none;
	margin-left:-15px;
	text-align:right;
	letter-spacing:0.1em;
	margin-top: 7px
}

#leftcol a:link, a:visited {
	color: #8b8468;
	text-decoration:none;
	border:none;
}

#leftcol a:hover {
	color: #635c4a;
	text-decoration:none;
}

#twocols{
 width:418px; 
 float:right; 
 position:relative; 
  }
 
#rightcol{
 width:44px; 
 float:right; 
 position:relative; 
 background-color:#FFFFFF;
 }
 
#maincol{
	background-color: #efede8;
	float: left;
	display:inline;
	position: relative;
	width:344px;
	padding: 15px;
	margin: 0px;
	clear: both;
	height: 100%;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #787468;
	line-height: 15px;
 }
#anno{ 
 margin-top:-5px
 	background-color: #efede8;
	float: left;
	display:inline;
	position: relative;
	width:344px;
	padding: 15px;
	margin: 0px;
	clear: both;
	height: auto;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #787468;
	line-height: 15px;
	background-image: url('images/header2a.jpg');
	background-color: #d6d0c0;
	background-repeat: no-repeat
}
 
#maincol a:link, a:visited{
	color: #8b8468;
	line-height: 15px;
	text-decoration:none;
}

#maincol a:hover{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #494333;
	line-height: 15px;
	text-decoration:none;
	border-bottom:#dbd5c6 solid 1px;
}
 
 
#footer{
	height:100px;
	clear:both;
	background-image: url('images/footer.gif');
	background-repeat: repeat-x;
	margin-bottom: -50px
 } 
 

.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 

 @media print{ 
#leftcol{display:none;} 

#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}
.image {
	border: 4px solid #e4e0d6;
	text-align: right;
}