* /*Set's border, padding and margin to 0 for all values*/
{
padding: 0;
margin: 0;
}
body, html {
color: #000; 
font-family:Tahoma, Geneva, sans-serif;
font-size:12px;
background-color: #fff; 
}
body {
min-width: 960px;
}
p {padding: 7px 0 7px 0;}

a {
color: #000099;
}
a:hover{
color: #0000FF;
text-decoration: none;
}

h1, h2, h3 {
font-weight: bold;
padding-bottom: 5px;
}
h1 {
font-size: 2em;
}
h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.50em;
	}
h3 {
		font-family:Arial, Helvetica, sans-serif;
		font-size:1.25em;
		}
h1 a, #header h2{
color: #fff;
}
.clear { clear: both; }
#mainContainer {
min-height: 300px;
background: #00000;
}
* html #mainContainer {
height: 300px; /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}

/**************************
CONTENT AND COLUMNS
**************************/
.outer {
border-left: 190px solid #fff; /*** This is the width and the color for our left column ***/
border-right: 170px solid #fff; /*** This is the width and the color for our right column ***/
}
* html .outer {
/*** No need for hacking IE on this layout ***/
}
.inner {
width: 100%; 
}
* html .inner {
/*** No need for hacking IE on this layout ***/
}
/*** div.inner is wider than its container, div.outer, and so overlaps to the right, pushing
div.right into the proper position. IE expands div.outer instead, requiring a Tan hack to avoid 
blowing the layout apart. IE gets the original 100% width as in the Livingstone layout. It blows 
my mind that all this hacking is being caused by the mighty Gecko engine! (shakes head ruefully)
***/
.float-wrap {
float: left;
width: 100%;
margin-left: -190px; /*** Same length as .outer border-left but with negative value ***/
}
* html .float-wrap {
/*** No need for hacking IE on this layout ***/
}
#content {
float: right;
background: #fff;
margin-right: -190px;  /*** Same length as .outer border-left but with negative value ***/
width: 100%;
}
* html #content {
position: relative;
}
.contentWrap{
padding: 5px;
}
.contentWrap ol, .contentWrap ul {
margin: 3px 0 5px 35px;
}
.contentWrap li {
padding-bottom: 2px;
}
/**************************
LEFT COLUMN
**************************/
/*** div.left is in div.float-wrap, and when div.float-wrap is neg margined to the left, 
div.left is carried over into the proper position. 
***/
#left {
float: left;
width: 190px;
min-height: 250px;
padding: 0px;
}
* html #left {
position: relative;  /*** IE needs this  ***/
height: 250px;
}
#left ul {
list-style: none;
padding-bottom: 4px;
}
#left li {
padding-bottom: 2px;
}
/*************************
RIGHT COLUMN
**************************/
#right {
float: right; 
width: 170px;
padding: 5px;
min-height: 250px;
margin-right: -170px; /** This negative margin-right value is the width of the right column + the padding, in this example 130px. ***/
}
* html #right {
height: 250px;
position: relative;  /*** IE needs this  ***/
}
#right ul {
list-style: none;
padding-bottom: 4px;
}
#right li {
padding-bottom: 2px;
}
/**************************
FOOTER
**************************/
#footer {
text-align: center;
background-color: #ccc;
font-size:10px;
padding: 5px;
}
#footer a{
padding: 5px;
text-decoration: none;
color:#666;
font-weight: bold;
}
#footer a:hover {
	color: #000;
}
/**************************
ADDED STYLES
**************************/
.tdrowgray {
		background-color: #ccc;
		}
#committeetable {
	}
#committeetable td {
	border: 1px solid #000;
	}
.photolist {
}
.photolist ul {
	list-style-type: none;
}
.photolist li {
	display:inline;
	padding-right: 10px;
}
#leftnav ul{
		margin:0;
		padding:0;
		list-style-type:none;
	}
	#leftnav li{
		list-style-type:none;
		display:block;
	}

#calendar {
}
#calendar table {
	width: 100%;
}
#calendar td {
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 12px;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}
#eventstable {
}
#eventstable table {
	width: 100%;
}
#eventstable td {
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.committee {
}

.committee table {
	width: 100%;
}

.committee td {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	vertical-align:top;
	
}
#subscriberlist {
}

#subscriberlist img {
	border: 0px;
}

#subscriberlist table {
	width: 100%;
}

#subscriberlist td {
	padding: 5px;
}

#contactinfo {
	font-size: 11px;
	text-align: center;
	padding-bottom: 3px;
}

.standardstable {
}

.standardstable table {
	width: 600px;
}

.standardstable td {
	padding-left: 5px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 3px;
}

/****************
New Committee Styles
****************/

.comCompany {
	width: 253px;
	height: 35px;
	vertical-align: top;
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
}

.comName {
	width: 151px;
	height: 35px;
	vertical-align: top;
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
}

.comPhone {
	width: 125px;
	height: 35px;
	vertical-align: top;
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
}

.comFax {
	width: 121px;
	height: 35px;
	vertical-align: top;
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
}

.comA {  /* TR Class for White */
	background-color: #fff;
}

.comB { /* TR Class for Gray */
	background-color: #efefef;
}

/* =Hoverbox Code
----------------------------------------------------------------------*/

.hoverbox
{
	cursor: default;
	list-style: none;
}

.hoverbox a
{
	cursor: default;
}

.hoverbox a .preview
{
	display: none;
}

.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: -33px;
	left: -45px;
	z-index: 1;
}

.hoverbox img
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	vertical-align: top;
	width: 100px;
	height: 75px;
}

.hoverbox li
{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 5px;
	position: relative;
}

.hoverbox .preview
{
	border-color: #000;
	width: 350px;
	height: 263px;
}