/*  This style sheet styles only the site's Home page.  */


/*  Controls major aspects of body behind each page  */
body {
font-family: Arial, Helvetica, sans-serif;
background-color: #333333;
background-image: url(/images/backtile.jpg);
background-repeat: repeat-x;
margin: 0;
padding: 0 0 16px 0;
}

.images_fade img { display: none }
.images_fade img.firstload { display: block }

.slide-images_fade img { display: none }
.slide-images_fade img.firstload { display: block }

/*  Controls link colors and style across whole site. Main and visited text links will not be underlined. Mouseover, or hover, links and active links, when clicked, will be underlined. Changes can be made for specific site sections as needed.  */

a:link {
color: #0000CC;
text-decoration: none;
}

a:visited {
color: #0000CC;
text-decoration: none;
}

a:hover {
color: #0099FF;
text-decoration: none;
}

a:active {
color: #CC0000;
text-decoration: none;
}

/*  Establishes page container width and centers container on screen.  */
#container {
width: 1027px;
margin-left: auto;
margin-right: auto;

}

#Flashheader {
width: 1024px;
height: 104px;
}

/* This is the outside container for all of the page's content except for the Flash header. It is postioned relatively to allow for the pop-out navigation.  */
#main {
position: relative;
top: 0;
left: 0;
}

/*  This is the outside container for holding the quick clicks. This is just the bar with blended blue background.  */
#quickclicks {
background-image: url(/images/qcback.jpg);
background-repeat: no-repeat;
width: auto;
height: 32px;
padding-top: 7px;
margin-bottom: 6px;
}

/*  This is the inside container for the quick clicks. It is best if these links are in an unordered list to be ADA compliant.  */
ul#qclinks {
width: auto;
margin: 0;
padding: 0;
}

/*  This is overall style for all of the quick click links.  */
ul#qclinks li {
display: inline;
list-style-type: none;
margin: 0;
font-size: 12px;
font-weight: bold;
line-height: 12px;
}

/*  This is style for the farthest right quick click link.  */
ul#qclinks li.rightlink1 {
float: right;
padding: 0 12px 0 4px;
}

/*  This is style for the other right-side quick click links.  */
ul#qclinks li.rightlink2 {
float: right;
padding: 0 4px 0 4px;
/*border-right: 1px solid #FFFFFF;*/
}

/*  This is style for the Home quick click link.  */
ul#qclinks li.leftlink1 {
float: left;
padding: 7px 0 0 20px;
}

/*  This is style for the Site Map quick click link.  */
ul#qclinks li.leftlink2 {
float: left;
padding: 7px 0 0 19px;
}

/*  This is style for the bullets in the left quick click links.  */
ul#qclinks li.bullet {
float: left;
padding: 7px 0 0 19px;
font-size: 14px;
color: #00CCFF;
}

/*  This is style for the Site Usage Topics quick click links.  */
ul#qclinks li.leftlink3 {
float: left;
padding: 7px 0 0 19px;
}

ul#qclinks li.center-floridaswater {
color:#FFFFFF;
font-size:20px;
line-height:24px;
letter-spacing:1px;
margin-top:-1px;
text-decoration:none;
float: left;
padding: 7px 0 0 170px;

}

/*  This style gets rid of the blue link border on any images in the quick click links.  */
ul#qclinks li img {
border: none;
}

/*  This style sets the main text link color in the quick click links.  */
ul#qclinks li a:link {
color: #FFFFFF;
}

/*  This style sets the visited text link color in the quick click links.  */
ul#qclinks li a:visited {
color: #FFFFFF;
}

/*  This style sets the mouseover, or hover, text link color in the quick click links.  */
ul#qclinks li a:hover {
color: #00CCFF;
}

/*  This style sets text link color when the link is clicked in the quick click links.  */
ul#qclinks li a:active {
color: #FF4949;
}

/*  This is style for the container for the entire left column of items on the page.  */
#leftcolumn {
float:left;
width: 192px;

}

/*  This style provides a white background color behind some of the site's containers.  */
.whiteback {
background-color: #FFFFFF;
width: auto;
height:auto;
}

/*  This style provides the rounded white corners for the bottom of containers 192 pixels wide.  */
.colbottom192 {
width: 192px;
height: 10px;
background-image: url(/images/192_bottom_rounded_corners.gif);
background-repeat:no-repeat;
background-position: top center;
margin: 0;
padding: 0;
}

/*  This style provides the rounded white corners for the bottom of containers 368 pixels wide.  */
.colbottom368 {
width: 368px;
height: 10px;
background-image: url(/images/368_bottom_rounded_corners.gif);
background-repeat:no-repeat;
background-position: top center;
margin: 0 0 6px 0;
}

/*  This style provides the rounded white corners for the bottom of containers 452 pixels wide.  */
.colbottom452 {
width: 452px;
height: 10px;
background-image: url(/images/452_bottom_rounded_corners.gif);
background-repeat:no-repeat;
background-position: top center;
margin: 0 0 6px 0;
}

.coltop826 {
width: 826px;
height: 10px;
background-image: url(/images/826_top_rounded_corners.gif);
background-repeat:no-repeat;
background-position: top center;
}

.colbottom826 {
width: 826px;
height: 10px;
background-image: url(/images/826_bottom_rounded_corners.gif);
background-repeat:no-repeat;
background-position: top center;
margin-bottom: 6px;
}

.popboxbottom192 {
width: 192px;
height: 10px;
background-image: url(/images/192pop_bottom_rounded_corners.png);
background-repeat:no-repeat;
background-position: top center;
}

#maincontent .grayback {
background-image: url(/images/736graypanel.jpg);
background-repeat:no-repeat;
width:716px;
padding: 15px 0 0 20px;
margin:auto;
}

#maincontent .colbottomgray736 {
height: 14px;
width:736px;
background-image: url(/images/736gray_bottom_rounded_corners.jpg);
background-repeat:no-repeat;
padding: 0;
margin:auto;
}

#maincontent div.grayback h3 {
color: #000000;
margin: 0 0 8px 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 22px;
font-weight: bold;
line-height: 22px;
}

#maincontent div.grayback p {
margin: 0 0 24px 0;
padding: 0;
font-size: 16px;
line-height: 20px;
}


/*  This style immediately below provides for the pop-outs in the navigation.  */

div.indexbox {
margin: 0;
padding: 0;
}

/*  Main navigation buttons seen on all pages.  */
div.indexbox p {
margin: 0 8px 0 8px;
padding: 0;
font-size: 12px;
line-height: 14px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
cursor: default;
width: 176px;
border-bottom: 1px dotted #CCCCCC;
}

div.indexbox p#waterbodies {
padding: 0 6px 0 0;
width: 170px;
}


/*  Last navigation button in the column.  */
div.indexbox p#last {
border-bottom: none;
}

/*  Link colors and style for main nav buttons on all pages.  */
div.indexbox p a:link {
padding: 7px 0 7px 0;
color: #002277;
display: block;
}
div.indexbox p a:visited {
padding: 7px 0 7px 0;
color: #002277;
display: block;
}
div.indexbox p a:hover {
color: #0099FF;
padding: 7px 0 7px 0;
text-decoration: none;
background-image: url(/images/navhoverarrow.gif);
background-repeat: no-repeat;
background-position: right;
display: block;
}
div.indexbox p a:active {
color: #CC0000;
padding: 7px 0 7px 0;
text-decoration: none;
background-image: url(/images/navhoverarrow.gif);
background-repeat: no-repeat;
background-position: right;
display: block;
}

/*  Controls display of pop-out menus when nav buttons ARE NOT moused over, i.e. keeps them hidden from view.  */
div.indexbox div.popmenu {
display:none;
}

div.indexbox div.popmenu2 {
display:none;
}

div.indexbox div.popmenu3 {
display:none;
}

div.indexbox div.popmenu4 {
display:none;
}

/*  Controls display of pop-outs when nav buttons ARE moused over, i.e. causes them to appear on screen.  */
/*  Pop-out vertical position 1  */
div.indexbox:hover div.popmenu {
display:block;
position:absolute;
z-index:1000;
left:132px;
top:45px;
width:172px;
padding: 0 0 0 60px;
background-image: url(/images/popmenuback1x1.png);
background-repeat: no-repeat;
background-position: center center;
background-color: none;
cursor: pointer;
}
/*  Pop-out vertical position 2  */
div.indexbox:hover div.popmenu2 {
display:block;
position:absolute;
z-index:1000;
left:132px;
top:214px;
width:172px;
padding: 0 0 0 60px;
background-image: url(/images/popmenuback1x1.png);
background-repeat: no-repeat;
background-position: center center;
background-color: none;
cursor: pointer;
}
/*  Pop-out vertical position 3  */
div.indexbox:hover div.popmenu3 {
display:block;
position:absolute;
z-index:1000;
left:132px;
top:322px;
width:172px;
padding: 0 0 0 60px;
background-image: url(/images/popmenuback1x1.png);
background-repeat: no-repeat;
background-position: center center;
background-color: none;
cursor: pointer;
}
/*  Pop-out vertical position 4  */
div.indexbox:hover div.popmenu4 {
display:block;
position:absolute;
z-index:1000;
left:132px;
top:368px;
width:172px;
padding: 0 0 0 60px;
background-image: url(/images/popmenuback1x1.png);
background-repeat: no-repeat;
background-position: center center;
background-color: none;
cursor: pointer;
}

/*  Pop-out vertical position 5  */
div.indexbox:hover div.popmenu5 {
display:block;
position:absolute;
z-index:1000;
left:132px;
top:371px;
width:172px;
padding: 0 0 0 60px;
background-image: url(/images/popmenuback1x1.png);
background-repeat: no-repeat;
background-position: center center;
background-color: none;
cursor: pointer;
}

/*  Text container inside the pop-outs.  */
div.indexbox:hover div.poptext {
width:172px;
padding: 6px 10px 10px 10px;
background-image: url(/images/192popboxback.png);
background-repeat: no-repeat;
background-position: top center;
background-color: none;
cursor: default;
}

/*  Text style for the top headline in the pop-outs.  */
div.indexbox:hover div.poptext h5 {
margin: 0;
padding: 6px 0 8px 0;
font-size: 15px;
font-family: "Lucida Sans Unicode","Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
line-height: 16px;
color: #FFFFFF;
text-align: center;
}

div.indexbox:hover div.poptext h6 {
margin: 0;
padding: 0 0 9px 6px;
font-size: 12px;
line-height: 14px;
font-weight: normal;
font-family: "Lucida Sans Unicode","Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
text-align: left;
}

div.indexbox:hover div.poptext h6.moreabout {
padding: 6px 0 0 0;
text-align: center;
}

/*  Text style for the bulleted links UL in the pop-outs.  */
div.indexbox:hover div.poptext ul {
margin-top: 0;
margin-bottom: 8px;
padding-top: 0;
padding-bottom: 0;
}

/*  Text style for the bulleted links in the pop-outs.  */
div.indexbox:hover div.poptext li {
margin: 0 0 10px -20px;
padding: 0 10px 0 0;
font-size: 12px;
font-weight: bold;
line-height: 14px;
list-style-type:none;
list-style-image: url(/images/li_ltbluedot.png);
}

div.indexbox:hover div.poptext li.last {
margin: 0 0 0 -20px;
}


/*  Style for links in the pop-out menus.  */
div.indexbox:hover div.poptext a:link {
color: #A3D7FF;
}
div.indexbox:hover div.poptext a:visited {
color: #A3D7FF;
}
div.indexbox:hover div.poptext a:hover {
color: #FFFFFF;
text-decoration: underline;
}
div.indexbox:hover div.poptext a:active {
color: #FF6666;
text-decoration: underline;
}



/*  This is style for the container holding the messages section in the left column under the hot topics. The same white background container used in the navigation is also used behind the messages section.  */
#messages {
margin: 0;
padding: 0 10px 0 10px;
text-align: center;
background-image: url(/images/messagesback.jpg);
background-repeat:no-repeat;
background-position: top center;
height: 600px;
}

/*  This style sets paragraph text used in the messages section.  */
#messages p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 12px;
margin: 0;
padding: 6px 0 6px 0;
border-bottom: 1px dotted #CCCCCC;
}

/*  This style removes the blue box around an image that is a link in the messages section.  */
#messages img {
border: none;
}

/*  This is style for a separate container for just the search form in the messages section.  */
#messages #search {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 4px;
margin: 0;
padding: 10px 0 10px 0;
border-bottom: 1px dotted #CCCCCC;
}

/*  This is style for the search form itself in the messages section.  */
#messages #search form {
margin: 0;
padding: 0;
}

/*  This is style for the input text box in the search form in the messages section.  */
#messages form input {
font-size: 11px;
}

#messages .myfloridalink {
width: 102px;
height: 64px;
margin: 16px auto 0 auto;
}

#messages .myfloridalink a {
display: block;
width: 102px;
height: 64px;
background-image: url(/images/MyFloridacom_logo.gif);
background-repeat: no-repeat;
}

/*#messages .myfloridalink a:hover,
#messages .myfloridalink a:active {
background-image: url(/images/MyFloridacom_logo2.gif);
background-repeat: no-repeat;
}*/




/*  This is style for the container that holds the footer of the page. It happens to be very similar to the container that holds the quick clicks. */
#footer {
background-image: url(/images/footerback.jpg);
background-repeat: no-repeat;
width: auto;
height: 39px;
clear: both;
margin: 0;
}

/*  This styles all paragraph text in the footer.  */
#footer p {
color: #FFFFFF;
font-family: "Lucida Sans Unicode","Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 14px;
margin: 0;
padding: 12px 0 0 16px;
}

/*  This is additional style for the line of copyright text in the footer.  */
#footer p#copyright {
float: right;
padding: 12px 16px 0 0;
}

#footer p#civilrights {
float: right;
padding: 12px 170px 0 0;
}

/*  This is style for the color of links in the footer.  */
#footer a:link {  /* unvisited link color */
color: #FFFFFF;
}

#footer a:visited {  /* visited link color */
color: #FFFFFF;
}

#footer a:hover {  /* mouse hover over link color */
color: #66CCFF;
}

#footer a:active {  /* mouse click link color */
color: #FF4545;
}



/*  This is style for right, narrower column on the Home page.  */
#midrightcolumn {
float: right;
width: 368px;
}





/*  This is style for the News and Blog box on the Home page. More style is written right in the DIV itself. */
#maincontent #newsandblog {
width: auto;
height: 298px;
background-image: url(/images/368_colbacknews_scroll.jpg);
background-repeat:no-repeat;
background-position: top center;
}

/*  This is style for paragraph text in the News and Blog box.  */
#maincontent #newsandblog p {
font-size: 12px;
line-height: 14px;
margin: 6px 0 0 0;
padding: 0 18px 0 18px;
}

/*  This is additional style for paragraph text that is aligned right in the News and Blog box.  */
#maincontent #newsandblog p.right {
margin: 16px 0 0 0;
}

/*  This is style for the scrolling message bar in the News and Blog box.  */
#maincontent #scrollmessage {
width: 326px;
height: 18px;
margin: 0 0 20px 20px;
}

/* This is style for the unordered list for FAQ's and Overview*/
#maincontent #pagecontent2 ul#list li {
font-size: 1.0em;
line-height: 1.3em;
}


/*  This is style for the Issues box on the Home page.  */
#maincontent #issues {
width: auto;
background-image: url(/images/368_colback.jpg);
background-repeat:no-repeat;
background-position: top center;
}

#maincontent #issues ul {
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
}

#maincontent #issues li {
font-size: 12px;
font-weight: bold;
line-height: 14px;
margin: 0 0 8px -10px;
padding: 0 18px 0 0;
color: #B2B2B2;
}

#maincontent #issues p {
font-size: 12px;
line-height: 14px;
margin: 16px 0 0 0;
padding: 0 18px 0 18px;
text-align: right;
}



#maincontent #midrightcolumn #Flashvideos {
width: auto;
margin: 0;
background-image: url(/images/368_colbacktops.jpg);
background-repeat:no-repeat;
background-position: top center;
}

#maincontent #midrightcolumn #Flashvideos h3 {
margin-bottom: 8px;
}

#maincontent #midrightcolumn #Flashvideos p#viewmore {
margin: 0;
padding: 18px 20px 6px 0;
font-size: 11px;
line-height: 13px;
text-align: right;
}

#maincontent #midrightcolumn #Flashvideos #flashbody {
width: 350px;
height: 368px;
overflow-y:scroll;
padding-left:18px;
}

#maincontent #midrightcolumn #Flashvideos #flashbody .firstvideo {
width: 315px;
height: 85px;
margin-top:20px;
padding-bottom:10px;
border-bottom:1px dotted #CCCCCC;
}

#maincontent #midrightcolumn #Flashvideos #flashbody .firstvideo img {
float:left;
}

#maincontent #midrightcolumn #Flashvideos #flashbody .firstvideo p {
margin-left:160px;
font-size: 13px;
color:#0000FF;
line-height: 14px;
font-family: "Lucida Sans Unicode","Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

#maincontent #midrightcolumn #Flashvideos #flashbody .lastvideo {
width: 315px;
height: 85px;
margin-top:20px;
padding-bottom:10px;
}

#maincontent #midrightcolumn #Flashvideos #flashbody .lastvideo img {
float:left;
}

#maincontent #midrightcolumn #Flashvideos #flashbody .lastvideo p {
margin-left:160px;
font-size: 13px;
color:#0000FF;
line-height: 14px;
font-family: "Lucida Sans Unicode","Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

#maincontent #midrightcolumn #Flashvideos #flashbody .firstvideo p.videotext {
font-family: "Lucida Sans Unicode","Lucida Grande", Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
font-weight:normal;
margin-top: 0;
}

#maincontent #midrightcolumn #Flashvideos #flashbody .lastvideo p.videotext {
font-family: "Lucida Sans Unicode","Lucida Grande", Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
font-weight:normal;
margin-top: 0;
}






#midleftcolumn {
width: 452px;
}

/*  This is the container holding the main Flash feature on the Home page.  */
#Flashfeature {
width: 452px;
height: 288px;
margin: 0;
}



#maincontent #midleftcolumn #highlights {
width: auto;
background-image: url(/images/452_colback.jpg);
background-repeat:no-repeat;
background-position: top center;
}

#maincontent #midleftcolumn #highlights img {
border: none;
float: left;
margin: -3px 6px 0 18px;
}

#maincontent #midleftcolumn #highlights h5 {
font-size: 14px;
font-weight: normal;
font-family: "Lucida Sans Unicode","Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
line-height: 14px;
margin: 0 18px 1px 18px;
padding: 0 0 10px 0;
}

#maincontent #midleftcolumn #highlights p {
font-size: 12px;
line-height: 14px;
margin: 0 18px 11px 18px;
padding: 0 0 11px 0;
border-bottom: 1px dotted #CCCCCC;
}

#maincontent #midleftcolumn #highlights p#last {
margin: 0 18px 0 18px;
padding: 0 0 8px 0;
border-bottom: none;
}







/*  This is the container holding all content to the right of the navigation column on the left.  */
#maincontent {
margin-left: 198px;
margin-bottom: 6px;
width: 826px;
}

#maincontent img#banner {
border: 0;
}


/*  This is style for the column header text on the Home page. This white text is usually over a blended gray bar.  */
#maincontent h3 {
color: #FFFFFF;
font-family: "Lucida Sans Unicode","Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
font-size: 17px;
font-weight: normal;
line-height: 18px;
margin: 0 0 18px 0;
padding: 4px 0 0 18px;
}

#maincontent p {
margin-top: 0;
margin-bottom: 16px;
line-height: 1.2em;
}


#maincontent #pagecontent {
padding: 30px 30px 10px 30px;
margin: 0;
min-height: 970px;
}

#maincontent #pagecontent h2 {
font-size:1.5em;
line-height: 1.2em;
color:#000000;
margin-top: 0;
margin-bottom: 36px;
}

#maincontent #pagecontent h5.subhead {
font-size:18px;
line-height:19px;
padding-bottom: 8px;
margin: 0 0 24px 0;
color: #0066CC;
border-bottom: 1px solid #CCCCCC;
font-weight: normal;
}

#maincontent #pagecontent h5.subhead a:link {
color: #0066CC;
text-decoration: none;
}

#maincontent #pagecontent h5.subhead a:visited {
color: #0066CC;
text-decoration: none;
}

#maincontent #pagecontent h5.subhead a:hover {
color: #99CCFF;
text-decoration: none;
}

#maincontent #pagecontent h5.subhead a:active {
color: #CC0000;
text-decoration: none;
}

#maincontent #pagecontent2 {
padding: 30px 30px 10px 30px;
margin: 0 auto 0 auto;
min-height: 1020px;
width: 736px;
}

#maincontent #pagecontent2 h5.subhead {
font-size:18px;
line-height:19px;
padding-bottom: 8px;
margin: 0 0 24px 0;
color: #0066CC;
border-bottom: 1px solid #CCCCCC;
font-weight: normal;
text-align: left;
}

#maincontent #pagecontent2 h5.subhead a:link {
color: #0066CC;
text-decoration: none;
}

#maincontent #pagecontent2 h5.subhead a:visited {
color: #0066CC;
text-decoration: none;
}

#maincontent #pagecontent2 h5.subhead a:hover {
color: #99CCFF;
text-decoration: none;
}

#maincontent #pagecontent2 h5.subhead a:active {
color: #CC0000;
text-decoration: none;
}

#maincontent #pagecontent2 h5 {
font-size:1.1em;
line-height:1.2em;
margin-top: 0;
margin-bottom: 12px;
}

#maincontent #pagecontent2 p.border {
padding-top: 16px;
border-top:1px solid #CCCCCC; 
}

#maincontent #pagecontent2 h5.border {
padding-top: 16px;
border-top:1px solid #CCCCCC; 
}

#maincontent #pagecontent2 h5.title {
margin-bottom: 2px;
}

#maincontent #pagecontent2 h2 {
font-size:1.5em;
line-height: 1.2em;
color:#000000;
margin-top: 0;
margin-bottom: 36px;
}

#maincontent #pagecontent2 h2.title {
margin-bottom: 0;
}

#maincontent #pagecontent h2.border {
padding-top: 16px;
border-top:1px solid #CCCCCC; 
}


#maincontent #pagecontent2 h4 {
font-size:1.27em;
line-height:1.1em;
margin-top: 0;
margin-bottom: 12px;
}

#maincontent #pagecontent2 h4.border {
padding-top: 16px;
border-top:1px solid #CCCCCC; 
}

#maincontent #pagecontent2 h4.title {
margin-bottom: 2px;
}

#maincontent #pagecontent2 p.title {
margin-bottom: 2px;
}

#maincontent #pagecontent2 ul {
margin-top: 0;
margin-bottom: 16px;
}

#maincontent #pagecontent2 ul li {
margin-top: 0;
margin-bottom: 6px;
font-size: 1.0em;
line-height: 1.3em;
margin-left: auto;
list-style-image: url(/images/li_bluedot.gif);
}

#maincontent #pagecontent2 ul ul li {
list-style-image: url(/images/li_subbullet.gif);
}

#maincontent #pagecontent2 ul li.space {
list-style-image: none;
}

#maincontent #pagecontent2 ol {
margin-top: 0;
margin-bottom: 16px;
padding-top: 0;
padding-bottom: 0;
}

#maincontent #pagecontent2 ol li {
margin-top: 0;
margin-bottom: 6px;
font-size: 1.0em;
line-height: 1.3em;
margin-left: auto;
}




#maincontent #pagecontentright {
float: right;
width: 260px;
padding: 0 0 0 15px;
}

#maincontent #pagecontentright h4 {
color: #0000CC;
margin: 0 0 8px 0;
padding-top: 8px;
font-size: 14px;
border-top: 1px solid #CCCCCC;
}

#maincontent #pagecontentright h4.title {
margin: 0 0 2px 0;
}

#maincontent #pagecontentright h4.first {
padding-top: 0;
border-top: none;
color: #484848;
}

#maincontent #pagecontentright p{
margin: 0 0 12px 0;
font-size: 13px;
}

#maincontent #pagecontentright p.last {
border-bottom: none;
padding-bottom: 0;
margin: 0;
}

#maincontent #pagecontentright h5 {
color: #484848;
margin: 0 0 8px 0;
font-size: 13px;
}

#maincontent #pagecontentright ul {
margin-top: 8px;
margin-bottom: 16px;
padding-top: 0;
padding-top: 0;
}

#maincontent #pagecontentright ul ul {
margin-top: 8px;
margin-bottom: 8px;
padding-top: 0;
padding-top: 0;
}

#maincontent #pagecontentright ul li {
color: #484848;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 12px;
margin-bottom: 6px;
margin-left: -22px;
}

#maincontent #pagecontentright ul ul li {
color: #484848;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 12px;
list-style-image: url(/images/li_subbullet_rcol.gif);
}

#maincontent #pagecontentleft {
width: 454px;
padding: 0 30px 0 0;
border-right: 1px solid #CCCCCC;
min-height: 970px;
}

#maincontent #pagecontentleft ol {
margin-top: 0;
margin-bottom: 16px;
padding-top: 0;
padding-bottom: 0;
}

#maincontent #pagecontentleft ol li {
margin-top: 0;
margin-bottom: 6px;
font-size: 1.0em;
line-height: 1.3em;
margin-left: auto;
}

#maincontent #pagecontentleft ul {
margin-top: 0;
margin-bottom: 16px;
}

#maincontent #pagecontentleft ul li {
font-size:1.0em;
line-height:1.3em;
margin-bottom:8px;
list-style-image: url(/images/li_bluedot.gif);
}

#maincontent #pagecontentleft ul ul li {
list-style-image: url(/images/li_subbullet.gif);
}

#maincontent #pagecontentleft li.space {
list-style-image: none);
}

#maincontent #pagecontentleft p {
font-size:1.0em;
line-height:1.3em;
margin-bottom: 16px;
}

#maincontent #pagecontentleft p.border {
padding-top: 16px;
border-top: 1px solid #CCCCCC;
}


#maincontent #pagecontentleft h4 {
font-size:1.27em;
line-height:1.2em;
margin-bottom: 12px;
margin-top: 0;
}

#maincontent #pagecontentleft h4.border {
padding-top: 16px;
border-top: 1px solid #CCCCCC;
}

#maincontent #pagecontentleft h5 {
font-size:1.1em;
line-height:1.2em;
margin-bottom: 12px;
margin-top: 0;
}

#maincontent #pagecontentleft h5.border {
padding-top: 16px;
border-top: 1px solid #CCCCCC;
}

#maincontent #pagecontentleft h5.title {
margin-bottom: 2px;
}



#maincontent #pagecontentright #indexVideo{
width: 350px;
height: 278px;
margin: 36px 0 0 14px;
}




#maincontent #pagecontentright2 {
float: right;
width: 138px;
padding: 0 0 0 15px;
}

#maincontent #pagecontentright2 h4 {
color: #0000CC;
margin: 0 0 8px 0;
padding-top: 8px;
font-size: 14px;
border-top: 1px solid #CCCCCC;
}

#maincontent #pagecontentright2 h4.first {
padding-top: 0;
border-top: none;
color: #484848;
}

#maincontent #pagecontentright2 p{
margin: 0 0 12px 0;
font-size: 13px;
}

#maincontent #pagecontentright2 p.last {
border-bottom: none;
padding-bottom: 0;
margin: 0;
}

#maincontent #pagecontentright2 h5 {
color: #484848;
margin: 0 0 8px 0;
font-size: 13px;
}

#maincontent #pagecontentright2 ul {
margin-top: 8px;
margin-bottom: 16px;
padding-top: 0;
padding-top: 0;
}

#maincontent #pagecontentright2 ul ul {
margin-top: 8px;
margin-bottom: 8px;
padding-top: 0;
padding-top: 0;
}

#maincontent #pagecontentright2 ul li {
color: #484848;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 12px;
margin-bottom: 6px;
margin-left: -22px;
}

#maincontent #pagecontentright2 ul ul li {
color: #484848;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 12px;
list-style-image: url(/images/li_subbullet_rcol.gif);
}

#maincontent #pagecontentleft2 {
width: 577px;
padding: 0 30px 0 0;
border-right: 1px solid #CCCCCC;
min-height: 970px;
}

#maincontent #pagecontentleft2 ol {
margin-top: 0;
margin-bottom: 16px;
padding-top: 0;
padding-bottom: 0;
}

#maincontent #pagecontentleft2 ol li {
margin-top: 0;
margin-bottom: 6px;
font-size: 1.0em;
line-height: 1.3em;
margin-left: auto;
}

#maincontent #pagecontentleft2 ul {
margin-top: 0;
margin-bottom: 16px;
}

#maincontent #pagecontentleft2 ul li {
font-size:1.0em;
line-height:1.3em;
margin-bottom:8px;
list-style-image: url(/images/li_bluedot.gif);
}

#maincontent #pagecontentleft2 ul ul li {
list-style-image: url(/images/li_subbullet.gif);
}

#maincontent #pagecontentleft2 li.space {
list-style-image: none;
}

#maincontent #pagecontentleft2 p {
font-size:1.0em;
line-height:1.3em;
margin-bottom: 16px;
}

#maincontent #pagecontentleft2 p.border {
padding-top: 16px;
border-top: 1px solid #CCCCCC;
}

#maincontent #pagecontentleft2 h4 {
font-size:1.27em;
line-height:1.1em;
margin-bottom: 12px;
margin-top: 0;
}

#maincontent #pagecontentleft2 h4.border {
padding-top: 16px;
border-top: 1px solid #CCCCCC;
}

#maincontent #pagecontentleft2 h5 {
font-size:1.1em;
line-height:1.1em;
margin-bottom: 12px;
margin-top: 0;
}

#maincontent #pagecontentleft2 h5.border {
padding-top: 16px;
border-top:1px solid #CCCCCC; 
}

#maincontent #pagecontentleft2 h2 {
font-size:1.5em;
line-height: 1.2em;
color:#000000;
margin-top: 0;
margin-bottom: 16px;
}

#maincontent #pagecontentleft2 h2.title {
margin-bottom: 2px;
}

#maincontent #pagecontentleft2 h5.title {
margin-bottom: 2px;
}

#maincontent #pagecontentleft2 p.title {
margin-bottom: 2px;
}

#maincontent #pagecontentleft2 h4.title {
margin-bottom: 2px;
}

#maincontent #pagecontentleft h2 {
font-size:1.5em;
line-height: 1.2em;
color:#000000;
margin-top: 0;
margin-bottom: 16px;
}

#maincontent #pagecontentleft h2.title {
margin-bottom: 2px;
}

#maincontent #pagecontentleft h4.title {
margin-bottom: 2px;
}

#maincontent #pagecontentleft p.title {
margin-bottom: 2px;
}

#maincontent #pagecontent #printpagetitle {
display: none;
}

#maincontent #pagecontent2 #printpagetitle {
display: none;
}

#maincontent #pagecontentleft #printpagetitle {
display: none;
}

#maincontent #pagecontentleft2 #printpagetitle {
display: none;
}

#printheader {
display: none;
}

#printfooter {
display: none;
}


/* Style for general text decoration or alteration */

sup {
font-size: 9px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
vertical-align:	super;
line-height: 6px;
}

.sup {
font-size: 7px;
font-family: Verdana, Arial, Helvetica, sans-serif;
vertical-align:	super;
line-height: 6px;
}

li.space {
list-style-type: none;
list-style-image: none;
}

.largest {
font-size: 1.3em;
}

.larger {
font-size: 1.2em;
}

.large {
font-size: 1.1em;
}

.small {
font-size: 0.9em;
}

.smaller {
font-size: 0.8em;
}

.smallest {
font-size: 0.7em;
}

.plain {
font-weight: normal;
}

.navy {
color: #002277;
}

.dkred {
color: #800000;
}

.dkorange {
color: #A55300;
}

.redtext {
color: #CC0000;
}

.lightblue {
color: #66CCFF;
}

.brightblue {
color: #0066CC;
}

.blacktext {
color: #000000;
}

.aqualt {
color: #87CBCB;
}

.aquamed {
color: #1F9797;
}

.aquadk {
color: #177070;
}

.graylt {
color: #999999;
}

.graymed {
color: #666666;
}

.graydk {
color: #484848;
}

.white {
color: #FFFFFF;
}

.centered {
text-align: center;
}

.right {
text-align: right;
}

.seriffont1 {
font-family: "Times New Roman", Times, serif;
}

.seriffont2 {
font-family: Georgia, "Times New Roman", Times, serif;
}

.border_round {
border:1px solid #000000;
width:auto;
}

#maincontent .graphic {
float: right;
margin: 0 0 8px 16px;
}

#maincontent #pagecontent2 .graphic {
float: right;
margin: 0 0 8px 16px;
}

#maincontent #pagecontentleft2 .graphic {
float: right;
margin: 0 0 8px 16px;
}


#maincontent .graphic2 {
float: left;
margin: 0 16px 8px 0;
}

#maincontent .photo {
float: right;
margin: 4px 0 6px 16px;
border: 1px solid #000000;
}

#maincontent .photo2 {
float: left;
margin: 4px 16px 6px 0;
border: 1px solid #000000;
}


#maincontent .photo3-center{
margin: 0 0 9px 0;
border: 1px solid #000000;
}
#maincontent .bodynote {
color: #CC0000;
font-size: 0.7em;
line-height: 1.2em;
}

#maincontent .bodynote2 {
font-size: 0.7em;
line-height: 1.2em;
}

#maincontent .headernote {
font-size: 0.8em;
color: #CC0000;
margin: 0;
line-height: 1.2em;
}

#maincontent .headernote2 {
font-size: 12px;
color: #000000;
margin: 0;
line-height: 1.0em;
}

#maincontent .anchorindex {
font-size: 11px;
line-height: 14px;
color: #999999;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#maincontent .indentbox {
margin-left: 30px;
margin-right: 30px;
}

#maincontent .indentbox2 {
margin-left: 60px;
margin-right: 60px;
}

/* Start NEW gototop */

#maincontent p.gototop {
text-align: right;
}

#maincontent p.gototop a:link {
text-align: center;
background-image: url(/images/gototopback1.gif);
background-repeat: no-repeat;
background-position: center;
padding: 3px 5px 4px 5px;
}

#maincontent p.gototop a:visited {
text-align: center;
background-image: url(/images/gototopback1.gif);
background-repeat: no-repeat;
background-position: center;
padding: 3px 5px 4px 5px;
}

#maincontent p.gototop a:hover {
text-align: center;
background-image: url(/images/gototopback2.gif);
background-repeat: no-repeat;
background-position: center;
padding: 3px 5px 4px 5px;
}

#maincontent p.gototop a:active {
text-align: center;
background-image: url(/images/gototopback2.gif);
background-repeat: no-repeat;
background-position: center;
padding: 3px 5px 4px 5px;
}

#maincontent p.gototop a img{
border: 0;
}

/* End of NEW gototop */

/* Start OLD gototop

#maincontent p.gototop {
text-align: right;
}

#maincontent p.gototop a:link {
text-align: center;
border: 1px solid #CCCCCC;
background-color: #AAAAAA;
padding: 0 4px 1px 4px;
}

#maincontent p.gototop a:visited {
text-align: center;
border: 1px solid #CCCCCC;
background-color: #AAAAAA;
padding: 0 4px 1px 4px;
}

#maincontent p.gototop a:hover {
text-align: center;
border: 1px solid #CCCCCC;
background-color: #3366CC;
padding: 0 4px 1px 4px;
}

#maincontent p.gototop a:active {
text-align: center;
border: 1px solid #CCCCCC;
background-color: #990000;
padding: 0 4px 1px 4px;
}

#maincontent p.gototop a img{
border: 0;
}

End of OLD gototop */


h2.title, h3.title, h4.title, h5.title, p.title {
margin-bottom: 2px;
}

#maincontent div.image96 {
width: 98px;
float: right;
margin: 0 0 8px 16px;
}


#maincontent div.image96 img {
border: 1px solid #000000;
}


#maincontent div.image144 {
width: 146px;
float: right;
margin: 0 0 8px 16px;
}


#maincontent div.image144 img {
border: 1px solid #000000;
}

#maincontent div.image180 {
width: 182px;
float: right;
margin: 0 0 8px 16px;
}

#maincontent div.image180 img {
border: 1px solid #000000;
}

#maincontent div.image216 {
width: 218px;
float: right;
margin: 0 0 8px 16px;
}

#maincontent div.image216 img {
border: 1px solid #000000;
}

#maincontent div.image238 {
width: 240px;
float: right;
margin: 0 0 8px 16px;
}

#maincontent div.image238 img {
border: 1px solid #000000;
}

#maincontent div.image252 {
width: 254px;
float: right;
margin: 0 0 8px 16px;
}

#maincontent div.image252 img {
border: 1px solid #000000;
}

#maincontent div.image288 {
width: 290px;
float: right;
margin: 0 0 8px 16px;
}

#maincontent div.image288 img {
border: 1px solid #000000;
}

#maincontent div.image324 {
width: 326px;
float: right;
margin: 0 0 8px 16px;
}

#maincontent div.image324 img {
border: 1px solid #000000;
}

#maincontent div.image360 {
width: 362px;
float: right;
margin: 0 0 8px 16px;
}

#maincontent div.image360 img {
border: 1px solid #000000;
}


#maincontent div.image454 {
width: 456px;
margin: 0 0 8px 0;
}

#maincontent div.image454 img {
border: 1px solid #000000;
margin: 0 0 10px 0;
}

#maincontent div.image400 {
width: 402px;
margin: 0 0 0 20px;
float:right;
}

#maincontent div.image400 img {
border: 1px solid #000000;
margin: 0;
}


#maincontent p.cutline {
font-size: 0.8em;
line-height: 1.1em;
margin-top: 4px;
margin-bottom: 8px;
}

#maincontent #pagecontentleft p.cutline {
font-size: 0.8em;
line-height: 1.1em;
margin-top: 4px;
margin-bottom: 8px;
}

#maincontent #pagecontentleft2 p.cutline {
font-size: 0.8em;
line-height: 1.1em;
margin-top: 4px;
margin-bottom: 8px;
}

#maincontent p.photocredit {
font-size: 0.8em;
color: #666666;
text-align: right;
margin-top: 4px;
margin-right: 0;
margin-bottom: 8px;
}

#maincontent #pagecontentleft p.photocredit {
font-size: 0.6em;
color: #666666;
text-align: right;
margin-top: 4px;
margin-right: 0;
margin-bottom: 8px;
}

#maincontent #pagecontentleft2 p.photocredit {
font-size: 0.6em;
color: #666666;
text-align: right;
margin-top: 4px;
margin-right: 0;
margin-bottom: 8px;
}

/* End decorative style section */

/* Start of call out box 288 width */

#maincontent #pagecontent div.sidebar {
background-color: #EFEFEF;
border: 1px solid #999999;
padding: 10px 10px 0 10px;
width: auto;
float: right;
margin-left: 12px;
margin-bottom: 10px;
}

#maincontent #pagecontent2 div.sidebar288 {
background-color: #EFEFEF;
border: 1px solid #999999;
padding: 0 10px 10px 10px;
width: 288px;
float: right;
margin-left: 12px;
margin-bottom: 15px;
}

#maincontent #pagecontent2 div.sidebar288 p {
font-size: .75em;
margin-bottom: 6px;
margin-top: 10px;
}

#maincontent #pagecontent2 div.sidebar288 ul li {
font-size: 1.0em;
line-height: 1.1em;
margin-bottom: 6px;
margin-top: 6px;
}

#maincontent #pagecontent2 div.sidebar288 ul ul li {
font-size: 1.0em;
line-height: 1.1em;
margin-bottom: 6px;
margin-top: 6px;
}

#maincontent #pagecontent2 div.sidebar288 h5 {
margin-bottom: 6px;
margin-top: 10px;
}
/* ------------------ */

#maincontent #pagecontent div.sidebar288 {
background-color: #EFEFEF;
border: 1px solid #999999;
padding: 0 10px 10px 10px;
width: 288px;
float: right;
margin-left: 12px;
margin-bottom: 15px;
}

#maincontent #pagecontent div.sidebar288 p {
font-size: .75em;
margin-bottom: 6px;
margin-top: 10px;
}

#maincontent #pagecontent div.sidebar288 li {
font-size: .75em;
line-height: 1.1em;
margin-bottom: 6px;
margin-top: 6px;
}

#maincontent #pagecontent div.sidebar288 ul ul li {
font-size: 1.0em;
}

#maincontent #pagecontent div.sidebar288 h5 {
margin-bottom: 6px;
margin-top: 10px;
}



#maincontent #pagecontent div.sidebar195{
background-color: #EFEFEF;
border: 1px solid #999999;
padding: 0 10px 10px 10px;
width: 195px;
float: right;
margin-left: 12px;
margin-bottom: 15px;
}

#maincontent #pagecontent div.sidebar195 p {
font-size: .75em;
margin-bottom: 6px;
margin-top: 10px;
}

#maincontent #pagecontent  div.sidebar195 li {
font-size: .75em;
line-height: 1.1em;
margin-bottom: 6px;
margin-top: 6px;
}

#maincontent #pagecontent  div.sidebar195 h5 {
margin-bottom: 6px;
margin-top: 10px;
}


/* Start of call out box 195 width */
#maincontent #pagecontent2 div.sidebar195-white {
padding: 0 10px 10px 10px;
width: 195px;
float: right;
margin-left: 12px;
margin-bottom: 15px;
}


#maincontent #pagecontent2 div.sidebar195-white p {
font-size: .75em;
margin-bottom: 6px;
margin-top: 10px;
}

#maincontent #pagecontent2  div.sidebar195-white li {
font-size: .75em;
line-height: 1.1em;
margin-bottom: 6px;
margin-top: 6px;
}

#maincontent #pagecontent2  div.sidebar195-white h5 {
margin-bottom: 6px;
margin-top: 10px;
}




#maincontent #pagecontent2 div.sidebar195 {
padding: 0 10px 10px 10px;
width: 195px;
float: right;
margin-left: 12px;
margin-bottom: 15px;
background-color: #EFEFEF;
border: 1px solid #999999;
}

#maincontent #pagecontent2 div.sidebar195 p {
font-size: .75em;
margin-bottom: 6px;
margin-top: 10px;
}

#maincontent #pagecontent2 div.sidebar195 h5 {
font-size: 0.9em;
margin-bottom: 6px;
margin-top: 10px;
text-align: center;
}

#maincontent #pagecontent2 div.sidebar195 ol {
margin-bottom: 0;
margin-top: 0;
}

#maincontent #pagecontent2 div.sidebar195 li {
margin-bottom: 0;
margin-left: -16px;
margin-top: 0;
font-size: .75em;
}


#maincontent #pagecontentleft div.sidebar195 {
padding: 0 10px 10px 10px;
width: 195px;
float: right;
margin-left: 12px;
margin-bottom: 15px;
background-color: #EFEFEF;
border: 1px solid #999999;
}

#maincontent #pagecontentleft div.sidebar195 p {
font-size: .75em;
margin-bottom: 6px;
margin-top: 10px;
}


/* End of callout box */

/* Start of call out box 125 width */

#maincontent #pagecontent2 div.sidebar125 {
background-color: #EFEFEF;
border: 1px solid #999999;
padding: 0 10px 10px 10px;
width: 125px;
float: right;
margin-left: 12px;
margin-bottom: 15px;
}

#maincontent #pagecontent2 div.sidebar125 p {
font-size: .75em;
margin-bottom: 6px;
margin-top: 10px;
}

#maincontent #pagecontent2  div.sidebar125 li {
font-size: .75em;
line-height: 1.1em;
margin-bottom: 6px;
margin-top: 6px;
}

#maincontent #pagecontent2  div.sidebar125 h5 {
margin-bottom: 6px;
margin-top: 10px;
}



/* End of callout box */

/* Start of call out box 220 PAGECONTENT width */
#maincontent #pagecontent div.sidebar220 {
background-color: #EFEFEF;
border: 1px solid #999999;
padding: 0 10px 10px 10px;
width: 220px;
float: right;
margin-left: 12px;
margin-bottom: 15px;
}

#maincontent #pagecontent div.sidebar220 p {
font-size: .75em;
margin-bottom: 6px;
margin-top: 10px;
}

#maincontent #pagecontent  div.sidebar220 li {
font-size: .75em;
line-height: 1.1em;
margin-bottom: 6px;
margin-top: 6px;
margin-left:-25px;
}

#maincontent #pagecontent  div.sidebar220 h5 {
margin-bottom: 6px;
margin-top: 10px;
}

/* End of callout box */


/* Start of call out box 220 PAGECONTENT width */
#maincontent #pagecontent2 div.sidebar220 {
background-color: #EFEFEF;
border: 1px solid #999999;
padding: 0 10px 10px 10px;
width: 220px;
float: right;
margin-left: 12px;
margin-bottom: 15px;
}

#maincontent #pagecontent2 div.sidebar220 p {
font-size: .75em;
margin-bottom: 6px;
margin-top: 10px;
}

#maincontent #pagecontent2  div.sidebar220 li {
font-size: .75em;
line-height: 1.1em;
margin-bottom: 6px;
margin-top: 6px;
}

#maincontent #pagecontent2  div.sidebar220 h5 {
margin-bottom: 6px;
margin-top: 10px;
}

/*--------------------- */

#maincontent #pagecontentleft2 div.sidebar220 {
background-color: #EFEFEF;
border: 1px solid #999999;
width: 198px;
float: right;
}

#maincontent #pagecontentleft2 div.sidebar220 p {
font-size: .75em;
margin-bottom: 6px;
margin-top: 10px;
}

#maincontent #pagecontentleft2  div.sidebar220 li {
font-size: .75em;
line-height: 1.1em;
margin-bottom: 6px;
margin-top: 6px;
}

#maincontent #pagecontentleft2  div.sidebar220 h5 {
margin-bottom: 6px;
margin-top: 10px;
}
/* End of callout box */



/* Start of call out box 394 width */
#maincontent #pagecontent2 div.sidebar394 {
background-color: #EFEFEF;
border: 1px solid #999999;
padding: 0 10px 10px 10px;
width: 394px;
float: right;
margin-left: 12px;
margin-bottom: 15px;
}

#maincontent #pagecontent2 div.sidebar394 p {
font-size: .75em;
margin-bottom: 6px;
margin-top: 10px;
}

#maincontent #pagecontent2  div.sidebar394 li {
font-size: .75em;
line-height: 1.1em;
margin-bottom: 6px;
margin-top: 6px;
}

#maincontent #pagecontent2  div.sidebar394 h5 {
margin-bottom: 6px;
margin-top: 10px;
}
/* ------------------ */



#maincontent #pagecontent #pagecontentleft2 table tr td.date {
font-weight:bold;
}

.definition {
vertical-align:middle;
font-weight:bold;
color:#0033CC;
cursor:pointer;
}