/* CSS Document */
@font-face {
	font-family: "Contra";
	src: url(../fonts/contra.ttf) format("truetype");
}
@font-face {
	font-family: "Contra Italic";
	src: url(../fonts/contra-italic.ttf) format("truetype");
}
@font-face {
	font-family: "Fontin Sans Bold";
	src: url(../fonts/Fontin_Sans_B_45b.otf) format("opentype");
}

html, body {margin:0;}

body {
	font-family: Contra, Georgia, serif;
	background-color: #99cc99;
	background-image:url(../images/woodfloor.vert.jpg);
	background-attachment:fixed;
	font-size:14px;
	line-height: 150%;
	color: #333;
}
#pagewrapper {
	width: 920px;
	margin: 0 auto;
	}
#header {
	position:fixed;
	top:0;
	background-color:#99cc99;
	background-image:url(../images/woodfloor.vert.jpg);
	width: 920px;
	height: 125px; /* allows content to be in shadow */
	margin: 0 auto;
	}

#navbar {
	font-family: Verdana, Helvetica, sans-serif;
	font-size:11px;
	text-align:center;
	padding:4px 0 0px;
	position:relative;
	top:-48px; /* raises the navbar from its normal pos. below the header */
	}	
	
#content {
	margin: 125px auto 30px; /* top margin should match or be close to header height */
	padding: 20px 10px 10px;
	width: 645px;
	background:#fff;
	border-right: 2px solid #333;
	border-bottom: 3px solid #333;
	border-left: 1px solid #666;
	}
	
#colRight {
	width: 360px; 
	float:right; 
	min-height:100%; 
	background:#fff;
	padding: 0 20px 0 25px;
	margin:0;
	border-left: 1px solid #030;
	}
#colLeft {
	width: 200px; 
	float:left; 
	margin:0 0 0 5px;
	padding:5px 10px;
	font:82%/1.4em Verdana, sans-serif;
	}
#colLeftGreen {
	width: 190px; 
	float:left; 
	margin:0 0 0 5px;
	padding:5px 10px;
	background-color:#9c9;
	color:#000;
	font:82%/1.4em Verdana, sans-serif;
	border-top:2px solid #fff;
	border-right:2px solid #999;
	border-bottom:2px solid #999;
	border-left:2px solid #FFF;
	}
#colLeftPhotos {
	width: 190px; 
	float:left; 
	margin:0 0 0 5px;
	padding:5px 10px;
	background-color:#fff;
	color:#333;
	font:82%/1.4em Verdana, sans-serif;
	text-align:center;
	}


#footer {
	clear:both;
	padding: 10px 10px 0	;
	font-family: Verdana, sans-serif;
	font-size: 0.7em;
	line-height: 1.5em;
	color:#333;
	text-align:left;
	}	
#footer hr {
	margin:0;
	margin-bottom: -5px;
	border:0;
	border-top: 1px solid #030;
	height: 1px;
	width:620px;
	 }	
#HATDS-logo {
	margin: -20px auto 20px;
	}

strong {
	font-family: Verdana, sans-serif;
	font-weight:bold;
	font-size:90%;
	}

#header h1 {
	text-align:center; 
	font: 2.5em Verdana, sans-serif;
	display:none;
	}

h2,h3 {
	font-family: "Fontin Sans Bold", Verdana, sans-serif;
	color: #050;
	margin-top:0;
	line-height:1.2em;
	}
	
h4 {
	font-family:Verdana, sans-serif;
	font-size: 1.0em;
	color: #555;
	font-weight:bold;
	line-height: 1.0em;
	margin-bottom: -0.5em;
	}
	
h2 {font-size: 1.8em;	margin-top: 0; margin-bottom: -0.5em;}
h3 {font-size: 1.5em; 	margin-bottom: -0.4em;}

#colLeftGreen h3, #colLeftGreen h4, #colLeft h3, #colLeft h4  {
	font-family: Verdana, sans-serif;
	color:#050;
	margin-top:0;
	}
#colLeftGreen h3, #colLeft h3 {
	font-size: 1.3em;
	}	
#colLeftGreen h4, #colLeft h4  {
	font-size: 1em;
	}
	
blockquote {
	margin:0 2em;
	font-size:90%;
	}
.lastUpdate {
	font-family: Verdana, sans-serif;
	font-size: 0.7em;
	line-height: 1.5em;
	clear: both;
}

#colLeft p.quote, #colLeftGreen p.quote {
	font-family: Verdana, sans-serif;
	font-style: oblique;
	line-height: 1.6em;
	clear: both;
}	
.smallcaps {font-variant:small-caps;}

li {margin-left:-2em;}

tr, th, td {
	font-family:Verdana, sans-serif;
	font-size: 12px;
	vertical-align:top;
	padding:2px;
	border:1px solid #060;
	}

th {
	color: #FFFFFF;
	background-color: #006600;
	text-align:left;
	}
	

#navbar a, a:visited {
	padding:3px 1px;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	}
#navbar a:hover {
	background-color:#050;
		}	
#header a, a:hover {
	background-color:transparent;
	text-decoration:none; 
	border:0;
}

a, a:link, a:visited {
	padding:0;
	text-decoration:none;
	color:#333;
	font-weight:normal;
	border-bottom: 1px dotted;
	}
a:hover {
	border-bottom:2px solid #060;
	}	


/* registration pages styles */
#oneCol {margin: 0 6%;}

.regTable {min-width:100%}
.regTable table,
.regTable tr,
.regTable th,
.regTable td {
	border:0;
	}

.lightGray {
	background-color: #ededed;
}
.greenTH {
	background-color: #497B51;
	font-weight: bold;
	color: #FFFFFF;
	letter-spacing: .05em;
}
.grayTH {
	background-color: #777;
	font-weight: bold;
	color: #FFFFFF;
	letter-spacing: .05em;
}
.yellowTH {
	background-color: #FFEF00;
	font-weight: bold;
	color: #000;
	letter-spacing: .05em;
}
.navBar {
	font-family: Verdana, sans-serif;
	font-size:90%;
	color: #993300;
}
.thisPage {
	font-family: Verdana, sans-serif;
	font-size:90%;
	color: #993300;
	font-weight: bold;
}
.red {color: #cc0000; }
.right {text-align:right}
.redright {color:#C00; text-align:right;}
.redbold {
	color: #FFFFFF;
	font-weight: bold;
	background-color: #cc0000;
	padding: 3px;
}