/* andreas01 - an open source xhtml/css website layout by Andreas Viklund (http://andreasviklund.com). Made for OSWD.org, free to use as-is for any purpose as long as the proper credits are given for the original design work. For design assistance and support, contact me through my website or through http://oswd.org/email.phtml?user=Andreas



Version: 1.0

(July 25, 2005)



Screen layout: */



body

{

	margin: 0 auto;

	padding: 0;

	font-size: 72%;

	font-family: Arial;

	background: #b2c1ff url(images/bg.gif) top center repeat-y;

}



#wrap

{

	background: #ffffff;

	color: #303030;

	margin: 0 auto;

	width: 760px;

}



#header

{

	clear: both;

	margin: 20px 0 0 0;

	padding: 0;

	height: 110px;

}



#header h1

{

	margin: 0px 0 10px 20px;

	font-size: 250%;

	float: left;

	width:480px;

}



.header1

{

	margin: 30px 0 10px 20px;

	font-size: 250%;

	float: left;

	width:520px;

}

#header p

{

	width: 500px;

	float: right;

	text-align: center;

	color: #a0a0a0;

	margin: 0 0 10px 0;

	font-size: 0.8em;

	line-height: 1.2em;

}



#frontphoto

{

	margin: 0 0 10px 0;

	border: 0;

}



#avmenu

{

	clear: left;

	float: left;

	width: 150px;

	margin: 0 0 10px 0;

	padding: 0;

	font-size: 0.9em;

}



#avmenu ul

{

	list-style: none;

	width: 150px;

	margin: 0 0 20px 0;

	padding: 0;

	font-size: 1.1em;

}



#avmenu li

{

	margin-bottom: 4px;

}



#avmenu li a

{

	font-weight: bold;

	height: 20px;

	text-decoration: none;

	text-transform:uppercase;

	color: #505050;

	display: block;

	padding: 6px 0 0 10px;

	background: #f4f4f4;

	border-left: 4px solid #cccccc;

}



#avmenu li a:hover

{

	background: #eaeaea;

	color: #286ea0;

	border-left: 4px solid #286ea0;

}



.announce

{

	margin: 10px 0 10px 0;

	padding: 10px;

	width: 130px;

	color: #505050;

	background-color: #f4f4f4;

	line-height: 1.3em;

}



#extras

{

	float: right;

	width: 100px;

	margin: 0 0 10px 0;

	padding: 0;

	font-size: 0.9em;

	line-height: 1.5em;

}



#extras p

{

	margin: 0 0 1.5em 0;

}



#content

{

	margin: 0 0px 20px 160px;

	border-left: 1px solid #f0f0f0;

	border-right: 1px solid #f0f0f0;

	padding: 0 10px 0 10px;

	line-height: 1.6em;

	text-align: left;

}



#content h2

{

	font-size: 1.5em;

	margin: 0 0 0.5em 0;

}



#content img

{

	padding: 1px;

	display: inline;

	background: #cccccc;

	border: 4px solid #f0f0f0;

}



h3

{

	font-size: 1.3em;

	margin: 0 0 10px 0;

}



.header4

{

	font-size: 1.2em;

	margin: 0 0 0 0;

	font-weight:bolder;

}



a

{

	text-decoration: none;

	color: #286ea0;

}



a:hover

{

	text-decoration: underline;

	color: #286ea0;

}



a img

{

	border: 0;

}



#footer

{

	clear: both;

	margin: 0 auto;

	padding: 10px 0 20px 0;

	border-top: 4px solid #f0f0f0;

	width: 760px;

	text-align: center;

	color: #808080;

	font-size: 0.9em;

}



#footer a

{

	color: #808080;

	text-decoration: none;

}



#footer a:hover

{

	text-decoration: underline;

}



.left

{

	margin: 10px 10px 5px 0;

	float: left;

}



.right

{

	margin: 10px 0 5px 10px;

	float: right;

}



.textright

{

	text-align: right;

}



.center

{

	text-align: center;

}



.small

{

	font-size: 0.8em;

}



.bold

{

	font-weight: bold;

}



.hide

{

	display: none;

}