A:link { text-decoration: underline;  color: #587A74; }
A:link:hover { color: teal; }
A:visited { text-decoration: underline; color: #587A74; }
A:visited:hover { color: teal; }

BODY
{ 
 background-color: white;
 color: black;
 font-family: verdana, arial;
 font-size: 11px;
} 

TABLE
{ 
 font-size: 11px;
} 

INPUT 
{
 background-color: white; 
 border: 1px solid silver;
 font-size: 11px;
}

SELECT
{
 background-color: white; 
 border-color: silver;
 font-size: 11px;
}

TEXTAREA
{
 background-color: white; 
 border: 1px solid silver;
 font-size: 11px;
}

IMG
{
 border: 0;
}

.button 
{
 border: outset 1px silver;
 font-weight: bold;
 background-color: white;
}

H1
{
 font-size: 24px;
 font-weight: normal;
 text-align: center;
}

H2
{
 font-size: 22px;
 font-weight: normal;
}

.incomplete
{
 border-color: red;
}

.required
{
 border-color: red;
}

.nav { }

.suggest
{
 border: 1px solid silver;
}

.topselectors
{
 position: absolute;
 left: 600px;
 top: 5px;
 z-index: 5;
}

.link
{
 padding: 10px;
 border-bottom: 1px dotted silver;
 background-color: white;
}

.category
{
 padding: 10px;
}

.commentposter
{
 background-color: #D9E1DF;
 border: 1px solid silver;
}

.comment
{
 padding: 5px;
 background-color: #E4F3F3;
 border: 1px solid silver;
}

.commentposteralternate
{
 background-color: #D9E1DF;
 border: 1px solid silver;
}

.commentalternate
{
 padding: 5px;
 background-color: #E4F3F3;
 border: 1px solid silver;
}

.commentdate
{
 font-size: 9px;
 font-style: italic;
}

.details
{
 padding: 10px;
 margin: 10px;
 background-color: white;
 border: 1px solid silver;
}

.detailsborder
{
 border: 1px solid black;
}

.labels
{
 font-weight: bold;
}

.grouping
{
 border: 1px inset silver;
 padding: 5px;
 margin: 5px;
}

.important
{
 font-weight: bold;
}

.columnheader 
{
 background-image: url('../images_aquatic/columnheader.png');
 background-repeat: repeat-x;
}

.labelscolumn
{
 width: 30%;
 background-color: #D9E1DF;
 border: 1px solid silver;
 vertical-align: top;
 padding: 5px;
}

.optionscolumn
{
 width: 70%;
 background-color: #D9E1DF;
 border: 1px solid silver;
 vertical-align: top;
 padding: 5px;
}

.evencolumns
{
 background-color: #D9E1DF;
}

.oddcolumns
{
 background-color: #D9E1DF;
}

.categoryname
{
 font-weight: bold;
 font-size: 14px;
}

.info
{
 display: block;
 border: 1px solid #D2D5D8;
 background-color: white;
 padding: 5px;
}

.editedby
{
 font-size: 9px;
}

.searchhighlight
{
 background-color: yellow;
}

.title
{
 font-size: 14px;
 padding: 3px;
 font-weight: bold;
 text-align: center;
}

.newpmhighlight
{
 font-weight: bold;
}

.quote
{
 padding: 3px;
 border: 1px solid WhiteSmoke;
 background-color: #EEF1F1;
 margin: 3px;
}

.quoteby
{
 font-size: 10px;
 font-style: italic;
}

.posthistory
{
 overflow: auto;
 width: 100%;
 height: 300px;
}

.deletions
{
 width: 50%;
 background-color: #D9E1DF;
 padding: 5px;
 border: 1px solid silver;
 margin: 0 auto;
 text-align: center;
}

.homenav
{
 display: block;
 border: 1px solid #CCCCCC;
 background-color: #EEF1F1; 
 color: gray;
 padding: 2px;
 margin: 5px;
 text-decoration: none;
}

.homenav:hover
{
 background-color: #D9E1DF;
 color: black;
}

.modcpnav
{
 display: block;
 border: 1px solid #CCCCCC;
 background-color: #EEF1F1; 
 color: gray;
 padding: 2px;
 margin: 5px;
 text-decoration: none;
}

.modcpnav:hover
{
 background-color: #D9E1DF;
 color: black;
}

.code
{
 font-family: monospace;
 font-size: 10px;
 background-color: WhiteSmoke;
 padding: 2px;
 border: 1px solid #CCDED1;
 margin: 0;
 overflow: auto;
}

.areaheader
{
 background-color: #D9E1DF;
}

.areafooter
{
 background-color: WhiteSmoke;
}

.imtextself
{
 color: gray;
}

.imtextother
{
 color: black;
}

.invisibleuser
{
 color: gray;
}

a.admincolor
{
 color: #587A74;
 font-weight: bold;
}

a.modcolor
{
 color: #AA3333;
}

a.sponsorcolor
{
 color: #11BB33;
}

a.bannedcolor
{
 color: gray;
}

.mutualbuddy
{
 font-weight: bold;
}

.smiliebox
{
 border: 1px dotted silver;
 background-color: silver;
 padding: 10px;
 width: 140px;
}

.adbanner
{
 float: right;
 width: 50%;
}

.linktools
{
 font-size: 11px;
 color: gray;
}

.linktools a
{
 text-decoration: none;
 color: gray;
}

.subcatsmainpage
{
 font-size: 10px;
 margin: 0;
 padding: 3px;
}

.login
{
 font-size: 10px;
 background-color: #D9E1DF;
 border: 1px solid #7090F0;
 float: right;
 padding: 5px;
}

.sort
{
 text-align: center;
 border-width: 1px;
}

.box
{
 background-color: #E4F3F3; 
 margin-bottom: 10px;
}

.mainbox
{
 background-color: #E4F3F3; 
 margin-bottom: 10px;
/* height: 134px; fnc removed to let link box on main pg adjust based on how many links are showed */
 width: 530px;
}

/* fnc added this style to fix the top links box on main.tpl */
.fixtoplinks
{
 background-color: #E4F3F3; 
 margin-left: 175px;
}

.mainboxinner
{
 padding: 10px;
}

.boxtitle
{
 background-color: #587A74;
 cursor: pointer;
 font-weight: bold;
 color: white;
}

.boxbody
{
 padding: 5px;
}

.newlinks { }

.bullet
{
 vertical-align: middle;
}

.minilabels
{
 font-style: italic;
}

.tableheader
{
 background-color: #587A74;
 border: 1px solid #111133;
 color: white;
 padding-left: 5px;
}

.month 
{
 border-style: none;
 background-color: WhiteSmoke;
 text-align: center;
 width: 90%;
}

.monthname 
{
 text-align: center;
 font-size: 13px;
 font-weight: bold;
 border: 1px outset;
}

.dayname td 
{
 text-align: center;
 font-weight: bold;
 background-color: gray;
 color: white;
 border: 1px outset;
}

.datepicker { }

.datepickerform { margin: 0; }

.monthnavigation { font-family: Tahoma, Arial, sans-serif; }

.monthpicker { }

.yearpicker { }

.pickerbutton { }

.nomonthday 
{
 text-align: center;
 font-size: 10px;
 height: 60px;
 width: 10%;
 color: silver;
 vertical-align: top;
}

.monthday 
{
 text-align: center;
 font-size: 11px;
 font-weight: bold;
 background-color: WhiteSmoke;
 height: 60px;
 width: 10%;
 vertical-align: top;
}

.today 
{
 text-align: center;
 font-size: 11px;
 font-weight: bold;
 background-color: silver;
 color: white;
 height: 60px;
 width: 10%;
 vertical-align: top;
}

.event 
{
 text-align: center;
 font-size: 11px;
 font-weight: bold;
 background-color: WhiteSmoke;
 height: 60px;
 width: 10%;
 vertical-align: top;
}

.todayevent 
{
 text-align: center;
 font-size: 11px;
 font-weight: bold;
 background-color: #E4F3F3;
 height: 60px;
 width: 10%;
 vertical-align: top;
}

.eventcontent 
{
 font-size: 10px;
 width: 100%;
}

.rules
{
 border: 2px solid #FFAAAA;
 background-color: #587A74;
 color: white;
 padding: 5px;
 margin: 5px;
 font-size: 14px;
}

.flatbutton
{
 border-style: solid;
 background-color: white;
}

.threadbottom
{
 border-width: 0;
 background-color: #EEF1F1;
}

.threadtools:link { text-decoration: none; }

.threadtools img
{
 vertical-align: middle;
 border-width: 0;
}

.quotations
{
 border-width: 1px;
 border-style: solid;
 background-color: #E4F3F3; 
 border-color: silver;
 width: 500px;
 padding: 5px;
 margin: 0 auto;
 text-align: center;
}

.shoutbg
{ 
 background-color: #E4F3F3; 
 background: #E4F3F3; 
 color: black;
} 

.whiteboard
{
 background-color: white;
 border: 1px solid silver;
 margin: 10px;
 padding: 5px;
}

.navbutton
{
 float: right;
 padding: 4px;
 margin: 2px;
 text-decoration: none;
 text-align: center;
}

.navbutton a
{
 text-decoration: none;
 padding: 2px;
}

.navbutton a:hover
{
 text-decoration: underline;
 padding: 2px;
}

.linkdiv
{
 float: left; 
 width: 45%;
 padding: 10px;
 border-bottom: 1px dotted silver;
 background-color: WhiteSmoke;
}

.statimage
{
 float: left;
 width: 40px;
}

.floatleft
{
 float: left;
}

.floatright
{
 float: right;
}

.internalreply
{
 border: 1px black solid;
 padding: 5px;
}

.clear
{
 clear: both;
}

#chatarea
{
 border: 1px dotted black;
 background-color: #F5F5F5;
 width: 75%;
 height: 300px;
 overflow: auto;
 float: left;
 margin: 10px;
 padding: 5px;
 font-size: 14px;
}

#activechatters
{
 border: 1px dotted black;
 background-color: #F5F5F5;
 width: 15%;
 height: 300px;
 overflow: auto;
 float: left;
 margin: 10px;
 padding: 5px;
 font-size: 14px;
}

.posttextarea
{
 width: 97%;
}

.redirect
{
 padding: 20px;
 margin: 40px;
 background-color: #EEF1F1;
 border: 1px solid #D9E1DF;
 font-weight: bold;
}

.legend
{
 padding: 10px;
 margin: 10px;
 border: 1px solid #007788;
 width: 250px;
}

.ratingresponse
{
 background-color: white;
}

.thumbshot
{
 float: left;
 padding: 5px; /* fnc changed orig was 2px */
}

.floatattach
{
 float: left;
 margin: 5px;
}


/* CSS from templateworld template */
body{padding:0px; margin:0px; background:url('../images_aquatic/main-bg.gif') 0 0 repeat-x #FFFFFF; color:#5F7A77; font:13px/19px Arial, Helvetica, sans-serif;}
div, p, ul, h2, h3, h4, h5, img{padding:0px; margin:0px;}
ul{list-style-type:none}

/*----MAIN PANEL----*/
#mainPan{width:778px; position:relative; margin:0 auto;}

/*----TOP PANEL----*/
#topPan{width:778px; height:65px; background:url('../images_aquatic/topbg.jpg') 0 0 no-repeat #FFFFFF; color:#828282; position:relative; margin:0 auto;}
#topPan img.logo{width:136px; height:31px; position:absolute; top:12px; left:235px;}
#topPan p.caption{width:200px; background:#FFFFFF; color:#828282; position:absolute; top:43px; left:235px;}
/*----/TOP PANEL----*/

/*----HEADER PANEL----*/
#headerPan{width:686px; height:153px; background:url('../images_aquatic/header.jpg') 0 0 no-repeat; position:relative; margin:0 auto; padding:11px 0 0 92px;}

#headerPan ul.leftmenu{width:87px;}
#headerPan ul.leftmenu li{width:87px; height:22px; border-bottom:1px dashed #AECCCA;}
#headerPan ul.leftmenu li a{width:72px; height:22px; display:block; background:url('../images_aquatic/bullet-normal.gif') 0 7px no-repeat #FFFFFF; color:#305E5C; line-height:22px; text-decoration:none; padding:0 0 0 15px;}
#headerPan ul.leftmenu li a:hover{background:url('../images_aquatic/bullet-hover.gif') 0 7px no-repeat #FFFFFF; color:#305E5C; line-height:22px; text-decoration:none; padding:0 0 0 15px;}
#headerPan ul.leftmenu li.Solutions{width:72px; height:22px; display:block; background:url('../images_aquatic/bullet-hover.gif') 0 7px no-repeat #FFFFFF; color:#305E5C; line-height:22px; text-decoration:none; padding:0 0 0 15px;}
#headerPan ul.leftmenu li.clients{width:87px; height:22px; border-bottom:none;}

#headerPan ul.botton{width:150px; height:45px; position:absolute; top:118px; left:250px;}
#headerPan ul.botton li{float:left; height:45px;}
#headerPan ul.botton li.home a{width:42px; height:45px; display:block; background:url('../images_aquatic/home-normal.gif') 0 0 no-repeat; text-indent:-200000px; margin:0 12px 0 0;}
#headerPan ul.botton li.home a:hover{background:url('../images_aquatic/home-hover.gif') 0 0 no-repeat;}

#headerPan ul.botton li.aboutus a{width:42px; height:45px; display:block; background:url('../images_aquatic/aboutus-normal.gif') 0 0 no-repeat; text-indent:-200000px; margin:0 12px 0 0;}
#headerPan ul.botton li.aboutus a:hover{background:url('../images_aquatic/aboutus-hover.gif') 0 0 no-repeat;}

#headerPan ul.botton li.contact a{width:42px; height:45px; display:block; background:url('../images_aquatic/contact-normal.gif') 0 0 no-repeat; text-indent:-200000px; margin:0px;}
#headerPan ul.botton li.contact a:hover{background:url('../images_aquatic/contact-hover.gif') 0 0 no-repeat;}
/*----/HEADER PANEL----*/

/*----BODY PANEL----*/
#bodyPan{width:686px; background:url('../images_aquatic/bodybg.gif') 0 0 no-repeat; position:relative; margin:0 auto; padding:4px 0 0 92px;}
/*----Body Left Panel----*/
#leftPan{width:114px; float:left;}

#leftPan h2{width:114px; background:#FFFFFF; color:#5F7A77; font-size:18px; }

#leftPan ul{width:114px;}
#leftPan ul li{width:114px; }
#leftPan ul li a{width:102px; display:block; background:url('../images_aquatic/bullet2-normal.gif') 0 10px no-repeat #FFFFFF; color:#5F7A77; text-decoration:none; padding:0 0 0 12px;}
#leftPan ul li a:hover{background:url('../images_aquatic/bullet2-hover.gif') 0 10px no-repeat #FFFFFF; color:#5F7A77; text-decoration:none;}
#leftPan ul li span{text-decoration:underline;}
/*----/Body Left Panel----*/
/*----Body Right Panel----*/
#rightPan{width:511px; float:left; border-left:1px solid #587A74; margin:4px 0 0; padding:0 30px;}
#rightPan p{padding:0 0 10px 0;}
#rightPan p.more{width:502px; height:25px; float:left; background:url('../images_aquatic/sky-color-bg.gif') 0 10px repeat-x; padding:0 0 20px 0;}
#rightPan p.more a{width:92px; height:21px; display:block; background:url('../images_aquatic/icon2.jpg') 0 0 no-repeat #FFFFFF; color:#958201; line-height:21px; text-transform:uppercase; text-decoration:none; margin:0 0 0 328px; padding:4px 0 0 50px;}
#rightPan p.more a:hover{background:url('../images_aquatic/icon2.jpg') 0 0 no-repeat #FFFFFF; color:#645804; text-decoration:none;}

#rightPan h2{width:96px; height:87px; float:left; display:block; background:url('../images_aquatic/icon3.jpg') 8px 38px no-repeat #B1DED5; color:#FFFFFF; font-size:16px; font-weight:bold; line-height:18px; text-transform:uppercase; padding:46px 0 0 75px; margin:0 0 5px 0;}

#rightPan h4{width:96px; height:87px; float:left; display:block; background:url('../images_aquatic/icon4.jpg') 8px 38px no-repeat #DFD79C; color:#FFFFFF; font-size:16px; font-weight:bold; line-height:18px; text-transform:uppercase; padding:46px 0 0 75px;  margin:0 0 5px 0;}

/*----/Body Right Panel----*/
/*----/BODY PANEL----*/
/*----/MAIN PANEL----*/

/*----FOOTER PANEL----*/
#footermainPan{height:103px; background:url('../images_aquatic/footerbg.gif') 0 0 repeat-x #D3F0F0; color:#2F5958; font:13px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; position:relative; margin:0 auto; clear:both; padding:36px 0 0;}
#footerPan{width:778px; position:relative; margin:0 auto;}

#footerPan ul{width:608px; height:20px; position:relative; margin:0 auto;}
#footerPan li{float:left; }
#footerPan ul li a{padding:0 10px 0; color:#2F5958; background:#EBF8F7; text-decoration:none; font-size:13px;}
#footerPan ul li a:hover{text-decoration:underline;}

#footerPan p.copyright{width:250px; margin:10px 0 0 92px;}

#footerPan ul.templateworld{width:250px; background:#D3F0F0; color:#007163; display:block; font-size:10px; position:absolute; top:49px; left:92px;}
#footerPan ul.templateworld li{height:20px;}
#footerPan ul.templateworld li a{background:#D3F0F0; display:block; color:#007163; text-decoration:none; padding:0px; font-size:10px;}
#footerPan ul.templateworld li a:hover{text-decoration:underline;}

#footerPanhtml{width:70px; height:24px; display:block; position:absolute; top:35px; left:549px;}
#footerPanhtml a{width:64px; height:24px; display:block; background:url('../images_aquatic/html-normal.gif') 0 0 no-repeat #D3F0F0; color:#FFFFFF; font-size:13px; line-height:23px; font-weight:bold; text-decoration:none;text-transform:uppercase; padding:0 0 0 7px;}
#footerPanhtml a:hover{background:url('../images_aquatic/html-hover.gif') 0 0 no-repeat #D3F0F0; color:#FFFFFF;}
#footerPancss{width:58px; height:24px; display:block; position:absolute; top:35px; left:624px;}
#footerPancss a{width:49px; height:24px; display:block; background:url('../images_aquatic/css-normal.gif') 0 0 no-repeat #D3F0F0; color:#FFFFFF; font-size:13px; line-height:24px; font-weight:bold; text-decoration:none; text-transform:uppercase; padding:0 0 0 10px;}
#footerPancss a:hover{background:url('../images_aquatic/css-hover.gif') 0 0 no-repeat #D3F0F0; color:#FFFFFF; text-decoration:none;}
/*----/FOOTER PANEL----*/