body
{
    margin: 0 0 0 0;
    padding: 0;
    background: #bcd3c7;
}

html, body
{
    height: 100%;
}

img
{
	border: 0px none;
	padding: 0px;
	white-space: normal;
}

a:link
{
    color: #1C4E57;
    font-weight: bold;
    text-decoration: none;
}
a:visited
{
	color: #4B5280;
	text-decoration: none;
	font-weight: bold;
}
a:hover
{
    color: #999999;
    font-weight: bold;
    text-decoration: none;
}
a:active
{
    color: #F9AF28;
    font-weight: bold;
}

/* Form elements */
form
{
    margin: 0 0 0 0;
}

input, textarea, select
{
	color: #000000;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
}

select {
	background-color: #ce8773;
	text-align: left;
	text-indent: 5px;
	color: #000000;
}

input
{
    background-color: #ffffff;
    text-indent : 2px;
}

p
{
    margin-top: 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
}

.caption
{
	text-align: left;
	font: 10px/14px Verdana, Arial, Helvetica, sans-serif;
	vertical-align: top;
}

.details
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-align: justify;
}

.title
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
}

div#topPane
{
    position: relative;
    width: 780px;
    height: 92px;
    background: #bcd3c7;
}

img#logo
{
    position: relative;
    left: 6px;
    top: 4px;
    width: 182px;
    height: 85px;
}


div#nav1
{
    position: absolute;
    left: 268px;
    top: 0px;
    width: 500px;
    height: 14px;
}

img#contactUs
{
    position: relative;
    left: 0px;
    top: 0px;
    width: 92px;
    height: 14px;
}

img#FAQ
{
    position: relative;
    left: 34px;
    top: 0px;
    width: 54px;
    height: 14px;
}

img#receiveNews
{
    position: relative;
    left: 68px;
    top: 0px;
    width: 161px;
    height: 14px;
}

div#receiveNewsForm
{
    position: absolute;
    z-index: 2;
    left: 588px;
    top: 17px;
    width: 187px;
    height: 21px;
}

input#receiveNewsInput
{
    position: absolute;
    left: 0px;
    top: 1px;
    width: 162px;
    height: 20px;
}

input#receiveNewsButton
{
	position: absolute;
	left: 165px;
	top: 0px;
	width: 20px;
	height: 21px;
	background-image: url(../images/nav/receiveNewsButton.gif);
}

div#nav2
{
    position: absolute;
    left: 229px;
    top: 25px;
    width: 472px;
    height: 67px;
}

img#eventsPrograms
{
    position: relative;
    left: 0px;
    top: 0px;
    width: 115px;
    height: 67px;
}

img#directionsInformation
{
    position: relative;
    left: 32px;
    top: 0px;
    width: 81px;
    height: 67px;
}

img#membershipOpportunities
{
    position: relative;
    left: 68px;
    top: 0px;
    width: 91px;
    height: 67px;
}

img#aboutCentre
{
    position: relative;
    left: 118px;
    top: 0px;
    width: 69px;
    height: 54px;
}

div#baseArea
{
    position: relative;
    left: 0px;
    top: 0px;
    width: 780px;
    height: 2500px;
    background: #e7d9a9;
}

div#leftPane
{
    position: relative;
    float: left;
    left: 10px;
    top: 10px;
    width: 176px;
    height: 100%;
    background: #bcd3c7;
    background-image: url('../images/leftPane_background.jpg');
    background-repeat: no-repeat;
}

div#leftPaneCopy
{
	position: relative;
	left: 5px;
	top: 7px;
	width: 165px;
	text-align: right;
}

img#sponsor1
{
    position: relative;
    left: 7px;
    top: 5px;
    width: 162px;
    height: 240px;
}

img#sponsor2
{
    position: relative;
    left: 7px;
    top: 10px;
    width: 162px;
    height: 76px;
}

img#sponsor3
{
    position: relative;
    left: 7px;
    top: 15px;
    width: 162px;
    height: 76px;
}

img#sponsor4
{
    position: relative;
    left: 1px;
    top: 20px;
    width: 174px;
    height: 76px;
}

div#contentArea
{
	position: absolute;
	left: 11px;
	top: 34px;
	width: 764px;
	text-align:right;
	height: 2022px;
}

div#headerArea
{
	position: relative;
	top: 10px;
	width: 567px;
	height: 20px;
	float: right;
	padding-bottom: 20px;
}

div#copyPane
{
    position: absolute;
    left: 0px;
    top: 5px;
    width: 500px;
    text-align:right
}

div#selector
{
    position: absolute;
    z-index: 2;
    top: 10px;
    width: 567px;
    height: 30px;
}
.credit {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	text-align: right;
}
.photoCredit {
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	text-align: right;
	padding: 2px 1px 5px 2px;
}
.smallCaps10pt {
	font: bold small-caps 10px Verdana, Arial, Helvetica, sans-serif;
	color: #990000;
	text-align: right;
	list-style: disc;
}
.flushRight10pt {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #990000;
	text-align: right;
}
.Heading12Pt {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	text-align: left;
}
.grayCentre10Pt {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	text-align: center;
}
.headRed12pt {
	font-size: 12px;
	font-weight: bold;
	color: #990000;
	text-align: left;
	vertical-align: top;
}
.imageLeft {
	padding: 5px 15px 5px 0px;
	border-right: 15px;
	float: left;
	border-top: 5px;
	border-bottom: 5px;
}
.imageRight {
	padding-bottom: 5px;
	padding-left: 15px;
	border-bottom: 5px;
	border-left: 15px;
}
.indented {
	font: 10px/12px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	text-align: left;
	text-indent: 15px;
}
.darkBG {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #FFCC99;
	background: #990000;
	text-align: left;
	vertical-align: top;
}
.table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 10px;
	width: 750px;
	position: absolute;
	top: 130px;
}
.bodyCopy {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	vertical-align: top;
}