body {
	background: #FFF;
	color: #707070;
	text-align: center;
	font: normal 11px/18px Verdana, Arial, Tahoma, Verdana, sans-serif;
	padding: 0px;
	}
	
#container {
	outline: 0px solid black;
	width: 780px;
	margin: 0px auto 0px;
	padding: 0;
	text-align: left;
	}
	
div.spacer {
	clear: both;
	}
	
/************************************************
*	Typography				*
************************************************/

h1, h2.toptitle {
	margin: 0 0 10px 0;
	font: bold italic 11px/18px georgia, times, serif;
	color: #ff9a00;
	height: 1%
	}

#intro, .intro {
	margin: 0 0 25px 0;
	font: bold 24px/30px Verdana, Arial, sans-serif;
	color: #009ee0;
	}

h2 {
	margin: 0;
	font: bold italic 11px/18px georgia, times, serif;
	color: #ff9a00;
	height: 1%;
	}

p {
	margin: 0 0 1em 0;
	height: 1%;
	}

.tight p {
	line-height: 16px;
	}

h3 {
	font: bold 11px/18px Verdana, Arial, sans-serif;
	color: #009ee0;
	}

h4 {
	font: bold 11px/18px Verdana, Arial, sans-serif;
	margin: 0;
	padding: 0;
	}

#maincontent ul {
	list-style-image: url(../images/bullet.png);
	padding-left: 18px;
	}

img {
	float: left;
	}

img.right {
	float: right;
	}

img.indent {
	margin: 3px 0 0 -78px;
	}

img.indentc {
	margin: 6px 8px 0 0;
}

p.indent, h2.indent, h3.indent,h4.indent {
	margin-left: 78px;
	}

em {
	font-style: normal;
	font-weight: bold;
	}
	
hr {
	margin: 25px 0px;
	border:0;
	border-bottom: 2px dotted #009EE0;
	
}

/************************************************
*	Hyperlinks				*
************************************************/

#maincontent #rhcol .base a, #maincontent #lhcol .base a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	background-color: transparent;
	}

#maincontent #rhcol .base a:hover, #maincontent #lhcol .base a:hover {
	color: #BFDFEC;
	text-decoration: none;
	background-color: transparent;
	}

#maincontent a {
	color: #009ee0;
	border-bottom: 1px dotted #48B6E5;
	}

#maincontent a:hover {
	color: #48B6E5;
	border-bottom: 1px solid #48B6E5;
	background-color: #E6F5FC;
	}

.contactlist a {
	color: #707070;
	}

#maincontent a.noline {
	border: 0;	
	}

#maincontent a.noline:hover {
	border: 0;
	}

/************************************************
*	Masthead				*
************************************************/

#masthead {
	padding: 5px 15px;
	background: #FFF;
	outline: 0px solid red;
	height: 100px;
	position: relative;
	}

#masthead img.logo {
	position: absolute;
	top: 25px;
	margin-left: 30px;
	}

#masthead ul.contactlist {
	padding: 4px 8px;
	background: transparent;
	position: absolute;
	right: 45px;
	top: 25px;
	text-align: right;	
	}


/************************************************
*	Navigation      			*
************************************************/

#navigation {
	padding: 0px 40px;
	background: #FFF url(../images/menubg.png) center bottom no-repeat;
	height:25px;
	font: 12px Arial, Tahoma, Verdana;
	}

#navigation ul.mainnav {
	float: left;
	}

#navigation ul.mainnav li a {
	float:left;
	margin-right: 5px;
	width: 80px;
	}
	
#navigation ul.joinnav {
	margin-right: 7px;
	width:20%;
	float:right;
	outline: 0px solid red;
	display: inline;
	}

#navigation ul.joinnav li a {
	background: #ff9a00  url(../images/joinupoff.gif) top center no-repeat;
	width: 40px;
	float:right;
	}

#navigation ul.joinnav li a:hover {
	background: #ff9a00  url(../images/joinupon.gif) top center no-repeat;
	}

#navigation ul li {
	display: inline;
	}
	
#navigation ul li a {
	padding: 5px 10px 6px 10px;
	background: #c7c7c7 url(../images/nav-tab-bg.gif) bottom left repeat-x;
	color: #FFF;
	}

#navigation ul.mainnav li a:hover {
	background: #EEE url(../images/nav-tab-hover-bg.gif) bottom left repeat-x;
	}
	
#About .about, #Committee .committee, #Events .events, #Downloads .downloads {
	background: #ff9a00 !important;
	color: #FFF !important;
	}

/************************************************
*	maincontent        						    *
************************************************/

#maincontent {
	margin: 0 40px 0px 40px;
	padding: 15px 0 0 0;
	}

#About #maincontent, #Committee #maincontent, #Events #maincontent, #Downloads #maincontent {
	background: transparent url(../images/cornerpeel.gif) top right no-repeat;
	}

/************************************************
*	Footer           						    *
************************************************/

#footer {
	background: transparent;
	outline: 0px solid yellow;
	padding: 40px 50px 0 50px;
	clear: both;
	font: normal 9.5px/12px Verdana, Arial, Tahoma, Verdana;
	color: #B0B0B0;
	}
	

/************************************************
*	Page structure        					    *
************************************************/

#lhcol, .lhcol {
	float: left;
	display: inline;
	height: 100%;
	}

#About #lhcol, #Events #lhcol {
	width: 469px;
	margin: 0;
	padding: 0 10px 0 10px;
	border-right: 1px solid #f2f2f2;
	}

#About #lhcol .boxone, #Events #lhcol .boxone {
	width: 225px;
	float: left;
	display: inline;
	}

#About #lhcol .boxtwo, #Events #lhcol .boxtwo {
	width: 225px;
	margin-left: 240px;
	}

#About #rhcol, #Events #rhcol {
	width: 200px;
	margin: 0 0 0 490px;
	padding: 0;
	}

#Committee #lhcol, #Downloads #lhcol {
	width: 329px;
	padding: 0 10px 0 10px;
	border-right: 1px solid #f2f2f2;
	}

#Committee #rhcol, #Downloads #rhcol {
	width: 325px;
	margin: 0 0 0 350px;
	padding: 0 5px 0 10px;
	}

#About #rhcol .normals, #About #lhcol .normals, #Events #lhcol .normals, #Events #rhcol .normals {
	width: 180px;
	margin: 0 10px 14px 10px;
	}

#rhcol .sboxout {
	background: #FAFAFA url(../images/sboxout.gif) top left no-repeat;
	width: 180px;
	margin: 0 5px 14px 5px;
	padding: 1px 5px 0 5px;
	}

#rhcol p.base, #lhcol p.base {
	text-align: center;
	background: #009ee0 url(../images/sboxbase.gif) bottom left no-repeat;
	margin: 0 -5px 0 -5px;
	width: 180px;
	padding: 2px 5px 2px 5px;
	color: #FFF;
	}

.lboxout {
	background: #FAFAFA url(../images/lboxout.gif) top right no-repeat;
	width: 325px;
	margin-left: -5px;
	padding: 1px 5px 0 5px;
	}

#rhcol .lboxout p.base, #lhcol .lboxout p.base {
	text-align: center;
	background: #009ee0 url(../images/lboxbase.gif) bottom left no-repeat;
	width: 325px;
	padding: 2px 5px 2px 5px;
	color: #FFF;
	}

p.base a:hover {
	text-decoration: none;
	background-color: transparent;
	}

.qout {
	text-align: right;
}

.quoter, .quotel {
	width: 220px;
	margin-left: -5px;
	margin-top: 15px;
	padding: 8px 8px 1px 8px;
}

.quoter {
	background: transparent url(../images/quotebgr.jpg) top left repeat-y;
	text-align: left;
}

.quotel {
	float: right;
	background: transparent url(../images/quotebgl.jpg) top right repeat-y;
	text-align: right;
}

.quotefp {
	width: 170px;
	margin: -5px 0 5px 5px;
	padding: 8px 8px 1px 8px;
	background: transparent url(../images/quotebgr.jpg) top left repeat-y;
	text-align: left;
}

.qbod, .quotefp .qbod {
	font: bold 15px/20px Verdana, Arial, sans-serif;
	margin-bottom: 0px;
	color: #009ee0;
}

/************************************************
*	Join page          						    *
************************************************/

#Join #maincontent .lhcol {
	width: 180px;
	margin: 0;
	padding: 0 10px 0 10px;
	}

#Join #maincontent .lhcol h1 {
	margin-top: 15px;
	}

#Join #maincontent .rhcol {
	float: right;
	width: 493px;
	margin: 0 7px 0 0;
	padding:0;
	border: 0;
	background-color: #ff9a00;
	}

#Join #maincontent {
	background: #FFF;
	padding-top: 0;
	}

.fudge {
	clear: both;
	}

#form {
	margin: 0;
	padding: 0;
	text-align: left;
	}

div#form table {
	margin: 0;
	border: 0;
	padding: 0;
	border-collapse: collapse;
	color: #fff;
	width: 493px;
	}

#theevent {
	clear: both;
	margin: 0;
	}

.eventer {
	background: transparent url(../images/eventback.gif) 0 0 no-repeat;
	}

.eventin {
	background: transparent url(../images/eventin.gif) 0 0 repeat-x;
	}

.formText {
	text-align: right;
	margin: 0;
	}

div#form table tr {
	background-color: #ff9a00;
	margin: 0;
	}
	
div#form table td {
	padding:8px 10px;
	margin: 0;
	}
	
div#form table tr.sectionhead td {
	margin-top: 15px;
	padding: 3px 10px;
	background: #999;
	color: #FFF;
	font: bold 11px verdana, sans-serif;
	text-transform: uppercase;
	}
