/* 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: 76% Verdana,Tahoma,Arial,sans-serif; background: #f4f4f4 url(./img/bg.gif) top center repeat-y;}

/* Main layout and header */
#wrap {background: #ffffff; color: #404040; margin: 0 auto; width: 980px;}
#header {clear: both; margin: 20px 0 0 0; padding: 0; height: 45px;}
#header h1 {width: 400px; font-size:2em; color:#a1551e; letter-spacing:-1px; margin: 0 0 10px 10px; float: left;}
#header p {width: 200px; float: right; text-align: center; color: #a0a0a0; margin: 0 0 10px 0; font-size: 0.8em; line-height: 1.2em;}
#header ul {float:right; padding:5px 10px 0 0;}
#header li {display:inline; list-style:none;}
#header li a {padding:0 0 0 5px;}
#header a:hover {text-decoration:none;}
#header a img {height:10px; border:none;}
#frontphoto {margin: 0 0 20px 0; border: 0;}

/* Left sidebar and menu */
.menu {clear: left; float: left; width: 200px; margin: 0 0 10px 0; padding: 0; font-size: 0.9em;}
.menu ul {list-style: none; width: 180px; margin: 0 0 20px 0; padding: 0; font-size: 1.1em;}	
.menu li {margin-bottom: 4px;}
.menu li a {font-weight: bold; height: 20px; text-decoration: none; color: #286ea0; display: block; padding: 6px 0 0 10px; background: #f4f4f4; border-left: 4px solid #cccccc; border-top:1px solid #d8d8d8; border-right:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8;}
.menu li a:hover {background: #eaeaea; color:#c1551e; border-left: 4px solid #b1551e;}
.menu a img {margin: 10px 0 20px 0; padding:0; display:block; border: 1px solid #d8d8d8;}
.menu a:hover img {border: 1px solid #a0a0a0;}
.announce {margin: 10px 0 20px 0; padding: 10px; width: 158px; color: #505050; background-color: #f4f4f4; line-height: 1.3em; border:1px solid #d8d8d8;}

/* Main content */
.main {margin: 0 0 20px 200px; border:none;}
.main h2 {font-size: 1.5em; letter-spacing:-1px; margin: 0 0 0.5em 0;}
.main h3 {font-size: 1.2em; margin: 0 0 0.5em 0;}
.main img {padding: 1px; display:block; background: #cccccc; border: 1px solid #f0f0f0; margin:20px auto 10px auto;}
.main ul {margin:0 0 16px 20px; padding:0;}
.main ol {margin:0 0 16px 20px; padding:0;}
.main ul ul {margin:2px 0 2px 20px;}
.main ol ol {margin:2px 0 2px 20px;}
.main li {margin:0 0 2px 10px; padding:0 0 0 4px;}
.content-1col {float:left; border:none;  width:740px; line-height: 1.6em; text-align: justify; padding: 10px 20px 10px 20px;}
.content-2col-left {float:left; border:none; width:360px; line-height: 1.6em; text-align: justify; padding: 0 10px 10px 20px;}
.content-2col-right {float:right; border:none; width:360px; line-height: 1.6em; text-align: justify; padding: 0 20px 10px 10px;}
.contactform {width:660px; margin:2.0em 0 0 0; padding:20px 20px 0 20px; border:solid 1px rgb(200,200,200); background-color:rgb(250,250,250);}
.contactform fieldset {padding:20px 0 0 0 !important /*Non-IE6*/; padding:0 /*IE6*/; margin:0 0 20px 0; border:solid 1px rgb(220,220,220);}
.contactform fieldset legend {margin:0 0 0 5px !important /*Non-IE*/; margin:0 0 20px 5px /*IE6*/; padding:0 2px 0 2px; color:rgb(80,80,80); font-weight:bold; font-size:110%;}
.contactform label.left {float:left; width:100px; margin:0 0 0 10px; padding:2px; font-size:110%;}
.contactform input.field {width:520px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.contactform textarea {width:520px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.contactform input.button {float:right; width:9.0em; margin-right:40px; margin-bottom:10px; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(150,150,150); font-size:110%;}
.contactform input.button:hover {cursor: pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}

/* Footer */
#footer {clear: both; margin: 0 auto; padding: 10px 0 20px 0; border-top: 4px solid #f0f0f0; width: 980px; text-align: center; color: #808080; font-size: 0.9em;}
#footer a {color: #808080; text-decoration: none;}
#footer a:hover {text-decoration: underline;}
#footer p {line-height: 0.6em;}

/* Links */
a {text-decoration: none; color: #286eb5; font-weight:700;}
a:hover {text-decoration: underline; color: #286ea0;}
a img {border: 0;}

/* Various classes */
.left {margin: 10px 10px 5px 0; float: left;}
.right {margin: 10px 0 5px 10px; float: right;}
.textright {text-align: right;}
.imagecaption {margin:0 0 10px 0; text-align:center; color:rgb(80,80,80); font-size:90%;}
.center {text-align: center;}
.small {font-size: 0.8em;}
.large {font-size:1.3em;}
.bold {font-weight: bold;}
.hide {display: none;}
.clear-contentunit {float:left; margin-left: 20px; margin-right: 20px; width:740px; height:1px; border:none; background:rgb(210,210,210); color:rgb(210,210,210);}