* CSS Document */

html {margin:0px 0px; padding: 0px;}
body{font: 76% arial,sans-serif; text-align:center; background-image:url(/images/bg5.jpg); margin:0px 0px; padding:0px;}
p{margin:0px 10px 10px 10px;}
a{display:inline; color: #fff;}

.cl { clear:left; }
.cb { clear:both; }
.whitebg { background:#FFF; }
.beigebg { background:#E5E3D7; }
.whitefont {color:#fff;}
.blackfont {color:#000;}

/********************************************************************
BELOW ARE FOR THE HOMEPAGE STYLES  
********************************************************************/

#container { width:835px; margin:0px auto; background:url(/images/bg-page.png) repeat-y center; }
#container{text-align:left; background-color:#FFFFFF;}

#header {width:815px; margin:0 0; }
#header {background-image:url(/images/hdr_bg.jpg); background-repeat: no-repeat; height:98px; padding-left:5px; }
#header p{padding:20px 42px 0 0; color:#000; font-size:14px; text-align:right; font-weight:bold;}
.quote {font-size:14px; color:#ffffff; align:center; padding-left:23px; font-style:italic; font-weight:bold;}
.tagline {color:#000; font-size: 14px; text-align:right;}
.phone2 {color:#fff; font-size: 18px; text-align:right; font-weight:bold;}
.rankname {font-size:13px; color:#ffffff;}
.rank {font-size: 11px;}
/*
#header h1{float:right; clear:right; padding:5px 40px 0 0; color:#000; font-size:14px;}
#header h2{float:right; padding:5px 40px 0 0; color:#fff; font-size:18px;}*/

#login_bar { background: #ccc url(/images/bg-login.gif) repeat-x; padding:4px; font:normal 10px Tahoma; border-bottom:2px solid #fff;}
#login_bar a { color:#333333; text-decoration:none; padding:0px 5px; }
#login_bar a:hover { color:#064781; text-decoration:underline; }
/*
#login {margin:0; clear:both;}
#login {background: #ccc url(/images/bg-login.gif) repeat-x; height:22px; width:815px; padding-left:5px; }
#login p {padding-right:30px; color:#333; text-align:right;}
*/

.mainmenu { float:left; background:#6A99B1; height:32px; }

.mainmenu div {  border-bottom:2px solid #fff; }
.mainmenu1 { width:37px; }
.mainmenu2 { width:135px; }
.mainmenu3 { width:175px; }
.mainmenu4 { width:110px; }
.mainmenu5 { width:110px; }
.mainmenu6 { width:100px; }
.mainmenu7 { width:43px; }
.mainmenu8 { width:3px; }

#mainnav {background-color:#6A99B1; color:#fff; border-bottom:2px solid #fff;}
#mainnav a { color:#fff; font-size:12px; font-weight:bold; text-decoration:none;}
#mainnav a:hover { text-decoration:underline; }

#wrapper {width:815px; margin:0 auto; }
#wrapper { }

#content{float:left; width:576px; }
#content{padding-left:15px; border-top: 6px solid #E5E3D7; }
#content p{line-height:1.4; font-size:12px;}
#content ul {line-height:1.4;}
#content ul li{line-height:1.7; font-size:12px;}
#content h1{text-align:center; font-size:18px; color:#22578B; padding-top:12px;}
#content h2{text-align:left; font-size:20px; color:#22578B; padding-top:12px;}
#content h3{text-align:left; font-size:16px; color:#22578B; padding-top:12px;}
.save {font-size:16px; font-weight: bold; font-style:italic; text-align:center;}
.blue {color:#22578B; font-weight: bold; font-size:120%;}
.blue_smaller {color:#22578B; font-weight: bold; font-size:113%; padding-left:8px;}
.italics {font-style:italic; font-size:14px;}
.lineheight {line-height:1.4px;}

#leadpara {float:left; width:540px; background:url(/images/bg_home.jpg) repeat-x;}
#leadpara  {line-height:1.4; font-size:12px; padding:5px 1px 15px 15px;} 

#signup {z-index:"101";}
.trackform {color:#fff; line-height="1.5"; text-align:left; padding-left:26px; padding-top:18px; font-weight:600; font-size:14px;}
.btnyellow {background:url(/images/btn-yellow.gif) repeat-x center;}

#leftfillerX{float:left; width:564px; clear:both; text-align:justify}
#leftfillerX{background-color:#FFFFFF; border-left:6px solid #E5E3D7; border-right:6px solid #E5E3D7; padding-left:25px;}

#chat{float:right; width:212px; clear:right; }
#chat{background:#E5E3D7 url(/images/bg-chat.jpg) repeat-x; height:99px; color:#fff; text-align:center; border-right:6px solid #E5E3D7; border-top: 6px solid #E5E3D7; border-left:0px solid #E5E3D7;}
#chat p {color:#fff; font-size:18px; font-weight:bold;}
.chat {color:#fff; font-size:23px; font-weight:bold;}

#rightcol{float:right; clear:right; width:212px}
#rightcol{background:#fff; border-top:8px solid #E5E3D7; border-right:6px solid #E5E3D7; border-left:0px solid #E5E3D7; }
#rightcol h1{margin:0; padding-left:15px; padding-top:6px; color:#990000; font-weight:bold; font-size:16px; background: url(/images/bg-stripes.gif) repeat-x; height:31px;}
#rightcol p {line-height:1.4; font-size:11px;}
#rightcol li{line-height:1.4; font-size:11px;}
#rightcol div {text-align:right;}
#rightcol a { color:#003366; text-decoration:none; font-size:11px; text-align:right; }
#rightcol a:hover {text-decoration:underline; }
.testimonial #rightcol { font-size: 11px; font-style:italic; }

#rightfiller{float:right; clear:right; width:212px; height:auto;}
#rightfiller{background:#fff; border-left:2px solid #E5E3D7; border-right:6px solid #E5E3D7; color:#fff;}

#footer{clear:both; width:100%}
#footer{background: #446B8C url(/images/bg-footer.gif) repeat-x; height:64px; color: #FFF; border-top:6px solid #E5E3D7;}
#footer p{margin: 8px 0 0 0; text-align:center; padding:0px 30px; text-transform:uppercase; vertical-align:middle;}
#footer a { color:#FFF; text-decoration:none; padding:0 12px; font-size:10px; text-align:center; }
#footer a:hover { color:#AFCAEF; }

#copyright{clear:both; width:100%}
#copyright{background: #fff}
#copyright p{text-align:center; padding:10px 10px; vertical-align:middle; font-size:11px;}
#copyright a { color:#333; text-decoration:none; font-size:10px; text-align:center; }
#copyright a:hover { color:#AFCAEF; }

/********************************************************************
BELOW ARE FOR THE SUB TEXT PAGES 
********************************************************************/

#widepage{float:left; width:785px; }
#widepage{background-color:#FFFFFF; padding-left:25px; border-left: 6px solid #E5E3D7; border-right:6px solid #E5E3D7; border-top: 6px solid #E5E3D7; }
#widepage p{line-height:1.4}
#widepage ul{line-height:1.5}
#widepage h1{text-align:center; font-size:20px; color:#22578B; padding-top:12px;}
#widepage h2{text-align:left; font-size:20px; color:#22578B; padding-top:12px;}
#widepage h3{text-align:left; font-size:16px; color:#22578B; padding-top:12px;}
#widepage h4 {text-align:center; font-size:16px; color:#22578B; padding-top:12px;}

#beigewrapper {float:left; width:815px; margin:0 auto; }
#beigewrapper {background-color:#E5E3D7;}

#subcontent{width:800px; clear:left; float:left;}
#subcontent{background-color:#FFFFFF; margin:8px 8px 0 8px;}
 
#subcontent p{line-height:1.4; padding-left:25px; font-size:12px;}
#subcontent ul{line-height:1.5; padding-left:50px; font-size:12px;}
#subcontent h1{text-align:center; font-size:20px; color:#22578B; padding-top:12px;}
#subcontent h2{text-align:left; font-size:20px; color:#22578B; padding-top:12px;padding-left:25px;}
#subcontent h3{text-align:left; font-size:16px; color:#22578B; padding-top:12px; padding-left:25px;}
#subcontent h4 {text-align:center; font-size:16px; color:#22578B; padding-top:1px;}
#subcontent h5{text-align:left; font-size:14px; color:#22578B; padding-top:12px; padding-left:25px;}
#subcontent a {color:#336699; text-align:left; padding: 0 0;}
#subcontent a:hover {text-decoration:none;}

#members {}
#members a {color:#336699; text-decoration:underline; display:inline;}
#members a:hover {text-decoration:none;}

#results{width:800px; clear:left; float:left;}
#results{background-color:#FFFFFF; margin:8px 8px 0 8px;}
#results p{line-height:1.1; padding-left:16px; font-size:14px;}
#results ul{line-height:1.5; }
#results h1{text-align:center; font-size:20px; color:#22578B; padding-top:12px;}
#results h2{text-align:left; font-size:20px; color:#22578B; padding-top:12px;padding-left:25px;}
#results h3{text-align:left; font-size:16px; color:#22578B; padding-top:12px; padding-left:25px;}
#results h4 {text-align:center; font-size:16px; color:#22578B; padding-top:3px; background: #F3F1E7 url(/images/bg-stripes.gif); background-repeat: repeat-x; height:31px; border: 1px solid #C7BE9D; padding-top:6px;}
#results a {color:#336699; font-size:14px; padding:2px 12px; line-height:1.4;}
#results a:hover {text-decoration:none;}
.form {padding-left: 8px;}
.brown {border: 1px solid #C7BE9D;}
.selecthdr {font-size:12px; padding-left:12px;}

#sponsored {margin: 15px 6px 15px 22px; width:97%; color:#999;}
#sponsored a {font-size:11px; color:#336699; text-decoration:underline; padding-left:0; padding-right:6px;}
#sponsored a:hover {font-size:10px; text-decoration:none; }

.welcome {width:795px; margin:0 0px; }
#welmarket {width:795px; margin:0 0px; }
#welmarket h2{text-align:left; font-size:20px; color:#22578B; padding-top:12px;padding-left:25px;}

#selection {width:310px; margin:0 0 0 27px; float:left; clear:left;}
#selection h6{ text-align:center; font-size:16px; color:#22578B; padding-top:1px;}
#selection .selectheader {{text-align:center; font-size:16px; color:#22578B; padding-top:1px;}

#boxhdr {width:169px; height:20px;}
#boxhdr {background-color: #FFCC66; text-align:center; border: 1px solid #ccc; font-size:12px; font-variant:small-caps; padding-top:5px;}

#smallbox {width:200px; height:225px;} 
#smallbox {padding-left:4px; border: 1px solid #ccc; font-size:12px; line-height:1.3; padding-top:4px;}
#smallbox a {color:#336699; display:block;}
#smallbox a:hover {text-decoration:none;}

/********************************************************************
BELOW ARE FOR WEB TOOLS 
********************************************************************/

.toolname { font-size: 12px; text-transform:uppercase; color:#CC3300;}
.tools {font-size:11px;}
.tools a:link {color:#CC3300; text-decoration:underline;}
.tools a:visited {color:#CC3300;}
.tools a:hover { color:#666666; text-decoration:none;}


/********************************************************************
BELOW ARE FOR THE GATOR PAGES 
********************************************************************/



.midbox { padding:5px 2px; }
.homebox { width:191px; float:left; padding:0px 4px; color:#05112b; }

.boxright { background:url(..//images/boxline.gif) repeat-y right #FFF; padding-right:2px; }
.boxbottom { background:url(..//images/boxline.gif) repeat-x bottom #FFF; height:11px; clear:both; }
.boxpad { padding:10px 10px 4px 10px; }
.boxheight { height:130px; }

.boxtop { background:url(..//images/boxline.gif) repeat-x top #FFF; height:11px; }
.boxleft { background:url(..//images/boxline.gif) repeat-y left #FFF; padding-left:2px; }

#concern { background:url(..//images/boxline.gif) repeat-y left #FFF; padding-left:2px; }
#concern a { color:#000000; text-decoration:none; display:block;}
#concern a:hover { text-decoration:underline;}

#category { background:url(..//images/boxline.gif) repeat-y left #FFF; padding-left:2px; }
#category a { color:#000000; text-decoration:none; display:block;}
#category a:hover { text-decoration:underline;}




/* BELOW ARE FIXES FOR BROWSER INCOMPATIBILITES */

/*styles which fix disply issues on various platforms from http://www.positioniseverything.net/easyclearing.html*/
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix {display:inline-block; }
/* Hides from IE-mac \*/