html { height:100%; }
body {
	margin: 0px 0px 0px 0px;
	font-family: arial, helvetica, verdana;
	font-size: 1em;
	text-align: center;
	height:100%;
}

.note {
	font-style:italic;
	font-weight:normal;
	font-size:0.6em;
}

a:link {text-decoration: none; }

.footlink a, .footlink a:active .footlink a:visited { color:#fff; text-decoration: none; font-family:verdana, arial, helvetica; }
.footlink a:hover { text-decoration: underline; }

.options a, .options a:active .options a:visited { font-size:1.4em; font-weight:bold; color:#0070cc; font-family:verdana, arial, helvetica; }
.options a:hover { text-decoration: underline; }

a.adbtn, a.adbtn:active, a.adbtn:visited { font-family:verdana, arial, helvetica; font-size:0.6em; font-weight:bold; color:#000; }
a.adbtn:hover { text-decoration:underline; }

#pagecontainer {
	background-color: #fff;
	width: 768px;
	position: relative;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	border-style: solid;
	border-width: 0px 1px 0px 1px;
	border-color: #dfcfb3;
}

img#carilogo { float: right; }

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

div.logobutton {
	background-color: #e7ffbd;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 118px;
	height: auto;
	height: 58px;
	min-height:58px;
	margin: auto;
	border-width: 4px 1px 4px 1px;
	border-color: #000;
	border-collapse: collapse;
	border-style: solid;
	font-size: 12px;
}

div.logorow { display: table-row; width:130px; }

div.logobutton a, div.logobutton a:active div.logobutton a:visited {
	color:#000;
	text-decoration: none;
	font-weight: bold;
}

div.logobutton a:hover { text-decoration: underline; }

img.adleft1, img.adleft2, img.adright1, img.adright2 {
	display: block;
	margin-bottom: 8px;
}

.bold { font-weight:bold; }
.main-bg {
	background:url('/images/mainback.jpg') bottom repeat-x;
	padding-top:8px;
}
img.greenline {
	width:100%;
	height:2px;
	margin:2px 0 12px 0;	
}
.column {
	float:left;
	width:50%;
}
img.sectlogo {
	display:block;
	margin:10px auto;
}
.column .description {
	text-align:left;
	width:60%;
	margin:0 0 0 25%;
}
.description ul {
	padding-left:10px;
}

.members {
	color:#f00;
	text-align:center;
	margin-bottom:10px;
}

.greybox {
	float:left;
	width:40%;
	height:150px;
	margin:0 2.5%;
	padding:10px 2.5%;
	background-color:#d7f0d7;
	text-align:left;
}

.greybox ul {
	padding-left:10px;
}

.clearfix:after {
  content: ' '; 
  display: block;
  height: 0;
  line-height:0;
  clear: both;
  visibility: hidden;
}

h2.grade { margin-bottom:0; }

tr.hilite:hover {
	background-color:#ffd700 !important;
}

.quick-box {
	display:inline-block;
	background-color:#fff;
	text-align:center;
	width:60px;
	padding:2px 0;
	border:1px solid black;
	font-size:0.8em;
	font-weight:bold;
}

.content {
	/*background-color:#d7fdd8;*/
	background: -webkit-linear-gradient(#fff, #bffcc0); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#fff, #bffcc0); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#fff, #bffcc0); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#fff, #bffcc0); /* Standard syntax */
	font-size:.8em;
	font-family:verdana, arial, helvetica;
	text-align:left;
	padding:8px 15px 10px 15px;
}

.tab {
	float:left;
	height:31px;
	margin-right:4px;
}

.letter_row {
	margin:16px 0;
	text-align:center;
	font-size:14px;
}

.letter_row a, .letter_row a:active, .letter_row a:hover, .letter_row a:visited {
	color:#00f;
	text-decoration:none;
}

ul.menu {
	width:696px;
	list-style:none;
	text-align:center;
	padding:0;
	margin:16px auto 0;
}

ul.menu li.tab {
	display:inline-block;
	text-align:center;
	font-size:0.9em;
	color:#fff;
	background-color:#81b376;
	height:11px;
	padding:9px 0 11px 0;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;
	cursor:pointer;
}

ul.menu li.tab.selected {
	color:#000;
	background-color:#cefbc6;
	cursor:default;
}

ul.menu li.tab.home { width: 61px; }
ul.menu li.tab.smp { width: 200px; }
ul.menu li.tab.sfp { width: 180px; }
ul.menu li.tab.about { width: 85px; }
ul.menu li.tab.membership { width: 150px; }

/* Hides from IE-mac \*/
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
/* End hide from IE-mac */