body {
font-size:100%; 
color: #000000; 
margin: 0; 
padding: 0; 
background:url(Images/waves.jpg) 0 0 repeat fixed;
}

html>body {
font-size: 16px; // IE can’t read this
}

img.banner {
text-align:center;
padding: 2px;
margin: 0px;
border-style: groove;
border-color:#455b83;
border-width:5px;
}

table.bannertable {
width: 100%;
padding:0px;
margin:0px;
border:0px;
} 

td.bannertable {
border:0px;
padding:0px;
margin:0px;
text-align:center;
}

p {
font:0.9em Trebuchet, Verdana, Arial, Helvetica, sans-serif; 
color: #000000; 
margin: 0 1em 1em;
}

p.subhead {
font:1.1em Trebuchet, Verdana, Arial, Helvetica, sans-serif; 
color: #000000; 
text-align: center; 
margin-top: 0px;
}

p.byline {
font: italic 15px Trebuchet, Verdana, Arial, Helvetica, sans-serif; 
color: #000000; 
text-align: center; 
margin: 0 1em 1em;
}

h1 {
color: #07173B; 
font: italic bold 30px/0px Arial, sans-serif; 
text-align: center;
} 

h2 {
color: #162550; 
font: bold italic 20px/15px Trebuchet, sans-serif; 
text-align: center; 
vertical-align:text-top;
} 
 
h3 {
color: #930; 
font: 12px Arial, sans-serif; 
text-align: center;
}

h4 {
color: #000000; 
font: 24px Trebuchet, Verdana, sans-serif; 
text-align: center; 
margin-top: 0px;
}
h5 {
font: 16px Verdana, Arial, Helvetica, sans-serif; 
color: #000000;
}

h6 {
color: #000000; 
font: bold 16px Trebuchet, Verdana, sans-serif; 
text-align: left; 
margin-top: 0px; 
margin-bottom: 0px;
margin-left:1em;
margin-right: 1em;
}

#outercontainer {
position:absolute;
width:90%;
margin-top: 50px;
margin-bottom:50px;
margin-left: 5%;
margin-right: 2%;
border: 5px solid #FC9;
background: #E2EEFD;
}
	
#banner {
position: relative;
left:0px;
float: left;
width: 100%;
background: #647CAA;
border-bottom:5px solid #FC9;
}

#banner a:link {
text-decoration:none; 
outline:none;
}

#banner a:active {
text-decoration:none; 
outline:none;
}

#banner a:hover {
text-decoration:none; 
outline:none;
}

#toptabs {
position: relative;	
top: 0px; 
left: 24%;
z-index: 10;		
width: 76%;			         
float: left;
font-size: 1em;
font-family: helvetica, arial, geneva, sans-serif;
}
	
#toptabs table {
	font-size:100%;
	width: 61%;
	border-spacing: 10px;
	}
	
#toptabs td
	{
	width: 15%;
	padding: 2px 5px;
	border: thin solid black;
	text-align: center;
	background-color: #B1C0DF;
	margin: 15px;
	}


#toptabs td a:link, #toptabs td a:visited, #toptabs td a:active			/* all menus at rest */
	{
	color: #07173B;
	background-color: #B1C0DF;
	text-decoration: none;				       /* removes underlines from links */
		}

#toptabs td a:hover				             /* all menus on mouse-over */
	{
	color: white;
	background-color: #627DAC;
	text-decoration: none;		
	}	

#toptabs td.biggie:hover
{
background:#627DAC;
}	
	
#toptabs form
{
font-size:100%;
float:right;
}

div#mainleft {
position: relative;
width: 100%;
float: left;
background:#fff;
z-index: 5;
}	


/* CSS Popout menuv */

#menuv		                                 /* position, size, and font of  menu */
	{	
	position:absolute;	
	top:0px;
	z-index: 25;		
	/*width: 8em; */				          /* [1] width of menu item (i.e., box) */
	text-align: center;
	font-size: 1em;
	font-family: helvetica, arial, geneva, sans-serif;
	}

#menuv a
	{
	width: 100%;
	display:block;	
	padding-top: 0.2em;						/* expands menu box vertically*/
	padding-bottom: 0.2em;
	border-bottom:1px solid #555;		/* adds bottom border */
	border-left: 1px solid #555;
	border-right: 1px solid #555;
	white-space:nowrap;
	}

#menuv a, #menuv a:visited				/* all menus at rest */
	{
	color: #07173B;
	background-color: #B1C0DF;
	text-decoration:none;				       /* removes underlines from links */
	}

#menuv a.parent, #menuv a.parent:hover 	/* attaches parent-arrow on all parents */
	{
	background-image: url(nav_white.gif);
	background-position: right center;
	background-repeat: no-repeat;
	}

#menuv a:hover				             /* all menus on mouse-over */
	{
	color: white;
	background-color: #627DAC;
	}
	
#menuv li
	{font-size:100%;
	list-style-type:none;		            /* removes bullets */
	}

#menuv ul li
	{
	position:relative;
	}

#menuv li ul
	{
	position: absolute; /* don't change to relative*/
	top: 0;
	left: 8em;		  /* distance from left menu (this should be the same as width value in #menuv [1]) above */
	display: none;
	}

div#menuv ul, #menuv ul ul, div#menuv ul ul ul
	{
	margin:0;				               /* keeps the menu parts together */
	padding:0;
	width: 8em;			         /* width of sub menus  (this should be the same as width value in #menuv [1]) above */
	}

div#menuv ul ul, div#menuv ul ul ul, div#menuv ul li:hover ul ul, div#menuv ul li:hover ul ul ul
	{
	display: none;
	}

div#menuv ul li:hover ul, div#menuv ul ul li:hover ul, div#menuv ul ul ul li:hover ul
	{
	display: block;
	}


div#maincenter {
position: relative;
width: 73%;
float: right;
background:#fff;
border-top: medium double black;
margin: 0;
padding:10px;
z-index: 2;
}	

td.content {
	width:66%;
	border-width: 0px 0px 0px 0px;
	border-style: none solid none none; 
	background-color: white;
	padding: 0px 15px 0px 15px;
	vertical-align:text-top;
}

td.whatsnew {
	width:33%;
	border:1px solid black;
	background-color:#CED9E7;
	padding: 0px;
	vertical-align:text-top;
}

h4.whatsnew {
	font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-style:italic;
	font-size: 2em;
	color:#162550;
	border-style: double;
	border-color:#455b83;
	border-width: 0px 0px 3px 0px;
	padding: 0px;
	margin-bottom: 0.5em;
}

p.whatsnew {
	font: 1em Lucida Sans Unicode, Lucida Grande, sans-serif;
	text-align:center;
	}
	
td.facebook {
	width:33%;
	border:none;
	background-color: white;
	padding:0px;
	vertical-align:text-top;
	}

table.extension
{
font-size:100%;
width:100%; 
border-width: 5px;
empty-cells: show;
color: #000000;
}

td.state
{
width:25%;
font: 20px Trebuchet, Verdana, Arial, Helvetica, sans-serif;
text-align:left;
}

td.agent
{
width:26%;
font-style: normal;
font:16px Trebuchet, Verdana, Arial, Helvetica, sans-serif;
text-align:center;
background-color:#CED9E7;
vertical-align: top;
}

td.contact
{
width:49%;
font: 15px Trebuchet, Verdana, Arial, Helvetica, sans-serif;
text-align:left;
}

table#bod {
width:100%;
background-color:#162550;
margin:0px;
padding: 0px;
font: 1em Trebuchet, Verdana, Arial, Helvetica, sans-serif;
text-align:left;
}

table#bod td {
background-color: white;
border:0;
padding:0.5em 0.25em 0.5em 0.25em;
margin:0px;
}

td.bodmail {
font: 0.9em Trebuchet, Verdana, Arial, Helvetica, sans-serif;
}

div#footer 
	{
	clear:both;
	width: 100%;
	color: #930; 
	font: 12px Arial, sans-serif; 
	text-align: center;
	}
	
div#footer a:link {
color:#0033FF; 
text-decoration:underline; 
outline:none;
}
div#footer a:active {
color:#0033FF; 
text-decoration:underline; 
outline:none;
}

div#footer a:hover {
color:#CC0000; 
text-decoration:underline; 
outline:none;
}
	
table.events {
font-size:100%;
width:100%;
font: 16px Trebuchet, Verdana, Arial, Helvetica, sans-serif;
text-align:left;
}

th.eventsheader {
font: 20px  Geneva, Verdana, Arial, Helvetica, sans-serif;
background-color:#262D88;
color:#FFFFFF;
text-align: center;
padding:5px;
}

tr.light {
font: 14px Geneva, Verdana, Arial, Helvetica, sans-serif;
background-color:#ecf2ff;
color:black;
text-align: left;
padding:15px;
}

tr.dark {
font: 14px Geneva, Verdana, Arial, Helvetica, sans-serif;
background-color:#D1DAEE;
color:black;
text-align: left;
padding:15px;
border:5px solid red;
}
	
table#dues {
width:50%;
border:2px solid black;
}

table#dues td {
border:1px solid black;
padding:5px;
}

.toprow
{
font: 20px  Geneva, Verdana, Arial, Helvetica, sans-serif;
background-color:#000066;
color:#FFFFFF;
text-align:center;
padding:15px;
}

.rates {
font: 15px  Geneva, Verdana, Arial, Helvetica, sans-serif;
text-align:right;
background-color:#ecf2ff;
}

.sales {
font: 15px  Geneva, Verdana, Arial, Helvetica, sans-serif;
text-align:left;
background-color:#ecf2ff;
}

img.thumbnail {
float: left; 
padding: 4px;
margin: 0px 13px 13px 0px;
border:1px solid #647CAA;
background-color:#E2EEFD;
}

img.rightthumb {
float: right; 
padding: 4px;
margin: 0px;
border:1px solid #647CAA;
background-color:#E2EEFD;
}

img.centerthumb {
    display: block;
    margin-left: auto;
    margin-right: auto; 
padding: 4px;
border:1px solid #647CAA;
background-color:#E2EEFD;
}

img.facebook {
vertical-align:text-top;
float: right; 
padding: 4px;
margin: 0px;
border:1px solid #647CAA;
background-color:#E2EEFD;
}


#outercontainer #maincenter table tr .content table tr td {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
}