* { margin: 0; padding: 0; }
* html .gainlayout { height: 1%; }  /* holly hack to avoid peekaboo bug */

body { font-family: "Garamond", "Book Antiqua", "Century", "Times New Roman"; font-size: 1.1em; color: #3a6949; background: #ccc url(../images/back.png) repeat-x; }

h1 { text-align: left; font-size: 1.8em; margin-left: 1.4em; padding-bottom: 5px; font-weight: 200;}

h2 {  padding: 5px 0 15px 0;  font-size: 2.2em; }
/* h2 {  padding: 5px 0 40px 0;display: block;  background: url(../images/plaithf.png) 0 44px repeat-x ;} #009966;*/


h3, h4, h5 { font-weight: bold; padding-bottom: 0.2em; font-size: 1.8em; }
p { padding-bottom: 12px; margin-left: 9px; text-align: justify; color: #333;}
table { margin: 11px; width: 98%; border: 1px solid #3a6949; }
th { text-align: left; vertical-align: bottom; padding: 3px 8px 3px 5px; background:  #3a6949; color: #fff; }
td { vertical-align: bottom; padding: 2px 8px 2px 5px; border-bottom: 1px solid #fff;  }
.stripe { background: #7a9a74; color: #fff;  }
.point { cursor: pointer; color: #fdd802; font-weight: bold; }
p:first-letter, h2:first-letter { font-size: 1.3em; font-weight: bold; color: #3a6949;}

#ground { background: #fff;  margin: 2%; min-width: 800px; max-width: 1500px; width: 92%; padding: 18px; }
/* #fff url(../images/mainback.png) 25% 0 repeat-y*/
#wrappout {   border: 1px #3a6949 solid; position: relative; }
#wrapper { border: 4px #3a6949 solid; margin: 3px; position: relative; background:#ffeec3; height: 1%}

#header {	margin: 0; padding: 0;
				position: relative; 
				min-height: 200px; 
				width: 100%; 
				background:#ffeec3 url(../images/marqueetopcream.png) 100% 70% no-repeat;  
				border-bottom: solid 4px #ffeec3;
				}

#header img { display: block; padding: 15px 0 0 15px; }
#headedge { background: #ffeec3; border-bottom: solid 1px #3a6949; border-top: solid 3px #3a6949; height: 3px; }

#nav { padding: 40px 3% 5px 0; float: left; width: 18%; }
#nav ul { list-style-type: none;  width: 95%; padding-bottom: 30px; }
#nav li { font-size: 1em; margin-left: 0.5em; text-indent: 0.8em; margin-bottom: 0.7em; }
#nav li a, #footer li a  {color: #333; text-decoration: none;}
#nav ul a  { display: block; padding-left: 28px; border-bottom: 1px dotted #ffeec3;}
#nav li a:hover, #nav li a.selected  { background: url(../images/reefsm.gif) no-repeat 0 2px; overflow: visible; border-bottom: 1px dotted #aaa; color: #777; }
#nav img { padding: 8px; }



#main { padding: 15px 0 15px 0%; margin: 0; width: 76%; float: left; border-left: 1px #3a6949; background: transparent; }
#main img { background: #d0cea6; border-right: 3px solid #d0cea6; border-bottom: 3px solid #d0cea6;}
#main a {color: #777; text-decoration: none; border-bottom: 1px dotted #777; }
#main a:hover  { border-bottom: 1px dotted #7a9a74; color: #7a9a74; }

.inliner {  float: right; margin: 0 0 25px 25px; padding: 1px;  }
.inlinel { float: left; margin: 0 20px 25px 0; margin-left: 5px; padding: 1px;}
.right { text-align:right; }

#flash { text-align: center; padding-top:15px; }

#footer { border-top: 1px #3a6949 solid;  padding: 6px 0 6px 4px; margin-top: 18px; clear: both; background: #ffeec3;}
#footer ul { width: 98%; }
#footer li { display: inline; margin-left: 0.4em; font-size: 0.8em; font-weight: bold;}

.darker { color: #444; }
.pad { padding-top: 40px; }
.pad10 { padding-top: 10px; }
.quote { font-style: italic; font-size: 0.9em; color: #444; }