/* c&g red #cc0000 */
/* orange  #ff6600 */
/* mango   #ff9933 */
/* green   #339900 */
/* lime    #66cc33 */
/* yellow  #ffcc33 */

body {
  margin: 0; padding: 0;
  font: 12px verdana, sans-serif;
  color: #444; background-color: #fff;
  text-align: center;
}

h1 {
  font-size: 100%; color: #555;
  text-align: left;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  margin: 0 0 1em 0; padding: 0;
}

h2 {
  font-size: 80%; color: #555;
  text-align: left;
  letter-spacing:0.2em;
  text-transform: uppercase;
  margin: 0 0 1em 0; padding: 0;
}

h3 {
  font-size: 80%; color: #555;
  text-align: center;
  letter-spacing:0.2em;
  text-transform: uppercase;
  margin: 0 0 1em 0; padding: 0;
}

a { text-decoration: none; }

a:link    { color: #c00; }
a:active  { color: #c00; }
a:visited { color: #c00; }
a:hover   { color: #ddd; }
		
#container {
  width: 750px;
  margin: 35px auto; padding: 0;
  text-align: left;
}
		
#side {
  float: left; width: 110px;
  margin-right: 10px; padding-bottom: 15px;
  font-size: 78%; line-height: 1.5em;
}

#nav {
  width: 110px;
  margin: 0; padding: 0;
  text-align: left;
  font-size: 100%;
}

#nav ul { margin: 0; padding: 0; list-style-type: none; }
#nav ul li { margin: 0; padding: 0; list-style-type: none; }
#nav ul li a { display: block; height: 17px; padding: 5px 0 0 3px; text-transform: uppercase; color: #aaa; }
#nav a:link.active, #nav a:visited.active { color: #000; }
#nav a:hover.active, #nav a:hover { background-color: #ccc; color: #fff; }

#nav2 {
  margin: 5px 0 5px 125px;
  text-align: left; color: #555; font-size: 75%;
}

#nav2 ul { margin: 0; padding: 0; list-style-type: none;}
#nav2 ul li { display: inline; margin: 0; padding: 0; }

#off { margin: -20px 0 0 3px; clear: left; }

#content {
  margin-left: 120px; padding: 15px;
  text-align: justify; font-size: 100%;
  background-color: #fff;
  border: 1px solid #eee;
}

#switcher { clear: both; height: 20px; margin-top: 120px; padding: 0; }
#switcher a img { float: left; margin-left: 3px; padding: 0; border-style: none; }
#spacer { height: 147px; }

#credit {
  float: right;
  margin: 5px 0;
  text-align: left; line-height: 11px;
  font: 9px verdana, sans-serif;
}
#credit a:hover { text-decoration: underline; }

#ss {
	width: 575px; height: 410px;
	margin: 0 auto 5px auto; padding: 3px;
	border: 1px solid #ccc;
}

#bl { float: left; height: 200px; margin: 0 15px 0 25px; }
#bm { float: left; width: 250px; height: 200px; margin-left: 25px; text-align: left; }

ul.nobul { list-style-type: none; margin: 0; padding: 0; }
ul.nobul li { margin: 2px 0; padding: 0;}

.caps { letter-spacing:0.1em; text-transform: uppercase; }
.main { margin: 0 auto; text-align: center; border: 1px solid #ccc; padding: 5px; background-color: #fff; }
.vignette { float: right; border: 1px solid #ccc; padding: 3px; background-color: #fff; margin-left: 15px; margin-bottom: 15px; }
.fr { margin-bottom: 25px; border: 1px solid #ccc; }
.clear { height: 0; clear: both; }
.sm { font-size: 70%; text-transform: uppercase; letter-spacing: 0.2em;}
.btfont { font-family: "Century Gothic", verdana, sans-serif; }

/*The styles below are grandfathered from the old site*/
td {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	}
.bold {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: bold
	}
li { 
	 list-style-type: square
	 }
.small {  
	font-size: 10px
	}