/*Based on: Variant Trio (v1.0 - Oct 28, 2010) plus some code borrowed from Variant Multi (alt) (v1.0 - Dec 22th, 2010)  - Free xhtml/css website templates by Andreas Viklund.
For more information, see http://andreasviklund.com/templates/variant-trio/
*/

/* Main containers */
body 
{
background:#99ff99; 
color:#000;
padding:0; 
margin:0;
font:95% Verdana, Tahoma,  Arial,sans-serif; 
text-align:center; 
line-height:1.5em;
}

#wrap {
width:980px; 
text-align:left; 
margin:0 auto;
}

/* Header Area */
h1.banner 
{
margin:10px 10px 0 auto; 
padding:0 ; 
font-size:3em; 
font-weight:400;
font-family: Lucida Calligraphy ,Vivaldi, Imprint MT Shadow, serif;
color: #008000;
letter-spacing:-1px; 
line-height:1.6em;
}

#headerimage 
{
clear:both;
width:980px; 
height:275px; 
margin:0 0 40px 0; 
overflow:hidden; 
border:2px solid #008000;
}

/* HTML Tags */
h1 
{
margin:5px auto 10px auto; 
padding:0; 
font-size:2.3em; 
font-weight:400;
color:#008000; 
letter-spacing:-1px; 
line-height:1.2em;
font-family:Georgia,Times New Roman,serif;
}
h1 a {font-weight:600;color:#008000; }
h2 {margin:0 0 12px 0; padding:0 0 8px; color:#CC00CC; font-size:1.6em; 
font-weight:400; border-bottom:1px solid #FFC7E7;}
h2 a {font-weight:600;}
h3 {font-size:1.6em; font-weight:400; margin:0 0 10px 0; padding:2px 0; color:#CC00CC; font-size:1.2em; font-weight:400; border-bottom:1px solid #FFC7E7;}

h2.greenb
{
color:#004C00;
font-size:1.4em;
font-weight:500;
margin:0 0 5px;
font-family:Tahoma,Arial,Verdana,sans-serif;
background:#66FF66;
padding:8px;
}
h2.purpleb
{
color:#660066;
font-size:1.4em;
font-weight:500;
margin:0 0 5px;
font-family:Tahoma,Arial,Verdana,sans-serif;
background:#FFC7E7;
padding:8px;
}

a {text-decoration:none; font-weight:400; color:#660066;}
a:hover {text-decoration:underline;}
a img {border:0;}

p {margin:15px 0;padding:0 10px;}
blockquote{margin: 15px 0;line-height:1.1em; font-size:0.9em}
ul {margin:0 0 15px 20px; padding:0;}
li {margin:0; padding:0 0 0 5px;}

/* Top menu */
#topmenu {text-align:right;margin-top:-37px;}
#topmenu p {font-size:1.1em; line-height:1.5em; color:#00A600; margin:0 0 25px 0;}
#topmenu a {padding:6px 5px 5px 5px; font-weight:400; margin:0 0 0 2px; color:#555;}
#topmenu a:hover {background-color:#00B200; color:#73FF73; text-decoration:none;}
#topmenu a.active {background-color:#008000; color:#99ff99;}
#topmenu a.active:hover {background-color:#008000; color:#fff;}

/* Sidebar */
#sidebar {width:180px; float:right; margin:0; padding:0; color:#555;font-size:1em;}
#sidebar h2 {font-size:1.6em; padding-bottom:3px; border-bottom:2px solid #800080; margin-bottom:5px;}
#sidebar h4 {font-size:1em; font-style:  italic; padding:3px; margin-bottom:5px;font-family:Arial,sans-serif;}
#sidebar ul {list-style:none; margin:0 0 15px 0;}
#sidebar li {padding:5px; margin:0;}
#sidebar ul.sidemenu {width:200px; padding:0; margin:0 0 20px 0; }
#sidebar ul.sidemenu li a {color:#555; display:block; padding: 0; margin:0;}
#sidebar ul.sidemenu li a:hover {color:#222; text-decoration:none;background-color:#CCFFCC; }
#sidebar ul.sidemenu li a.active {color:#a13538;}
#sidebar ul.sidemenu ul {width:180px; padding:0; margin:0 0 0 20px;}
#sidebar ul.sidemenu ul li a {padding:2px 0; margin:0; font-size:0.9em;}

/* Content area */
#content {
background:#fff; 
text-align:left; 
padding:0 5px; 
margin:0 215px 15px 0; 
border:2px solid #ddd; 
width:780px;
}

#content img {margin:5px 0;}

.scrollArea
{
width: 98%;
height: 125px;
padding: 0 10px;
margin: 10px 0 0 0; 
overflow: auto;
border-style: none;
border-width: 1px;
border-color: purple;
font-family:verdana;
font-size: .9em;
}

.quotebox{
background-color:#E6FFE6;
border:2px solid #008000; 
clear:left;  
line-height:1.5em; 
margin:15px 0; 
padding:10px; 
width:95%;
}

.quotebox p {margin:10px 0; padding:0;font-weight:400; }

.quotebox h2 {
font-size:1.2em; 
font-weight:300; 
margin:0 0 5px 0; 
padding:2px 0; 
color:#006600;
}

.quotebox h3 {
font-size:1.1em; 
font-weight:300; 
margin:0 0 5px 0; 
padding:2px 0; 
color:#006600;
border-bottom:1px solid #006600;
}

/* Table for Calendar */

table
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
width:100%;
border-collapse:collapse;
}
td,  th 
{
font-size:1em;
border:1px solid #98bf21;
padding:1px 10px;
text-align:left; 
vertical-align:bottom;
}
th
{
color:#009900;
font-family:Georgia,Times New Roman,serif;
}
.month{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;color:#009900;font-weight:800;font-size:105%;}

#lower{background:#FFC7E7; margin:0 auto;padding:0 2px;border:1px solid #ff00ff;font-size:0.9em;line-height:1.1em;}
#lower h2{color:#008000;font-weight:500;font-size:1.5em;}
#lower h3{color:#A63273;font-weight:500;font-size:1.2em;
 padding-bottom:1px; border-bottom:1px solid #A63273; margin-bottom:15px;}
#lower h4{color:#000;font-weight:600;font-size:1.0em; margin-bottom:5px;}
#lower p{color:#555;margin:0 0 5px 0;padding:0;}
#lower ul{border-top:1px solid #aaa;list-style:none;margin:0 0 15px 0;padding:0;}
#lower ul li{padding:0;margin:0;}
#lower ul li a{border-bottom:1px solid #aaa;color:#333;display:block;padding:7px 10px;text-decoration:none;}
#lower ul li a:hover{background-color:#eee;}

#lowersections{display:block;margin:0 auto;}
#lowersections .half{float:left;margin:0 4% 0 0;width:47%;}
#lowersections .lasthalf{float:left;margin:0;width:50%;}
#lowersections .quarter{float:left;margin:0 4% 0 0;width:30%;}
#lowersections .lastquarter{float:left;width:30%;margin:0;}
#lowersections .third{float:left;margin:0 4% 0 0;width:30%;}

/* Footer Menu */
#bottomnav {
background:#99FF99;
color: #004C00;
text-align:center; 
padding:2px; 
border:2px solid #008000; 
width:99%;
margin-top:10px;
font-size: 0.9em;
}
#bottomnav a {text-decoration:none; font-weight:500; color:#004C00;}
#bottomnav a:hover {text-decoration:underline;}
#bottomnav a.active {background-color:#4DFF4D; }

/* Various classes */
.textbutton{background:#FFC7E7; padding:2px 4px; border:1px  solid #660066; }
.full, .left, .right {overflow:hidden;}
.full {clear:left; margin:15px 15px 0 15px; width:750px;}
.left {float:left; margin:15px 0 5px 15px; width:365px;}
.right {float:right; margin:15px 15px 5px 0; width:365px;}
.small{font-size:0.6em;}
.smaller{font-size:0.85em;}
.bold {font-weight:700;}
.clear {clear:both; width:980px; visibility:hidden;}
.hide {display:none;}

.picleft {float:left; margin:2px 10px 2px 0;}
.picright {float:right; margin:2px 0 2px 15px;}
.piccenter { display: block;   margin-left: auto;   margin-right: auto; }
.textright {float:right;text-align:right; margin: 0;}
.center {text-align:center;}

/* Footer */

#footer{
font-size:0.9em; 
clear:both;
width:980px; 
line-height:1.4em; 
color:#006600; font-weight:400; 
margin-bottom:10px;
}

#footer a {
color:#777; 
font-weight:400; 
text-decoration:none; border-bottom: 1px dotted #888;
}