/*  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: 1024px;
margin-left: auto;
margin-right: auto;
}


/*  This is the screen page header for all pages except the Home page.  */
#Flashheader {
width: 1024px;
height: 104px;
}


/*  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. 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 Site Support quick click link.  */
ul#qclinks li.leftlink3 {
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 floridaswater.com image in the middle of the quick clicks bar.  */
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 {
width: 192px;
position: relative;
top: 0;
left: 0;
}



/*  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 the navigation container.  */
.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.png);
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.png);
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;
}


div.navsitemap {
display: none;
}


/*  Begin nav button style  */

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

/*  Nav button text style  */
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;
}

/*  Causes the word "and" to be returned to the second line of text in this nav button.  */
div.indexbox p#waterbodies {
padding: 0 6px 0 0;
width: 170px;
}

/*  Last nav button style  */
div.indexbox p#last {
border-bottom: none;
}

/*  Link colors and style for nav buttons  */
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;
}

/* End nav button style */



/* Begin pop-outs style */

/*  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;
}

div.indexbox div.popmenu5 {
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: 0;
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:134px;
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:256px;
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:314px;
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);
}

/*  Special style for the last bulleted link in the pop-outs.  */
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;
}

/* End pop-out menu links style */

/* End pop-outs style */



/*  This is style for the messages section in the left column under the main navigation. */

#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 is style for paragraph text 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;
}*/

/* End messages section style */



/*  This is style for footer of the page. */

#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 style for the line of copyright text in the footer.  */
#footer p#copyright {
float: right;
padding: 12px 16px 0 0;
}

/*  This is style for the civil rights statement link text in the middle of the footer.  */
#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;
}

/* End footer style  */



/*  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: 4px 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: 12px 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 16px 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;
height: 222px;
}

#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: 4px;
}

#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: 337px;
overflow-y:scroll;
padding-left:18px;
}

#maincontent #midrightcolumn #Flashvideos #flashbody .firstvideo {
width: 315px;
height: 85px;
margin-top:18px;
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;
margin-bottom:8px;
font-size: 13px;
color:#0000FF;
line-height: 14px;
font-family: "Lucida Sans Unicode","Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}




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

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

#maincontent #midrightcolumn #Flashvideos #flashbody .firstvideos p {
margin-left:160px;
margin-bottom:8px;
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 .firstvideos 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;
height: 638px;
}

#maincontent #midleftcolumn #highlights img {
border: none;
float: left;
margin: 0 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 0 18px;
padding: 0 0 7px 0;
}

#maincontent #midleftcolumn #highlights p {
font-size: 12px;
line-height: 14px;
margin: 0 18px 9px 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 {
float: right;
width: 826px;
}

#maincontent img#banner {
border: 0;
-moz-box-shadow: 0 3px 4px #666;
-webkit-box-shadow: 0 3px 4px #666;
box-shadow: 0 3px 4px #666;
}


/*  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 {
font-size:1.0em;
line-height:1.2em;
margin-bottom: 16px;
margin-top: 0;
}

#maincontent #pagecontent {
padding: 30px 30px 10px 30px;
margin: 0;
}

#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;
_height: 1020px;
width: 736px;
}

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

#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;
}

#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 #pagecontent2 p.dateline {
border-bottom: 1px solid #CCCCCC;
padding-bottom: 5px;
margin-bottom: 8px;
margin-top: 36px;
font-size: 0.7em;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #800000;
}





#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.forcedtextwrap {
padding-right: 90px;
}

#maincontent #pagecontentright h4.mobilelink {
display: none;
}

#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;
line-height: 1.2em;
}

#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-bottom: 0;
}

#maincontent #pagecontentright ul ul {
margin-top: 8px;
margin-bottom: 8px;
padding-top: 0;
padding-bottom: 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 #pagecontentright #indexVideo{
width: 350px;
height: 278px;
margin: 36px 0 0 14px;
}




#maincontent #pagecontentleft {
width: 454px;
padding: 0 30px 0 0;
border-right: 1px solid #CCCCCC;
min-height: 970px;
_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;
margin-top: 0;
}

#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 h4.title {
margin-bottom: 2px;
}

#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 #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 p.title {
margin-bottom: 2px;
}



#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.mobilelink {
display: none;
}

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

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

#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-bottom: 0;
}

#maincontent #pagecontentright2 ul ul {
margin-top: 8px;
margin-bottom: 8px;
padding-top: 0;
padding-bottom: 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;
_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;
margin-top: 0;
}

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

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

#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 h4.title {
margin-bottom: 2px;
}

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

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

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

#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 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 #pagecontentleft2 div.sidebar195 p {
font-size: .75em;
margin-bottom: 6px;
margin-top: 10px;
}

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

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



#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;
}

.sanseriffont1 {
font-family: Arial, Helvetica, sans-serif;
}

.sanseriffont2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
}

.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 #pagecontent2 .anchorindex {
font-size: 11px;
line-height: 14px;
color: #999999;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

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

#maincontent #pagecontentleft .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 8px 16px;
float:right;
}

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


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

#maincontent #pagecontent2 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 #pagecontent2 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;
width: auto;
float: right;
margin-left: 12px;
margin-bottom: 10px;
margin-top: 4px;
}

#maincontent #pagecontent div.sidebar p {
margin-bottom: 0;
}

#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.sidebar {
background-color: #EFEFEF;
border: 1px solid #999999;
padding: 10px;
width: auto;
float: right;
margin-left: 12px;
margin-bottom: 10px;
margin-top: 4px;
}

#maincontent #pagecontent2 div.sidebar p {
margin-bottom: 0;
}





#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;
}

#maincontent #pagecontentleft div.sidebar195 h5 {
margin-bottom: 6px;
margin-top: 10px;
text-align: center;
}


/* End of callout box */


#maincontent #pagecontentleft div.pullquote288 {
border-top: 3px solid #206AD2;
border-bottom: 3px solid #206AD2;
margin: 4px 0 8px 16px;
padding: 12px 6px 12px 10px;
float: right;
width: 288px;
}

#maincontent #pagecontentleft div.pullquote288 h5 {
font-family: "Times New Roman", Times, serif;
font-weight: bold;
font-style: italic;
font-size: 1.2em;
line-height: 1.4em;
color: #206AD2;
}

#maincontent #pagecontentleft div.pullquote288 p {
font-size: 0.7em;
text-align: right;
margin-bottom: 0;
}

#maincontent #pagecontentleft div.pullquote216 {
border-top: 3px solid #206AD2;
border-bottom: 3px solid #206AD2;
margin: 4px 0 8px 16px;
padding: 12px 6px 12px 6px;
float: right;
width: 216px;
}

#maincontent #pagecontentleft div.pullquote216 h5 {
font-family: "Times New Roman", Times, serif;
font-weight: bold;
font-style: italic;
font-size: 1.2em;
line-height: 1.4em;
color: #206AD2;
}

#maincontent #pagecontentleft div.pullquote216 p {
font-size: 0.7em;
text-align: right;
margin-bottom: 0;
}

/* 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;
}

#maincontent #pagecontent2 p.postdate {
text-align: right;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
margin: 0;
padding: 0;
color: #777777;
}

#maincontent #pagecontentleft p.postdate {
text-align: right;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
margin: 0;
padding: 0;
color: #777777;
}

#maincontent #pagecontentleft2 p.postdate {
text-align: right;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
margin: 0;
padding: 0;
color: #777777;
}