/*This is the body information */
body {/*margin:0px; padding:0px;*/ font-family: Verdana, Arial, Helvetica, sans-serif;
	
	color: #FFFFFF; text-align:left;background-color:#333333; /*background-image:url(websiteside2.gif);*/ background-position:top-left; background-repeat:repeat;}
* {margin:0; padding:0;}

hr{color:#333333;background-color:#333333;
	}
h1,h2,h3,h4,h4,p{padding:5px 0px}

h1 {
	color: Gray;
	font-family: "Century Gothic", sans-serif;
	margin-bottom: 10px;
	border-style: solid;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
  
h2 {  font-family: "Courier New", Courier, mono; color:#333333;}


h3{color:#CCCC33;font-family: "Century Gothic", sans-serif;
	}
}
a{color:#A24B00;}

li {  color: #A3A329; list-style-type: square; margin-bottom:7px;}
li a{
	text-decoration: none;
	color: #A24B00;
	border-bottom: 1px dotted #A24B00;
}
.tampawebsitesection{
	border-bottom: 1px solid #A24B00;
	padding: 5px 0px;
}

form{margin:20px;}
form fieldset{padding:20px;
 border-style: solid solid solid solid;
  border-color: #333333;
  border-width: 2px 2px 2px 2px;}
  form input{background-color:#CCCC33;}
  
  form legend{color:#CCCC33;font-weight:bold;}
  
  form label{color:#666600; margin-right:15px;}
  
  form button{margin:10px 25px; font-weight:bold; background-color:#CCCC33;color:#000000;border:1px solid #333333}

 textarea,input,select {border:1px solid #333333}
/*End of the body */

/*mainwrap */
div#mainwrap {width:800px; /*margin-left:0px; margin-right:0px;*/  text-align:left; margin-bottom:0px; height:100%;}
/*End of mainwrap */

/*begin header */
div#header {width:800px; height:198px; background-color:white; text-align:left;  background-image:url(upback.jpg);background-repeat:no-repeat;border-bottom:3px solid #CCCC33;border-right:0px solid black; color:white; font-family: arial, helvetica, sans-serif; font-size:16px; letter-spacing:1px;}

div#header a:hover{border-bottom:2px solid white; color:#333333}
div#header a{ color:white ;text-decoration:none;margin: 0px 0px 0px 5px;border-bottom:0px solid #C4BF4E }

div#header li{ list-style-type:none;display: inline;
list-style-type: none; background-color:#C4BF4E; border:0px solid #CC9966; font-family: "Helvetica", "Century Gothic", sans-serif;}

/*end header */
/*Begin contentarea */
div#contentarea {width:800px; background-color:white; padding-top:0px;margin-bottom:0px;}
/*end contentarea */

/*Begin column 1 */
div#column1 {width:198px;  float:left; border-right:0px solid #333333; border-bottom:0px solid #333333; background-color:white; border-top:0px solid #99CC33;   color:black;padding-left:4px; padding-right: 4px; }

div#column1 h2 a{color:#333333;border-bottom:0px solid #A24B00; padding:0px;font-family: arial, helvetica, sans-serif;}
div#column1 h2 a:hover{border:0px solid #A24B00; }
div#column1 ul {margin: 0px 0 0 15px;  padding-top:0px; vertical-align:top;}

div#column1 li{padding:0px 0px; font-family: arial, helvetica, sans-serif; font-size:14px;  vertical-align:top;list-style-type:square;}

div#column1 a{text-decoration:none;  color:#A24B00;border-bottom:0px solid black; }

div#column1 a:hover{border-bottom:1px solid #A24B00;}



.sidebox{color:white; background:#99CCFF; margin-right:25px; margin-top:0px; margin-left: 10px; padding:5px;border:1px solid #CCCCCC;font-size:14px;}
 a.sidebox {border-bottom: 1px solid #CCCCCC; border-left:2px solid #999999;border-right:1px solid #999999; padding: 5px; background:#99CCFF; color:white; marigin:0px; font-weight:bold; font-size:14px;}
/*End coulumn 1 */

/*Begin column 2 */

div#column2 {width:582px; background-color:white; float:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 2px; color:black;
 border-left:1px solid #CCCC33;border-top: 0px solid #99CC33; padding-left:10px;}


div#column2 p {}
div#column2 h1{color:#000000;
padding-left:0px;border-left:0px solid #66CC00;padding-top: 5px; text-align:left}
div#column2 h2{padding-top:15px; color: #666666}
div#column2 ul{margin: 0px 0 0 26px; }
div#column2 ol{margin-left:26px;}
div#column2  a{color:#A24B00;border-bottom:1px dotted #A24B00}


ul#mainmenu li{padding: 2px 20px; list-style-type:none;float:left;
font-family: arial, helvetica, sans-serif; font-size:14px; letter-spacing:1px;
list-style-type: none; border-right:1px solid  black ;  background:#0066CC;  margin:0px 0px 0px 0px; }

ul#mainmenu {background:#3399FF; border:2px solid black; border-top:2px solid black; margin:0px 0px 0px 0px; padding:0px;}
ul#mainmenu a{text-decoration: none; color: #000000; }
ul#mainmenu a:hover{border-bottom: 3px solid #3399FF; color:#FFFFFF;}

/*End column 2*/

/* Begin Footer */
div#footer {
	width: 800px;
	background-color: #565656;
	text-align: center;
	margin: 0px;
	padding-top: 0px;
	color: white;
	border-top: 0px solid #0066FF;
}
div#footer a{color:#CCCC33 }
ul#bottommenu li{; list-style-type:none;display: inline;
list-style-type: none; color:white;}
ul#bottommenu {margin-bottom:10px;}

ul#bottommenu a{text-decoration: none; color: white; border-bottom:1px solid white ;margin-right: 15px; }
/* End Footer */


/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */