@charset "utf-8";

body { margin:0; font:76% Arial, Helvetica, sans-serif;}
h1{ background-color:#633E78; font:bold 1em Georgia, "Times New Roman", Times, serif; margin:0;}
h2{ background:url(bg.gif) no-repeat;  padding:.4em 0;  font:bold 1.5em  "Trebuchet MS"; width:379px; margin:1em auto; text-align:center;}
h2 a{ text-decoration:none; color:#FFF;}
h3{ font:bold 1.3em  "Trebuchet MS"; margin:0;}
small{ font:bold 1em  "Trebuchet MS";}
#container{ width:777px; margin:0 auto;}

#header{ background:url(banner.jpg) no-repeat; height:226px;}
#header img{ padding:18px 20px;}
ul#links{ margin:0; padding:0;}
ul#links li{ list-style:none; float:left;}
ul#links li a{ text-decoration:none; background:url(button.gif) no-repeat; color:#240235; padding:3px 2em 4px 2em; margin:0 1em; font:bold 1.4em "Trebuchet MS";}
ul#links li a:hover{background:url(over.gif) no-repeat; color:#FFF;}

#middle{ border:2px solid #D8C3E4; margin:.5em 0;}
#middle img { float:left; margin:0 2em 10px 0;}
#middle p{ margin:1em;}
ul.lefty { margin:0 0 4em 0; padding:0; float:left;}
ul.lefty li{list-style:none; background:url(bullet.gif) no-repeat 0 50%; padding:.5em 2em;}
.left { float:left;}
.righty { float:right;}
#footer{ background-color:#633E78; text-align:center; clear:both; padding:1em; color:#FFF;font-weight:bold;}
#footer a{ text-decoration:none; color:#FFF; font-weight:bold;}


/*......................Bugs......................*/
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
.clear{ clear:both; height:5px;}