/*
HACKS
html>body FF
* html <=IE6 
*+html IE7
*/

body {font: 12px Georgia, "Times New Roman", Times, serif; text-align:center}

.clear {clear:both; height:1px; font-size:1px}

#wrapper {text-align:left; margin: 1em auto; width:51em;}
#sidebar {float:left; padding:1em;text-align:right; width:18em; }
#content {float:left; padding:1em 0 1em 1em;width:29em; line-height:1.5em;}

#index #sidebar {border-right:#000 solid 1px;}
#index #content div {float:left; text-align:center; padding:1em;}
#index #content a {color:#999; text-decoration:none;}
#index #content a:hover {color:#000;}
#index h3 {font-size:1.3em; font-weight: normal; margin:0.6em auto;}

#sidebar h1 {color:#B2B2B2; font-size:2.1em; font-weight: normal; margin:0.1em auto; word-spacing:-0.2em;}
#sidebar h1 span {color:#C93; }
#sidebar h2 {font-size:1.2em; font-weight: normal; margin:0 auto;}
#sidebar p {line-height:1.5em;}
#sidebar a:link {color:#036;}
#sidebar a:hover {color:#C93;}
#sidebar a:visited {color:#060;}
#sidebar ul {list-style:none;margin:5.6em auto 2em auto; line-height:1.8em;}
* html #sidebar ul {margin-top:6.1em;}
#sidebar li a {text-decoration:none;}
#sidebar li a:hover {text-decoration:underline;}

#content h2 {font-size:1.5em; color:#333; margin:1.5em auto 1em auto; letter-spacing:0.5em;}
#content h3 {font-size:1.2em; color:#C93; margin-bottom:0;}
#content h4 {font-size:1em; color:#C93; margin-bottom:0;}
#content h4 em {font-weight:normal;}
#content h5 {font-size:1em; color:#333; margin-bottom:0;}
#content a {color:#00C;}

#pics {background:#EDEDED; padding:1em; width:335px;}
#pics img { padding:0.5em;}

#links ul {padding:0;margin:0.5em 0 0 1em; list-style:square}
#links ul li {font-weight:bold; color:#333;}
#links ul li a {font-weight: normal;}

.quartet {font-size:1em; line-height:1.3em;}
.quartet div {clear:both; margin-bottom:1em; height:auto;}
.quartet img {float:left; padding:0 1em 0em 0;}
.quartet strong {display:block;}

#contact label {float: left; width: 6.5em;}
#contact input, #contact textarea, #contact select {display: block; margin-left: 6em; margin-bottom: 1em; width:15em;}
#contact p {font-size:1.3em}
#contact strong { display:block;}

#footer {color:#999; font-size:0.8em; margin-top:4em; text-align:center;}
#footer a {color:#999; text-decoration:none; }
#footer a:hover {text-decoration:underline; }

/* tabber */
.tabberlive .tabbertabhide {display:none;}
.tabberlive {margin-top:1em;}
ul.tabbernav {margin:0;  padding: 3px 0;  border-bottom: 1px solid #CCC;  font: bold 12px Verdana, sans-serif;}
ul.tabbernav li {list-style: none;  margin: 0;  display: inline;}
ul.tabbernav li a {padding: 3px 0.5em;  margin-left: 6px;  border: 1px solid #CCC;  border-bottom: none;  background: #EDEDED;  text-decoration: none;}
ul.tabbernav li a:hover {background: #CCC;  border-color: #227;}
ul.tabbernav li.tabberactive a {background: #fff;  border-bottom: 1px solid #fff;}
ul.tabbernav li.tabberactive a:hover {color: #000;  background: #fff;  border-bottom: 1px solid #FFF;}
.tabberlive .tabbertab {padding:5px;  border:1px solid #CCC;  border-top:0;}
.tabberlive .tabbertab h2 {display:none;}