body{
background:url(images/body.jpg) center repeat-y;
color:#707070;
font:0.9em 'Trebuchet MS', Arial, sans-serif;
}


#wrapper{
width:840px;
margin:1px auto 10px;
}

#title{
	height:50px;
	background:#A4B0B5;
	font-size:2.2em;
	color:#224162;
	text-align:left;
}

#header{
clear:both;
height:232px;
width:515px;
float:left;
}

.nav1 ul{
	float:left;
	list-style:none;
	width:250px;
	top: -30px;
}

.nav1 ul li{
	margin:5px 0;
	padding-left:20px;
	text-align:right;
}

.nav1 a{
	color:#224162;
	border-bottom:1px solid #cfc9bd;
	display:block;
	width:94%;
	height:18px;
	text-decoration:none;
	background:url(images/menu.jpg) left no-repeat;
	padding: 2px;
	top: -30px;
}

.nav1 a:active, a:hover{
	color:#5187C4;
	background:url(images/menu-roll.jpg) no-repeat left;
}

#content{
	clear:both;
	left: -19px;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
	position: relative;
}

h1, h2, h3{
color:#3a4a3f;
}

h1{
font-size:1.2em;
font-variant:small-caps;
padding:0 0 5px;
}

h2{
font-size:1em;
padding:5px;
}

h3{
font-size:0.9em;
padding:5px;
}

p{
padding:5px;
line-height:1.3em;
}

p.ref{
text-align:right;
font-size:0.8em;
}

#content a{
	background:none;
	color:#cfc9bd;
	text-decoration:none;
	padding-top: 0;
	padding-bottom: 0;
}

#content a:hover, a:active{
color:#3a4a3f;
background:#cfc9bd;
text-decoration:none;
}

blockquote{
padding:7px 15px 0 25px;
margin:7px 15px;
background:#f0f0f0 url(images/blockquote.jpg) bottom left no-repeat;
}

#content ul, ol{
padding:5px 10px 5px 40px;
}

#content ul{
list-style:circle;
}

#content ol{
list-style:lower-roman;
}

input, textarea{
border:1px solid #f0f0f0;
color:#707070;
padding:3px;
}

input:hover, input:focus, textarea:hover, textarea:focus{
border:1px solid #707070;
}

#footer{
margin:5px 5px 0;
text-align:center;
font-size:0.8em;
}

#footer a{
color:#3a4a3f;
text-decoration:underline;
background:none;
}

#footer a:hover, a:active{
color:#707070;
text-decoration:none;
}