/* 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: */



html {

height: 100%;

margin-bottom: 1px;

	}

	

body {

margin: 0 auto;

padding: 0;

font: 76% Verdana,Tahoma,Arial,sans-serif;

background: #f4f4f4 url(shadow.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 10px;

width: 740px;

height: 207px;

}



#header h1 {

width: 740px;

height: 207px;

margin: 0 0 10px 0;

float: left;

font-size: 24px;

text-indent: -200000px;

background: url(logo.gif) 160px 0 no-repeat;

}



#header p {

width: 400px;

float: right;

text-align: center;

color: #000;

margin: 0 0 10px 0;

font-size: 1.2em;

line-height: 1.6em;

}



#frontphoto {

margin: 0 0 10px 0;

border: 0;

}



#avmenu {

clear: left;

float: left;

width: 160px;

margin: 0 0 10px 0;

padding: 0;

font-size: 0.9em;

}



#avmenu ul {	

list-style: none;

width: 160px;

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;

color: #505050;

display: block;

padding: 6px 0 0 10px;

background: #f4f4f4;

border-left: 4px solid #286ea0;

}	

	

#avmenu li a:hover {

background: #eaeaea;

color: #6F0D0D;

border-left: 4px solid #6F0D0D;

}



.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 10px 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;

color: #6F0D0D;

}

#content h2.home {

color: #303030;

}



#content img {

padding: 1px;

display:inline;

background: #cccccc;

border: 4px solid #f0f0f0;

}



#content p {

	width: 500px;

}



span#change_line {

	font-weight: bold;

	font-style: italic;

}



h3 {

font-size: 1.3em;

margin: 0 0 10px 0;

}



a {

text-decoration: none;

color: #286ea0;

}



a:hover {

text-decoration: underline;

color: #286ea0;

}



a img {

border: 0;

}



a.exterior {

    color: #666;

    font-size: 10px;

}

#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: underline;

}



#footer a:hover {



text-decoration: none;

}



.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;

}



ul#links-right { width: 280px; float: right; margin: 0; padding-left: 30px; }

ul#links { width: 170px; margin: 0; padding-left: 60px; }



.maroon { color: #6F0D0D; font-weight: bold; }