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

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

body
{margin:0; padding:0; color:#006567; background:#f8f8f8 url(img/bodybg.gif) top left repeat-y; font:76% Verdana,Tahoma,sans-serif;} 
/* {margin:0; padding:0; color:#006567; background:#f8f8f8 url(img/bodybg.gif) top left repeat-y; font:76% Verdana,Tahoma,sans-serif;} 
*/
/* was color: #303030 was backround #fafafa */



/* body strong {color:#008c00;} */

ul
{list-style:circle; margin:15px 0 20px 0; font-size:0.9em;}

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

a
{font-weight:bold; text-decoration:underline;} /* was #d8585d was text-decoration:none; was color:008c00*/

a:hover
{color:#006567; text-decoration:underline;} /* was #505050 */

img
{float:left; margin:0 15px 15px 0; background:#ffffff; } /* ?add clear:right; removed border:1px solid #d0d0d0;} and changed padding:1[x;  */

a img
{border-color:#008c00; border:2px solid; border-color:#00cc00; padding:2px;} /* was #d8585d */ 

a img:hover
{background:#008c00; border:2px solid; border-color:#00cc00; padding:2px;} /* was #d8585d */



/**************** Sidebar area styles ****************/

#sidebar
{position:absolute; top:0; left:0; width:220px; height:100%; overflow:auto; background:#ffffff url(img/sidebarbg.gif) top right repeat-y; text-align:left;}
/* was background:#e0e0e0 */ /*was width:220px then changed to 300 now back to 220; */

body > #sidebar
{position:fixed;}

#sidebar h1
{margin:20px 18px 0 5px; color:#008c00; font-size:1.6em; letter-spacing:-2px; text-align:right;} /* was #d8585d */

#sidebar h2, #sidebar h3
{margin:0 20px 18px 5px; color:#006567; font-size:1.1em; font-weight:bold; letter-spacing:-1px; text-align:right;} /* was #808080 */

#sidebar h3
{margin:20px 18px 4px 5px; color:#006567; } /* was #808080 */

#sidebar  p
{margin:0 20px 18px 5px; color:#606060; font-size:1.0em;}

#sidebar a
{color:#aa0000; text-align:left; text-decoration:none; font-size: 0.9em;} /* was font-size: 0.9em */


#sidebar a:hover 
{color:#ffffff; background:#008c00;}

/* #level3 a {font-size: 800%;} */



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

#menu a
{display:block; width:202px; padding:5px 18px 5px 0; color:#006567; background:#ffffff url(img/sidebarbg.gif) top right repeat-y; font-size:1.0em; font-weight:normal; text-decoration:none; } /* was letter-spacing:-2px;} /* was color:#606060 */
/* was color:#006567; background:#e0e0e0 */ /* was width:202px then 282 now 202 again was font-size: 1.2em then was 1.0em then 0.8em*/

#menu a.level2 {text-indent: 1em; font-size: 0.9em;} /* was 0.9em fontsize then 0.7em */ 


#menu a:hover 
{color:#ffffff; background:#008c00 url(img/sidebarbg.gif) top right repeat-y;}
/* was color:#303030; background:#f0f0f0 */

#menu a.active
{padding:5px 18px 5px 0; background:#f8f8f8; border-top:2px solid #c0c0c0; border-bottom:2px solid #c0c0c0;} /* was #fafafa */
/* was background:#f8f8f8 with no color attribute*/

#menu a.active:hover
{color:#006567; background:#fafafa;} /* was #505050 */

#menu a:focus 
{color:#ffffff; background:#008c00 url(img/sidebarbg.gif) top right repeat-y;}

#menu a.active2
{text-indent: 1em; font-size: 1.4em; padding:5px 18px 5px 0; background:#f8f8f8; border-top:2px solid #c0c0c0; border-bottom:2px solid #c0c0c0;} /* was #fafafa */

#menu a.active2:hover
{color:#006567; background:#fafafa;} /* was #505050 */

/* from qm.css

#menu a:link, a:visited {}
#menu a:hover {
color:#ffffff; background:#008c00 url(img/sidebarbg.gif) top right repeat-y;}
#menu a:active {
padding:5px 18px 5px 0; background:#f8f8f8; border-top:2px solid #c0c0c0; border-bottom:2px solid #c0c0c0;}
#menu a:focus {
padding:5px 18px 5px 0; background:#f8f8f8; border-top:2px solid #c0c0c0; border-bottom:2px solid #c0c0c0;}

 */



/**************** sidebar footer link styles ****************/

#footer a
{display:block; width:202px; padding:5px 18px 5px 0; color:#006567; background:#ffffff url(img/sidebarbg.gif) top right repeat-y; font-size:1em; font-weight:normal; text-decoration:none; } /* was color:#606060 */
/* was background:#ffffff */ /* was width:202px;  then 282 now 202 again*/


#footer a:hover 
{color:#ffffff; background:#008c00; url(img/sidebarbg.gif) top right repeat-y;}
/* was color:#303030; background:#f0f0f0 */


#footer a.active
{padding:5px 18px 5px 0; background:#f8f8f8; border-top:2px solid #c0c0c0; border-bottom:2px solid #c0c0c0;} /* was #fafafa */

#footer a.active:hover
{color:#ffffff; background:#008c00;} /* was #505050 */
/* was color:#006567; background:#fafafa; */


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

#content
{width:680px; margin:0 0 0 320px; padding:20px 0; background:#f8f8f8;} /* was 740px was 520px then 680 then 520  was #fafafa was margin:0 0 0 240px then 320 then 240 */

#content p
{margin:0 0 20px 0; font-size:1em; line-height:1.2em; } /* ?add clear:left; or both was line-height:1.5em; */

#content h1
{margin:0; font-size:3.5em; letter-spacing:-2px; text-align:left;} /* float:right; added */ /* was 4em fontsizewas #d8585d was letter-spacing:-4px;}*/

#content h2
{margin:0; font-weight:normal; font-size:1.7em; letter-spacing:-1px; text-align:left;} /* float:right; added */ /* was font-size 2em then 1.7em was letter-spacing:-2px;was #808080 */

#content h3
{clear:both; margin:30px 0 10px 0; ; font-weight:normal; font-size: 2.5em; letter-spacing:-1px;} /* was was font size 2.5em then 2em letter-spacing:-2px; #d8585d */


/* below added to position content images to the left or right */

.left {
margin: 10px 10px 5px 5px;
float: left;
}

.right {
margin: 10px 5px 5px 10px;
float: right;
}

.black {color:#000000}
.blue {color:#6600ff}
.darkblue {color:#000099}
.darkgreen {color:#006600}
.darkgreenblue {color:#006567}
.green {color:#008c00}
.bluegreen {color:#006666}
.pink {color:#ea78ea}
.darkpink {color:#cc0066}
.vdarkping {color:#954d95}
.orange {color:#ff6600}
.lightgreen {color:#00ff00}
.red {color:#ff0000}
.brown {color:#cc3300}
.maroon {color:#a70532}


/* original colours - see colour folder 
.black {color:#000000}
.blue {color:#6600ff}
.darkblue {color:#000099}
.darkgreen {color:#006600}
.darkgreenblue {color:#006567}
.green {color:#008c00}
.bluegreen {color:#006666}
.pink {color:#ff00ff}
.darkpink {color:#cc0066}
.orange {color:#ff6600}
.lightgreen {color:#00ff00}
.red {color:#ff0000}
.brown {color:#cc3300}
.maroon {color:#a70532}
*/

.central {text-align:center;}

#skip a


{position : absolute; /* Forces it off-page */
top : -100em; /* The direction and value (optional) */
left : -100em; /* The direction and value */
padding : 0.5em; /* To style the link?s box (optional) */
font-weight : bold; /* Link Styling (optional) */
font-size : 100%; /* Link Styling (optional) */
}


/*
#skip a:focus, a:active {
position : absolute; /* Forces it back on focus */
/*top : 5em; /* The direction and value */
/*left : 2%; /* The direction and value */
/*background : #a0da7f; /* To style the link?s box (optional) */
/*border : 0.3em solid #000; /* To style the link?s box (optional) */
/*color : #fff; /* Link Styling (optional) */
/*z-index : 5; /* */


p.introduction:first-letter {
font-family:Georgia;color:#a70532;font-size:200%;font-weight:normal;line-height:80%;letter-spacing:-0px;} 

span.intro {
font-family:Georgia;color:#a70532;font-size:200%;font-weight:normal;line-height:80%;letter-spacing:-0px;} 

label,input {
display: block;
width: 150px;
float: left;
margin-bottom: 10px;
}


label {
text-align: right;
width: 75px;
padding-right: 20px;
}


br {
clear: left;
}