body {
	background-color:#ffffff;
	margin:0;
	padding:0;
	background-image: url('images/background_product.jpg');
	background-repeat: repeat
	}
p {
	margin: 0 10px 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9pt;
	text-indent: 10pt;
	text-align: left; 
	padding:   0px 10px 0px 0px; left: 0px; 
	clip:     rect(0px 10px 0px 0px); 
	color: #333333
	}

h1 {
	color:#333;
	font-size:11pt;
	line-height:normal;
	font-weight:800;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	font-variant: normal;
	text-transform: none;
	word-spacing: normal;
	text-align: center;


	}
h2 {
	color:#333;
	font-size:10pt;
	font-weight:bold;
	line-height: normal;
	font-variant: normal;
	word-spacing: normal;
	text-align: left;
	vertical-align: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: normal;
	}

h3 {
	color:#333;
	font-size:9px;
	font-weight:bold;
	margin:1.63em 0 .27em;
	line-height: normal;
	font-variant: normal;
	letter-spacing: .2em;
	word-spacing: normal;
	text-align: justify;
	vertical-align: top;
	font-style: italic;

	}
h4 {
	color:#666666;
	font-size:9px;
	font-weight:bold;
	line-height: normal;
	font-variant: normal;
	vertical-align: top;
	font-style: normal;
	text-align:center;
	}

h5 {
	color:#666666;
	font-size:9px;
	font-weight:normal;
	line-height: normal;
	font-variant: normal;
	vertical-align: top;
	font-style: normal;
	text-align:center;
	}
	
h6           { color: #000000; font-size: 7pt; font-family: Arial; text-align: Center; 
               line-height: normal; letter-spacing: 1pt }
blockquote {
	margin:1em 2.7em 1.36em; /* 11px ~30px ~15px */
	color:#666;
	line-height:1.5;
	}
	
a {
	color:#003399;
	text-decoration:none;
	font-weight:600;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px
	}
a:link {
	color:#336666;; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;
	font-weight: 600; font-style: normal
	}
a:visited {
	color:#FF6600; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;
	font-weight: 600; font-style: normal
	}

a:hover {
	color:#990000; text-decoration: underline;; font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; font-weight: 600; font-style: normal}

.a {
	color:#999999;
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	}
.a:link {
	color:#999999;; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px;
	font-style: normal
	}
.a:visited {
	color:#FF6600; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px;
	font-style: normal
	}

.a:hover {
	color:#990000; text-decoration: underline;; font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9px; font-style: normal}
	
.footer {
	color: black;
	font-size : 8pt;
	font-family : sans-serif;
	
	
#BodyLogo {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url('images/background_grid_overlay.gif');
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position:  
               left top;
	width: 1000px;
	height: 1222px;
	z-index: 5;
	visibility: visible
	}

#logo {
	position: absolute;
	top: 0;
	left: 0;
	width: 770px;
	float: left;
	background-image: url('images/floridaIS_logo_770b.gif');
	height: 60px;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position:  
               left top;
	z-index: 6;
	visibility: visible



	}

#nav {
	position: absolute;
	top: 115px;
	left: 10px;
	border-top: none black;
	border-right: none black;
	border-bottom: none black;
	border-left: none black;
	visibility: visible;
	z-index: 3;


	}
	
#title {
	position: absolute;
	top: 100;
	left: 250;
	width: 580;
	float: left;
	visibility: visible;
	z-index: 4;



	}

#main {
	position: absolute;
	top: 200px;
	left: 200px;
	visibility: visible;
	z-index: 1;



	}

#pagepic1 {
	position: absolute;
	top: 220px;
	left: 800px;
	width: 156px;
	float: left;
	height: 188px;
	border-top: 3px solid #004a95;
	border-right: 3px solid #004a95;
	border-bottom: 3px solid #004a95;
	border-left: 3px solid #004a95;
	margin: 0px;
	padding: 0px;
	background-color: 004a95;
	visibility: visible;
	z-index: 2;


	}


	
#Content p {line-height:1.8; /* ~20px */}
#Content blockquote p {line-height:1.5;}
/* Browsers that understand the CSS child selector get the good typography. */
#Content p+p {margin-top:-1em; text-indent:2.7em;}

img {border-width:0;}
img.thumb {margin:10px 1px;}


#Menu {
	float:left;
	width:150px;
	margin-top:38px;
	background-image:url('/graphics/dotted_vertical.gif');
	background-repeat:repeat-y; padding-left:10px; padding-right:10px; padding-top:0; padding-bottom:40px
	}
#Menu h2 {
	color:#ccc;
	font-size:1.27em; /* ~14px */
	font-weight:800;
	margin:.86em 0 .214em; /* ~12px 0 ~3px */
	}

#Menu p {
	font-size:.9em;
	line-height:1.5;
	margin:0 0 2em;
	}
#Menu ul {margin:0 0 0 1em; padding:0;}
#Menu li {list-style-type:none; margin:0; padding:0; text-indent:-1em;}
	
/* Please forgive me.
   The extra DIV (main) is needed to overcome a shortcoming of Opera5/Win.
   The prefered way to set the width of the content would be to pad the 
   content of #Content using 
   "#Content>* {padding-left:114px; padding-right:15px;}" */

#Main {
	clear:left;
	float:left;
	width:580px;
	}

#Content {
	background-image:url('/graphics/bg_leaf.gif');
	background-repeat:no-repeat;
	background-position: right top;; padding-left:114px; padding-right:15px; padding-top:38px; padding-bottom:0px
	}

#Header {
	border-left:0px solid black; border-right:0px solid black; border-top:1px solid black; border-bottom:1px solid black; width:100%;
	margin-top:100px;
	height:32px;
	background-image:url('/graphics/header_right.gif');
	background-repeat:no-repeat;
	background-position: right center;

/* Here is the ugly brilliant hack that protects IE5/Win from its own stupidity. 
Thanks to Tantek Celik for the hack and to Eric Costello for publicizing it. 
IE5/Win incorrectly parses the "\"}"" value, prematurely closing the style 
declaration. */
	voice-family: "\"}\"";
  	voice-family:inherit;
		height:30px
	}
/* I've heard this called the "be nice to Opera 5" rule. Basically, it feeds correct 
length values to user agents that exibit the parsing error exploited above yet get 
the CSS box model right and understand the CSS2 parent-child selector. */
body>#Header {height:30px;}

#headerLogo {
	float:left;
	height:13px;
	background-image:url('/graphics/header_left.gif');
	background-position: left top;
	background-repeat:no-repeat;
	padding-left:114px; padding-right:0; padding-top:17px; padding-bottom:0
	}

#headerOverlap {
	position:absolute;
	top:78px;
	left:69%;
	width:93px;
	height:76px;
	background-image:url('/graphics/header_leaf.gif');
	background-position: left center;
	background-repeat:no-repeat
	}

#Copyright {
	clear:both;
	padding:50px 0px 100px 0px;
	text-align:center;
	font-weight:800;
	color:#999;
	}


#logNav {margin:3em 0 4em; text-align:center;}
paragraph {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 3em;
	font-style: normal;
	font-weight: normal;
	letter-spacing: normal;
	text-align: justify;
	text-indent: 5px;
	vertical-align: top;
	word-spacing: normal;
}
.paragraph {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-align: justify;
	text-indent: 25px;
	vertical-align: top;
	word-spacing: normal;
; color: #282828
; line-height: 96px; letter-spacing: 12px

}
#FlashIndex {
	position: absolute;
	top: 200px;
	left: 200px;
	height: 300px;
	width: 471px;

}