/*MAIN BODY STYLE - Background, main colors, main margins, etc. */

body {
	background-color: #000042;
	font-size: 12px;
	line-height: 15px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	padding:0px;
	margin: 0px;
}
/* Default Style for all PARAGRAPHS */

p {
	line-height: 18px;
	text-align: left;
	margin-left: 15px;
	margin-right: 15px;
}

/*Default Style of all HEADINGS */

h1 {font-family: Times New Roman, Times, Serif;
	font-size: 24px;
	line-height: 26px;
	font-weight: bold;
	text-align: center;
	margin: 15px;
	color: #800000;
}
h2.light  {font-family: Times New Roman, Times, Serif;
	font-size: 18px;
	padding:10px;
	font-weight: bold;
	line-height: 20px;
	text-align:left;
	margin: 15px;
	background-color:#000080;
	color: #FFF;
}

h2 {font-family: Times New Roman, Times, Serif;
	font-size: 18px;
	font-weight: bold;
	line-height: 20px;
	text-align:left;
	margin: 15px;
	color: #800000;
}
h3 {font-family: Times New Roman, Times, Serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
	text-align:left;
	margin: 15px;
	color: #800000;
}
h5 {font-family: Times New Roman, Times, Serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	text-align:left;
	margin: 15px;
	color: #800000;
}

/* hyperlink colors */

a:link {color:#800000; text-decoration: none;}
a:active {color:#369; text-decoration: none;}
a:visited {color:#800000; text-decoration:none;}
a:hover {color:#369; text-decoration: none;}

a.ondark:link {color:#fff; text-decoration: underline;}
a.ondark:active {color:#369; text-decoration: none;}
a.ondark:visited {color:#D7F2FF; text-decoration:underline;}
a.ondark:hover {color:#369; text-decoration: none;}

/* Images - float left or right */
.floatleft {
	float: left;
	padding-right: 5px;
	padding-left: 5px;
}
.floatright {
	float: right;
	padding-right: 5px;
	padding-left: 5px;
}
.headerleft {float: left; width: 270px; padding-top: 10px}
.headerright {float: right;width: 700px; padding-top:10px}
/* bulleted lists */

ul li{
	line-height: 20px;
	padding-bottom: 5px;
	list-style-type: square;
	margin-right: 50px;
}
ol li{
	line-height: 20px;
	padding-bottom: 5px;
	margin-right: 50px;
}
/*different types of text formatting */

/* 12 pixel burgundy bold */

.emphasis {
	font-size: 12px;
	font-weight: bold;
	color: #800000;
}

/* 12 pixel burgundy bold and centered*/

.centeremphasis {
	font-size: 12px;
	font-weight: bold;
	color: #800000;
	text-align: center;
}
.note {
	color: red;
	font-weight: bold;
}
.notecenter {
	color: red;
	font-weight: bold;
	text-align: center;
}
.boldcenter {
	color: #000080;
	font-size: 18px;
	text-align: center;
	line-height: 22px;
}
.bold {
	color: #000080;
	font-size: 18px;
	line-height: 22px;
}

.smalltext {
	font-size: 10px;
	text-align: center;
	color: #fff;
}
.lighttext {color: #fff;
}

.italics {
font-style: italic;
color: #800000;
}
/* month heading on member to member events */
.month {
	background-color: #000080;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	width: 90%;
}
.monthcenter {
	background-color: #000080;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	width: 90%;
}
.redmonthcenter {
	background-color: #800000;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	width: 90%;
}


/* style with more space between letters */

.space {
	letter-spacing: 1px;
	font-size: 12px;
	text-align: center;
	color: #fff;
	font-weight: 700;
}

/* different alignment options */
.alignright {
	text-align: right;
}
.center {
	text-align: center;
	}

/* Main layout */

#container {
	border-bottom: 2px solid #900;
	width: 100%;
	padding: 0px;
	background-image: url('../images/strbkgde.gif');
	}
#textcontainer {
	border-bottom: 2px solid #900;
	width: 75%;
	padding: 0px;
	background-image: url('../images/strbkgde.gif');
	}

#2columntable {
	width: 100%;
}
.column2 {
	width: 75%;
	text-align: left;
}
.column3  {
	width: 25%;
	text-align: center;
}
#header {
	margin: 0px;
	padding: 0px;
	text-align: left;
	background-color: #000042;
	height: 110px;
	color: #FFF;
}
.main {	
	background-image: url('../images/strbkgde.gif');
 	border-left: 1px solid #006;
	width: 80%;
	background-color: #fff;
	text-align: left;
}
.leftside {
	background-image: url('../images/leftside.gif');
	background-position: right;
	background-color: #688AC2;
	background-repeat: repeat-y;
	width: 20%;
	height: 450px;
	}	
.rightside {
	background-image: url('../images/rightside.gif');
	background-position;left;
}
/* images */
}

/* images */
img {
border: 0;
}
/* home page only css */

#home {
	width: 747px;
	margin: auto;
	border-collapse: collapse;
	padding: 0px;
background-color: #000042;
}
.homebackground {
	background-color: #006;
	text-decoration: none;
}
#home th {
	color: #fff;
	padding: 10px;
	text-align: left;
	width: 747px;
	}

#home th {
	color: #fff;
	padding: 10px;
	text-align: left;
	width: 747px;
	}

#home td {
	width: 249px;
}
#home a {
	text-decoration: none;
}
.off1 {background-image: url("../images/HomePage/Member.jpg"); 
	height: 249px;
	width: 249px;
	}

.on1 {
	background-image: url("../images/HomePage/Member.jpg"); 
	filter:alpha(opacity=65);
	-moz-opacity:.65;
	opacity:.65;
	background-color: #000066;
		width: 249px;
}
.off2 {background-image: url("../images/HomePage/boardwalk.jpg");
	height: 249px;width: 249px; }

.on2 {
	background-image: url("../images/HomePage/boardwalk.jpg"); 
	filter:alpha(opacity=65);
	-moz-opacity:.65;
	opacity:.65;
	background-color: #000066;
		width: 249px;
}

.off3{background-image: url("../images/HomePage/Downtown-homepage.jpg");
	height: 249px; 	width: 249px;
 }

.on3 {
	background-image: url("../images/HomePage/Downtown-homepage.jpg"); 
	filter:alpha(opacity=65);
	-moz-opacity:.65;
	opacity:.65;
	background-color: #000066;
		width: 249px;
}
.home {
	font-family: Georgia, "Times New Roman", Times, Serif;
	font-size: 30px;
	text-align: center;
	margin: 0px;
	padding: 0px;
	line-height: 36px;
}
/* table formatting in forms*/
#MemberApp {
	width: 80%;
	margin: auto;
}
#MemberApp th {
	background-color: #404040;
	color: #fff;
	font-weight: bold;
}
#form {
	width: 80%;
	background-color: #fff;
	color: #000;
	margin: auto;
	}
#form td{
	border-bottom: 1px solid #800000;
	border-collapse: collapse;
	background-color: #fff;
	color: #000;
	padding: 10px;
	}
th.formhead {
	background-color: #006;
	color: #fff;
	text-align: center;
padding-top: 5px;
padding-bottom: 5px;
}	

/*table formatting - several different options - 
all of the "datatable" ids are for the different demographic tables.*/

/* Default table has left-aligned text */
td {
	text-align: left;
}

#normaltable {
	width: 90%;
	margin: auto;
	padding: 2px;
}
#normaltable td {
	border: 1px solid #000;
	background-color: #fff;
	font-size: 10px;
	width: 50%;
}
#datatable {
	width: 50%;
	margin: auto;
	padding: 2px;
	border: 1px solid #800000;
}
#datatable td {
	border: 1px solid #eaeaea;
	background-color: #fff;
	text-align: left;
	padding: 3px;
}
#datatable2 {
	width: 70%;
	margin: auto;
	padding: 2px;
	border: 1px solid #800000;
}
#datatable2 td {
	border: 1px solid #eaeaea;
	background-color: #fff;
	text-align: left;
	padding: 3px;
}
#datatable3 {
	width: 70%;
	margin: auto;
	padding: 2px;
	border: 1px solid #800000;
}
#datatable3 td {
	border: 1px solid #eaeaea;
	background-color: #fff;
	text-align: left;
	padding: 3px;
}
#datatable4 {
	width: 70%;
	margin: auto;
	padding: 2px;
	border: 1px solid #800000;
}
#datatable4 td {
	border: 1px solid #eaeaea;
	background-color: #fff;
	text-align: left;
	padding: 3px;
}
#datatable5 {
	width: 50%;
	margin: auto;
	padding: 2px;
	border: 1px solid #800000;
}
#datatable5 td {
	border: 1px solid #ccc;
	background-color: #fff;
	text-align: left;
	padding: 3px;
}
#ribboncuttingtable {
	width: 70%;
	margin: auto;
	padding: 2px;
}
#ribboncuttingtable td {
	font-size: 12px;
	border-bottom: 1px solid gray;
}
.awardtable {
	width: 40%;
	margin: auto;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	background-color: #fff;
	color: #800000;
}
#normalcenter {
	width: 80%;
	margin: auto;
}
#whtable {
	width: 95%;
	margin: auto;
	background-color: #fff;
	border: 1px solid #800000;
	border-spacing: 0px;
}
#whtable td {
width: 50%;
padding: 0px;
}
.whtableleft {
	border-right: 1px dashed silver;
}
h1.whtable {
	text-align: center;
	font-size: 30px;
}
h2.whtable {
	background-color: #000080;
	color: #fff;
	padding: 3px;
	line-height: 24px;
	margin: 0px;
	font-weight: normal;
	font-size: 24px;
}
ul.whtable {
	color: #800000;
	font-weight: bold;
	font-style: italic;
}
ul.table {
	color: #800000;
	font-size: 14px;
	font-weight: normal;
}
#committeetable {
	width: 70%;
	margin: auto;
	border: 0px;
	margin-top: 30px;
	}	
	
#boardtable {
	width: 70%;
	margin: auto;
	border: 0px;
	padding: 5px;
	}	
#boardtable td {
	padding-left: 0px;
}
#footer {
	width: 80%;
	margin: auto;
	color: #fff;
	text-align: center;
}	
/*Member Directory and Calendar formatting */

#detaildisplay {
	width: 50%;
	background-color: #fff;
	padding: 10px;
	border: 1px solid #800000;
	margin: auto;
	line-height: 20px;
}
.detaildisplay {
	margin: 0px;
	font-size: 18px;
	font-family: "Times New Roman", Times, Serif;
	color: #800000;
	font-weight: bold;
	margin-bottom: 10px;
}
#BusinessDirectory {
	width: 80%;
	margin: auto;
	padding: 2px;
	border: 1px solid #800000;
}
#BusinessDirectory td {
	border: 1px solid #eaeaea;
	background-color: #fff;
	text-align: center;
	padding: 3px;
}
.clickbelow {
	font-weight: normal;
	font-size: 10px;
}
.update {
	width: 20%;
	position: absolute;
	right: 0;
	float: right;
	text-align: center;
	border: 1px solid red;
	padding: 4px;
	color: red;
	font-size: 10px;
	background-color: #fff;
}

.lighttext a:link {color: #fff}
.lighttext a:active {color: #369}
.lighttext a:visited {color: #fff}
.lighttext a:hover {color: #369}