/*This is the body information */
body {margin:0px; padding:0px; 
font-family: Verdana, Arial, Helvetica, sans-serif;
	
	color: #FFFFFF; text-align:left;
	background-color:#FFFFFF; ; }
* {margin:0; padding:0;}

 table.elmoitems{border:0px solid gray;  color:orange}
 table.elmoitems  td{
	border: 1px solid #FF9900;
	width: 150px;
	vertical-align: top;
}
h1,h2,h3,h4,h4,p{padding:5px 0px}

h1 {
	color: #996699;
	border-color: #996699;
	font-family: "MS Sans Serif", Geneva, sans-serif;
	border-style: solid;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
}
    h3 a{color:black;}
h2 {  font-family: "Courier New", Courier, mono; color:#996699}

a{color:#FF9900;}

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

table p{color:black; }

td{
	border: 1px solid #FF9900;
	padding-right: 0px;
	text-align: left;
	padding: 0px;
	
	background-color: White;
}

/*End of the body */

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

background-color:white;

}
/*End of mainwrap */

/*begin header */
div#header {
	width: 100%;
	height: 86px;
	background-color: #996699;
	text-align: left;
	background-image: url(images/zoebanner.gif);
	background-repeat: no-repeat;
	background-position: left;
	border-bottom: 2px solid #FF6699;
	color: #996633;
	font-family: arial, helvetica, sans-serif;
	font-size: 16px;
	letter-spacing: 1px;
}

div#header a:hover{border-bottom:2px solid white; color:#663300}
div#header a{ color:white; text-decoration:none;margin: 0px 0px 0px 5px;  }
div#header li{ list-style-type:none;display: inline;
list-style-type: none;
 background-color:#6699FF; 
 border:1px solid #CC9966; 
 font-family: "Helvetica", "Century Gothic", sans-serif;}
/*end header */

/*Begin contentarea */
div#contentarea {width:100%;
background-image:url(images/contentback.gif);
 background-repeat:repeat-y;
background-position:left;}
/*end contentarea */

/*Begin column 1 */
div#column1 {width:195px;  float:left; 
border-top:5px solid #FF6699;
border-bottom:0px solid #333333; 
color:black;padding-left:4px;
padding-right: 0px;}

div#column1 h1{border-width:0px; color:#996699}
div#column1 ul {margin: 0px 0 0 2px; 
padding-top:0px; vertical-align:top;}

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

div#column1 li a{
 padding: 2px 4px 2px 4px;
	text-decoration: none;
	color: black;
	border-left:10px solid #FFCC66;
	border-bottom: 1px solid #FFCC66;
	border-top:5px solid #FF6699;
	border-right: 1px solid #FFCC66;
	
	display: block;
width: 165px;
\width: 165px;
w\idth: 165px;
}

div#column1 li a:hover
{
	border-color: White;
	color: #ffffff;
	background: #996699;
}




/*End coulumn 1 */

/*Begin column 2 */
.article{ padding-left:25px;font-family:"Trebuchet MS", arial,sans-serif;}
h4 a{padding:5px 0px;color:#999999}
div#column2 {  margin:0px 0px 0px 195px; 
padding:0px 0px 0px 0px; color:black; 
border-left:1px solid #FF6699; 
padding-left:15px;
border-top:5px solid #FF6699;}


div#column2 p {}
div#column2 h1{color:#FF9900;padding-top: 5px; border-bottom:0px solid #FF9900; text-align:center;}
div#column2 h2{padding-top:15px;}
div#column2 ul{margin: 0px 0px 0px 26px; }
div#column2  a{border-bottom:1px dotted #FF9900;}

hr{color:black; background-color:black;}
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:100%; background-color:#996699; 
text-align:center; margin:0px; 
 color:white;border-top:15px solid #FF6699;margin-bottom:0px}
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 */