/* andreas07 - an open source xhtml/css website layout by Andreas Viklund - http://andreasviklund.com . Free to use for any purpose as long as the proper credits are given for the original design work.

Version: 1.1, November 28, 2005 */

/* customized by scott harmon 03.07 */

/**************** Page and tag styles ****************/

body
{margin:0; padding:0; color:#000; background:#fff url(img/bodybg.gif) repeat-y left top; font:small Verdana, Tahoma, sans-serif;}

ul
{ color: #066; margin:15px 0 20px; font-size:100%; font-weight: bold; list-style: none; }

li
{margin:0 0 8px 25px;}

a
{text-decoration:none;}

a:hover
{color:#505050; text-decoration:underline;}
/**************** Sidebar area styles ****************/

#sidebar
{ position:absolute; top:0; left:0; width:220px; height:100%; overflow:auto; background:#cff url(img/sidebarbg.gif) repeat-y right top; text-align:right; }

body > #sidebar
{position:fixed;}

#sidebar h1
{ margin:20px 18px 0 5px; color:#066; font-size:150%; text-align:right; letter-spacing: -0.5px; }

#sidebar h2, #sidebar h3, #sidebar h4
{ margin:0 20px 18px 5px; color:#333; font-size: 125%; font-weight:bold; text-align:right; }

#sidebar h3
{margin:20px 18px 4px 5px; color:#666;}

#sidebar h4
{margin:0 18px 4px 5px; color:#333; font-size: 110%}

#sidebar p
{margin:0 20px 18px 5px;font-size:70%;}

#sidebar a
{ color:#333333; font-weight: bold; }

#sidebar img 
{float: right; margin-right: 10px;}

/**************** Navigation menu styles ****************/

#menu a
{ display:block; width:202px; padding:5px 18px 5px 0; color:#505050; background:#cff url(img/sidebarbg.gif) repeat-y right top; font-size:150%; font-weight:normal; text-decoration:none; }

#menu a:hover 
{color:#000000; background:url(img/sidebarbg.gif) repeat-y right top;}

#menu a.active
{padding:5px 18px 5px 0; color:#505050; background:#fff; border-top:2px solid #099; border-bottom:2px solid #099;}

#menu a.active:hover
{background:#fff;}

/**************** Content area styles ****************/

#content
{ width:520px; margin:0 0 0 240px; padding:20px 0; background:#fafafa; }
#content ul { font-weight: bold; }
#content a { color: #066; }
#content a:hover { color: #505050; text-decoration: underline; }
#content a:visited { color: #399; text-decoration: none; }
#content p
{ line-height:1.5em; text-indent: 3em; margin: 0; padding: 0; }

#content h1
{ color: #066; margin:0; font-size:300%; text-align:center; letter-spacing: -2px; }

#content h2
{margin:0; color:#333; font-weight:normal; font-size:200%; letter-spacing:-1px; text-align:center;}

#content h3
{clear:both; margin:30px 0 10px; color:#066; font-weight:normal; font-size: 150%;}

#content h4
{clear:both; margin:30px 0 0; color:#066; font-weight:bold;}

#content h5
{ font-size: 100%; font-weight: normal; font-style: normal; line-height:1.5em; margin: 0; padding: 0; property: value; }
#content h6 { color: #066; font-size: 80%; font-style: normal; font-weight: normal; line-height: 1.5em; margin-top: 2px; property: value; }
#content img 
{ float: none; margin:20px 20px 20px 170px; padding: 0; border:solid 2px #099; }