html{ overflow: -moz-scrollbars-vertical !important; overflow-y:scroll; }
body { background: #fefeff url(/img/summer/bg.jpg) top center no-repeat; font: small/85% Arial, Helvetica, Verdana, sans-serif; color: #1A3C8E; text-align: left; margin: 0; padding: 0; }
/* styles headings */
h1 { color: #81b3dc; font: normal 140% Georgia, "Times New Roman", Times, serif; margin: 5px 0 0 19px; }
h1 span { color: #F1041E; }
h2 { color: #1A3C8E; font: normal 140% Georgia, "Times New Roman", Times, serif; line-height: 125%; margin: 0 0 10px 0; }
h3 { color: #1A3C8E; font: normal 130% Georgia, "Times New Roman", Times, serif; line-height: 115%; margin: 10px 0; }
h4 { color: #1A3C8E; font: bold 100% Arial, Helvetica, Verdana, sans-serif; }
h5 { color: #1A3C8E; font: bold 100% Arial, Helvetica, Verdana, sans-serif; margin: 5px 0; }
/* general styles */
p { margin: 0 0 1em 0; line-height: 1.3em; }
blockquote { line-height: 1.3em; }
.sm { font-size: 85%; }
ul { list-style-type: square; line-height: 1.3em; }
ol { line-height:1.5em; }
li { margin-bottom: 3px; }
A:link { text-decoration: underline; color: #1A3C8E; }
A:visited { text-decoration: underline; color: #81b3dc; }
A:active { text-decoration: none; color: #81b3dc; }
A:hover { text-decoration: none; color: #81b3dc; }
A.pdf:link { text-decoration: none; color: #1A3C8E; font-size: 85%;}
A.pdf:visited { text-decoration: none; color: #1A3C8E; font-size: 85%; }
A.pdf:active { text-decoration: underline; color: #81b3dc; font-size: 85%; }
A.pdf:hover { text-decoration: underline; color: #81b3dc; font-size: 85%; }
img { border: 0; padding: 0; }
/* styles forms */
input, select, textarea { font-family: Arial, sans-serif; color: #000000; }
textarea { overflow: auto; }
label { display: none; }
/* styles main body elements */
#MasterContainer { width: 952px; margin: 0 auto; padding: 0; border: 0; clear: both; }
#Content { clear: both; margin: 0; padding: 10px 0 0 0; width: 952px; border-top: 1px solid #E1ECFA; background-color: #FFFFFF; }
/* styles for the various header images */
#Hed { margin: 0; padding: 0; width: 952px; border: 0; background: #fff url(/img/summer/hed_JoyStClaire_osf_dragon.jpg) top left no-repeat; }
#Hed #Bottom { height: 73px; background: #fff url(/img/summer/hed_JoyStClaire_osf_dragon.jpg) bottom left no-repeat; }
#Hed2 { margin: 0; padding: 0; width: 952px; border: 0; background: #fff url(/img/summer/hed_JoyStClaire_osf_fw-tent.jpg) top left no-repeat; }
#Hed2 #Bottom { height: 73px; background: #fff url(/img/summer/hed_JoyStClaire_osf_fw-tent.jpg) bottom left no-repeat; }
#Hed3 { margin: 0; padding: 0; width: 952px; border: 0; background: #fff url(/img/summer/hed_JoyStClaire_osf_swing_empty.jpg) top left no-repeat; }
#Hed3 #Bottom { height: 73px; background: #fff url(/img/summer/hed_JoyStClaire_osf_swing_empty.jpg) bottom left no-repeat; }
#Hed4 { margin: 0; padding: 0; width: 952px; border: 0; background: #fff url(/img/summer/hed_JoyStClaire_osf_carousel.jpg) top left no-repeat; }
#Hed4 #Bottom { height: 73px; background: #fff url(/img/summer/hed_JoyStClaire_osf_carousel.jpg) bottom left no-repeat; }
#Hed5 { margin: 0; padding: 0; width: 952px; border: 0; background: #fff url(/img/summer/hed_JoyStClaire_osf_fw-flags.jpg) top left no-repeat; }
#Hed5 #Bottom { height: 73px; background: #fff url(/img/summer/hed_JoyStClaire_osf_fw-flags.jpg) bottom left no-repeat; }
#Hed6 { margin: 0; padding: 0; width: 952px; border: 0; background: #fff url(/img/summer/hed_JoyStClaire_osf_swing.jpg) top left no-repeat; }
#Hed6 #Bottom { height: 73px; background: #fff url(/img/summer/hed_JoyStClaire_osf_swing.jpg) bottom left no-repeat; }
#Hed7 { margin: 0; padding: 0; width: 952px; border: 0; background: #fff url(/img/summer/hed_JoyStClaire_osf_fw.jpg) top left no-repeat; }
#Hed7 #Bottom { height: 73px; background: #fff url(/img/summer/hed_JoyStClaire_osf_fw.jpg) bottom left no-repeat; }
/* styles general header elements */
#Toplinks { padding: 15px; float: left; width: 355px; color: #9FAEFE; border: 0; }
#Toplinks a { color: #fff; text-decoration: none; }
#Toplinks a:hover { text-decoration: underline; }
#Logo { float: left; width: 170px; border: 0; }
#LogoLink { display: block; height: 69px; width: 170px; }
#Searchbox { margin: 0; padding: 15px; float: right; border: 0; }
#Searchbox form { margin-bottom: 0; }
#MainNav { clear: both; margin: 0; padding: 2px 0 5px 0; font: 140% Georgia, "Times New Roman", Times, serif; color: #9FAEFE; letter-spacing: -1px; text-align: center; border: 0; background: #fff; }
#MainNav a { color: #0e3288; text-decoration: none; }
#MainNav a:hover { color: #357edf; text-decoration: none; }
/* styles for homepage */
#NewsTabs { clear: both; margin: 10px 17px 0 18px; padding: 0; width: 916px; background: transparent url(/img/summer/bg_newstabs.jpg) top left no-repeat; border-left: 1px solid #A0C3DF; }
#News_Container { float: left; padding: 0; margin: 0; width: 610px; color:#d82f2f; }
#News { margin: 0; border-top: 1px solid #A0C3DF; }
#News a { color: #1c5c9f; text-decoration: none; }
#News a:hover { text-decoration: underline; }
#News_Content { margin: 14px 65px 0 21px; }
#News_Content h2 { margin-bottom: 11px; }
#News_Content p { color: #333333; margin: 0 0 6px 0;}
#News_Content p i { font-size: 80%; color: #4581D0; margin-bottom: 0;}
.Tabs { margin: 0; float: left; width: 306px; height: 167px; }
.Tabs img { float: left; margin: 0; }
#serving_buttons { margin: 0; padding: 0; height:27px; }
#serving_ohio { visibility:hidden; width: 306px; margin: 0; padding: 0; position: absolute; }
#options_container { clear: both; margin: 0; border: 0; position: relative; }
#options_container a { text-decoration: none; color: #fff; }
#options_container a:visited { text-decoration: none; color: #fff; }
#options_container a:hover { text-decoration: underline; color: #fff; }
#options_container ul { margin: 0; padding: 0; list-style-type: none; line-height: 1.2em; }
#Executive, #Judicial, #Legislative { visibility:hidden; position: absolute; padding: 7px 10px; width: 306px; color: #fff; }
/* for 3 even columns with all dark blue dividers*/
#Col3 { clear: both; margin: 13px 17px 0 18px; padding: 0; width: 915px; border-left: 1px solid #A0C3DF; border-right: 1px solid #A0C3DF; }
.bg_dkbl { background: transparent url(/img/bg_3col.gif) top left repeat; } /* use this tag for 3 even columns with dark blue borders */
.bg_ltbl { background: transparent url(/img/bg_2-3col.gif) top left repeat; } /* use this tag for 3 even columns with one light blue and one dark blue border to suggest content groupings */
.Col3_Column { float: left; margin: 0; width: 305px; }
.Col3_Section { margin: 0; padding: 17px; }
.border_dkbl { border-top: 1px solid #A0C3DF; } /* use this tag for dark blue top border */
.border_ltbl { border-top: 1px solid #E1ECFA; } /* use this tag for light blue top border */
/* for 2 columns */
#Col2 { clear: both; margin: 13px 17px 0 18px; padding: 0; width: 915px; background: transparent url(/img/bg_2col.gif) top left repeat; border-left: 1px solid #A0C3DF; border-right: 1px solid #A0C3DF; }
#Col2_Reverse { clear: both; margin: 13px 17px 0 18px; padding: 0; width: 915px; background: transparent url(/img/bg_2col_reverse.gif) top left repeat; border-left: 1px solid #A0C3DF; border-right: 1px solid #A0C3DF; }
.Col2_Column_Large { float: left; margin: 0; width: 610px; }
.Col2_Column_Small { float: left; margin: 0; width: 305px; }
.Col2_Section { margin: 0; padding: 17px; border-top: 1px solid #A0C3DF; }
/* for 1 column */
#Col { clear: both; margin: 13px 17px 0 18px; padding: 0; width: 915px; border: 1px solid #A0C3DF; border-bottom: 0; }
.Col_Column { margin: 0; }
.Col_Section { padding: 17px; }
/* for sidenav */
#SideNav { clear: both; margin: 10px 17px 0 18px; padding: 0; width: 915px; background: transparent url(/img/bg_sidenav.gif) repeat; border-left: 1px solid #A5C6DE; border-right: 1px solid #A5C6DE; }
#SideNav_Nav { float: left; margin: 0; width: 175px; line-height: 1.3em; }
.SideNav_Nav_Section { margin: 0; padding: 15px; border-top: 1px solid #A5C6DE; }
#SideNav_Nav a { color: #1c5c9f; text-decoration:none; font-weight:bold; }
#SideNav_Nav a:hover { color: #1c5c9f; text-decoration:underline; font-weight:bold; }
#SideNav_Content { float: left; margin: 0; width: 739px; border-left: 1px solid #A5C6DE; overflow: hidden; }
.SideNav_Content_Section { margin: 0; padding: 18px; border-top: 1px solid #A5C6DE; }
/* navigation */
.ul_links ul { margin: 5px 0 0 0; padding: 0; list-style-type: none; }
.ul_links li { margin: 5px 0 0 0; color: #1c5c9f; }
.ul_links li a { color: #1A3C8E; text-decoration: none; }
.ul_links li a:visited { color: #81b3dc; text-decoration: none; }
.ul_links li a:hover { color: #81b3dc; text-decoration: underline; }
.ul_links li i a { color: #0d52ac; text-decoration: none; }
a.tog:link { text-decoration: none; color: #1A3C8E; }
a.tog:hover { text-decoration: none; color: #81b3dc; }
dl, dt, dd { margin: 5px 0 0 0; padding: 0; list-style-type: none; }
dd { display: block; margin-left: 15px;}
.menu { margin: 0; }
.menu a { color: #1A3C8E; text-decoration: none; }
.menu a:visited { color: #1A3C8E; text-decoration: none; }
.menu a:active { color: #81b3dc; text-decoration: none; }
.menu a:hover { color: #81b3dc; text-decoration: underline; }
.menu ul { margin: 5px 0 0 0; padding: 0; }
.menu li { margin-left: 0; }
.menu li a { color: #1A3C8E; text-decoration: none; }
.menu li a:hover { color: #81b3dc; text-decoration: underline; }
.menu li a:visited { color: #81b3dc; text-decoration: none; }
/* feature styling */
#Feature { margin: 0; padding: 0 0 15px 0; }
#Feature h3 { margin: 15px 0 5px 0; font: bold 100% Arial, Helvetica, Verdana, sans-serif; }
#Feature a { color: #1C5C9F; text-decoration:none; }
#Feature a:hover { color: #2a88d8; text-decoration:underline; }
/*Footer*/
#FooterContainer { clear: both; margin: 0 auto; width: 952px; text-align: center; background: #dfecf5 url(/img/summer/bg_footer.gif) repeat; }
#Footer { padding: 20px 0 30px 0; color: #9FAEFE; }
#Footer a { text-decoration: none; color: #1c5c9f; }
#Footer a:hover { text-decoration: underline; color: #357edf; }
/* styling for table grids, such as the agency page */
.grid { margin: 20px 0; }
.grid td { padding: 8px 10px 8px 0; border-bottom: 1px solid #e7e9f1; line-height: 1.3em; }
.grid th { font-weight:bold; padding: 8px 5px 0 0; text-align: left; line-height: 1.3em; }
#grid { margin: 20px 0; }
#grid td { padding: 8px 10px 8px 0; border-bottom: 1px solid #e7e9f1; line-height: 1.3em; }
#grid th { font-weight:bold; padding: 8px 5px 0 0; text-align: left; line-height: 1.3em; }
/* use this instead of HR */
.line { margin: 20px 0; border-bottom: 1px solid #E1ECFA; height: 1px; width: 100%; }
/* styling for photo credits */
.credit { float: left; margin: 0 1px; padding: 6px 0; width: 290px; }
.credit img { margin-bottom: 0; border: 1px solid #A0C3DF; }
.credit p { margin-top: 4px; }
/* styling for economy faq */
.economy dl { margin: 0 0 25px 0; }
.economy dt { /*font-weight: bold; */ margin: 15px 40px 5px; cursor: pointer; text-decoration: none; line-height: 140%; }
.economy dt:before { content: "Q"; font-size: 1.5em; font-family: Georgia, "Times New Roman", Times, serif; margin-right: 7px; padding: 2px 6px 5px; color: #0e3288; /*background-color: #0e3288;*/ font-weight: normal; margin-left: -35px; position: relative; top: 10px; }
.economy dt:hover { text-decoration: underline; color: #81b3dc; }
.economy dd { margin: 25px 70px 0px; padding-bottom: 12px; line-height: 150%; color: #2b78d1; }
.economy dd:before { content: "A"; font-size: 1.5em; font-family: Georgia, "Times New Roman", Times, serif; margin-right: 7px; padding: 2px 9px; color: #2b78d1; /*background-color: #daf4ff;*/ margin-left: -38px; position: relative; top: 10px; }
.economy p {line-height: 150%;}
.economy .show {display: block;}
.economy .hide {display: none;}
/* bug fixes and hidden stuff */
.hide { display: none; }
.print { display: none; }
.clear { clear: both; height: 1px; overflow: hidden; }