﻿body {background:#f7f7f7 url(/Graphics/page-background.jpg) repeat-y top center; margin:0; padding:0; font-family:"Trebuchet MS",Verdana,Tahoma,Arial,Sans-Serif; font-size:0.8em;}

/*##############TRICK ELEMENTS##############*/
hr.clear {clear:both; visibility:hidden;}
img {border:none;}
/*##############LAYOUT BITS##############*/
#page {width:800px; margin:0 auto; /*border:1px solid #ccc;*/ background-color:#fff;}

#header {width:800px; margin: 0 auto 0 auto;}

#header h1 {display:none;}

#wrapper {width:750px; margin:15px 25px; background-color:#F8EACD;}

#topnav {background-color:#ECC87E; padding:8px; margin-bottom:10px; text-align:right;}

#content {width:540px; float:right; margin-right:14px;}
#content a {color:#fc8d42; font-weight:bold;}

#homepage {width:750px; margin:15px 25px;}

#sidebar {float:left; width:170px;margin-left:10px; padding-top:15px;}

#footer {display:block;clear:both; width:750px; background-color:#e4e4e4; padding:10px 0; margin:15px 25px;}
#footer .vcard {display:block; width:27%; padding:0 10px;border-right:1px solid #000; float:left;}
#footer .vcard .org, #footer .type {font-weight:bold;}
#footer .clear {clear:left; float:none; text-align:center; width:100%; margin:0; padding:0; border:none; padding-top:20px;}

.colright, .colleft {float:left; width:45%;margin:0;padding:0;margin-bottom:15px;}
.colright ul, .colleft ul{padding:0; list-style-position:inside;}
.colright {margin-left:5%;}

/*##############HTML LINKS##############*/
a {text-decoration:none; color:#000;}
a:hover {text-decoration:underline; color:#ADB34A;}
    
/*##############HTML PARTS##############*/

h1 {font-size:180%; border-bottom:1px solid #000;}
/*##############SIDEBAR NAVIGATION##############*/
#sidebar ul {list-style:none; margin:0; padding:0; margin-left:4px; margin-top:2px; font-size:11px;}

#sidebar ul li {margin-bottom:2px;}

#sidebar ul ul {margin:0; padding:0; margin-left:10px; margin-top:2px; list-style:none; font-size:11px;}

#sidebar ul ul li {margin-bottom:2px;}

.clearfix, br, .clear {clear:both;}

/*##############FORM ELEMENTS##############*/
label, input, textarea {float:left; margin:0 10px 10px 0;}
label {width:150px;}
textarea {width:60%; height:200px;overflow:auto;}

/*##############HOMEPAGE ELEMENTS##############*/
.block-top {float:left; width:100%;}
.block {float:left; width:30%; margin-right:2%;}
.block ul {padding:0; margin:0; list-style:none;}
.block ul li a {display:block; padding:0 0.3em 0.3em 0;border-bottom:1px solid #ccc; text-decoration:none;}
.block ul li a:hover {border-bottom:1px solid #000; background-color:#F1F1F1; text-decoration:none; color:#000;}

.block-left {margin-left:2%;}

#section-1 {background-color:#F8EACD; margin-bottom:1em;}
#section-1 h1 {background-color:#ECC87E;margin:0;padding:0.3em;}
#section-1 li a {text-decoration:none; border-bottom:1px solid #ECC87E;}
#section-1 li a:hover {text-decoration:none;background-color:#ECC87E;}

.wrap {float:left;display:block;width:100%;}

#section-4 {float:left; width:49%; background-color:#EEE6E0; margin-bottom:1em;height:100%;}
#section-4 h2 {background-color:#DBBEAF;margin:0;padding:0.3em;border-bottom:1px solid #000;}
#section-4 li a {text-decoration:none; border-bottom:1px solid #DBBEAF;}
#section-4 li a:hover {text-decoration:none;background-color:#DBBEAF;}
#section-4 .block {float:none; width:auto; margin-left:2%;margin-right:2%;}

#section-5 {float:right; width:49%; background-color:#EEDDE3; margin-bottom:1em;height:100%;}
#section-5 h2 {background-color:#CA99A8;margin:0;padding:0.3em;border-bottom:1px solid #000;}
#section-5 li a {text-decoration:none; border-bottom:1px solid #CA99A8;}
#section-5 li a:hover {text-decoration:none;background-color:#CA99A8;}
#section-5 .block {float:none; width:auto; margin-left:2%;margin-right:2%;}

h1 a:hover, h2 a:hover, h3 a:hover {color:#333;}
h1 a, h2 a {text-decoration:underline;}
