html {

}

body {
margin: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 11px;
line-height: 15px;
font-weight: normal;
color: #000000;
background-color: white;

}

a, a:visited {
color: #31526a;
text-decoration: none;
}
a:hover, a:active {
color: #000000;
}

a.rev, a.rev:visited {
color: #ffffff;
text-decoration: none;
}
a.rev:hover, a.rev:active {
color: #c8c8c8;
}

h2 {
color: #669900;
font-size: 16px;
}

h3 {
margin-bottom: -17px;
font-size: 12px;
}

ul li {
list-style: none;
list-style-image: url(images/bullet-grn.gif);
}

.callout {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 14px;
line-height: 21px;
color: #669900;
width: 340px;
background-color: #c9d3b4;
padding: 10px;
border: 1px solid #669900;
}

.centered {
margin-right: auto;
margin-left: auto;
display: block;
}

.footertxt {
color: #CCCCCC;
}

.footertxt a {
color: #CCCCCC;
}

.grnDkTxt {
color: #669900;
position: relative;
top: 2px;
left: -15px;
}

.grnLtTxt {
color: #c9d3b4;
position: relative;
top: 2px;
}

.nav {
display: inline;
}

.rowLight {
background-color: #d1dfb4;
}

.rowDark {
background-color: #c2d698;
}

.t450 {
width: 450px;
border: 1px solid black;
}

.t450 td {
padding: 3px;
}

.t600 {
width: 600px;
border: 1px solid black;
}

.t600Form {
width: 600px;
border: 1px solid #e4e4e4;
}

.t600 td {
}

.t70perc {
width: 70%;
border: 1px solid black;
}

.t70perc td {
padding: 5px;
text-align: center;
}

#bnnr {
width: 650px;
height: 150px;
background-image: url(images/bnnr.jpg);
background-repeat: no-repeat;
margin-bottom: 0px;
float: left;
}

#footer {
font-family: Verdana, Arial, Helvetica, sans-serif;
width: 650px;
height: 30px;
float: left;
border-top: 1px solid black;
}

#hmBox {
position: relative;
top: 75px;
display: table-cell;
vertical-align: middle;
background-image: url(images/waves.gif);
background-repeat: no-repeat;
background-position: 50px 300px;
}

#hmBox ul {
margin-right: auto;
margin-left: auto;
text-align: center;
margin-left: -50px;
}

#hmWrapper {
top: 100px;
left: 0px;
width: 100%;
display: table;
}

#mainBox {
width: 650px;
margin-bottom: 30px;
float: left;
}

#mainBox p, #mainBox ul {
padding-right: 50px;
}

#nav {
width: 650px;
height: 20px;
background-image: url(images/navbar.gif);
background-repeat: no-repeat;
float: left;
}

#navGap {
width: 97px;
border-bottom: 4px solid #c4d79d;
position: relative;
top: -29px;
left: 87px;
}

#nav2nd {
width: 648px;
height: 30px;
background-color: #c4d79d;
position: relative;
padding: 1px;
top: -30px;
float: left;
}

#nav p {
padding-left: 40px;
margin-top: -15px;
}

#photoGrid {
width: 650px;
height: 540px;
float: left;
}

#rightCol {
width: 151px;
margin-top: 280px;
float: right;
}

#sectionHead {
width: 650px;
height: 80px;
margin-top: 0px;
float: left;
}

#wrapper {
width: 801px;
margin-right: auto;
margin-left: auto;
}

/* Mozilla - Safari - Opera */

body[id=slpr] ul.grnDkTxt { color: #669900; position: relative; top: -9px; }

body[id=slpr] ul.grnLtTxt { color: #c9d3b4; position: relative; top: -9px; left: -15px; }

body[id=slpr] .t450 td {
padding: 3px;
border-top: 1px dotted #000000;
border-bottom: 1px dotted #000000;
}

body[id=slpr] .t600 td {
border-top: 1px dotted #000000;
border-bottom: 1px dotted #000000;
}

body[id=slpr] .t70perc td {
padding: 5px;
text-align: center;
border-top: 1px dotted #000000;
border-bottom: 1px dotted #000000;
}

body[id=slpr] #sectionHead {
width: 650px;
height: 80px;
margin-top: 30px;
float: left;
}

body[id=slpr] #footer {
font-family: Verdana, Arial, Helvetica, sans-serif;
width: 650px;
height: 30px;
float: left;
border-top: 1px dotted black;
}

body[id=slpr] #hmBox {
display: table-cell;
vertical-align: middle;
background-image: url(images/waves.gif);
background-repeat: no-repeat;
background-position: 50px 400px;
}

body[id=slpr] #hmWrapper {
top: 0px;
left: 0px;
width: 100%;

display: table;
}

body[id=slpr] #navGap {
width: 97px;
border-bottom: 4px solid #c4d79d;
position: relative;
top: 170px;
left: 70px;
}

body[id=slpr] #nav2nd {
width: 648px;
height: 20px;
background-color: #c9d3b4;
position: relative;
top: 4px;
z-index: 0;
float: left;
}

body[id=slpr] h2 {
color: #669900;
line-height: 18px;
}

body[id=slpr] h3 {
margin-bottom: -10px;
}

/*  Fix for CSS columns */
.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
/* Hides from IE-mac \*/
.clearfix {display:block;}
/* End hide from IE-mac */

/* - - -  New Styles For Homepage */
#waves {
	background:url("images/waves.gif") bottom center no-repeat #868625;
}
#hpcontainer {width:633px; margin:0 auto;}
#navcontainer {
	background:url(images/bg-hpnavcontainer.jpg) top left no-repeat;
	margin:0 auto;
	width:581px;
	height:55px;
}
.podtop {
	background:url("images/pod-top.jpg") bottom left no-repeat;
	width:633px;
	height:20px;
}
.podmid {
	background:url("images/pod-mid.jpg") top left repeat-y;
	width:573px;
	padding:10px 30px;
	line-height:18px;
}
.podbtm {
	background:url("images/pod-btm.jpg") top left no-repeat;
	width:633px;
	height:30px;
	margin-bottom:10px;
}
.hpnav {margin:0; padding:6px 0 0 0; list-style:none; text-align:center;}
.hpnav li {display:inline;}
.hpnav li a:link, .hpnav li a:visited {color:#fff; text-decoration:none;}
.hpnav li a:hover {color:#fff; text-decoration:underline;}

.podmid h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#868625;
	margin:0;
	padding:10px 0;
}
.podmid h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
	font-size:13px;
	margin:0;
	padding:5px 0;
	color:#000;
}