/* @license
 * MyFonts Webfont Build ID 2294691, 2012-05-18T10:42:15-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Serifa Regular by URW++
 * URL: http://www.myfonts.com/fonts/urw/serifa/t-regular/
 * Copyright: Copyright 2010 URW++ Design & Development Hamburg
 * Licensed pageviews: 1,000,000
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2294691
 * 
 * © 2012 Bitstream Inc
*/
  
 @font-face {font-family: 'Serifa-Reg';src: url('/inc/webfonts/2303A3_0_0.eot');src: url('/inc/webfonts/2303A3_0_0.eot?#iefix') format('embedded-opentype'),url('/inc/webfonts/2303A3_0_0.woff') format('woff'),url('/inc/webfonts/2303A3_0_0.ttf') format('truetype');}
 
/* reset **********************************************************/
 
 /* reset  --  http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }

/* main styles **********************************************************/

html { -webkit-font-smoothing: antialiased; overflow-y: scroll; }

body { background-color: #fff; color: #404040; font: 100% Arial, Helvetica, Verdana, sans-serif; }

h1 { font: normal 1.6em Serifa-Reg, Cambria, Georgia, serif; margin: 0 0 10px 0; color: #73a5cc; letter-spacing: .1em; }
h2 { font: normal 2em Serifa-Reg, Cambria, Georgia, serif; margin: 0 0 20px 0; color: #73a5cc; letter-spacing: .1em; }
h3 { font: bold 1em arial, sans-serif; margin: 0 0 5px 0;  }
h4 { font:  bold .9em arial, sans-serif; margin: 25px 0 5px 0; color: #73a5cc; }

a { -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; transition-duration: 0.2s; }
a:link { color: #000; text-decoration: none; }
a:visited { color: #666; }
a:active, a:hover { text-decoration: underline; color: #700017; }

a:focus, a.in:focus, a.pdf:focus { outline: 1px solid #ef1217; }

a.in:link { color: #000; text-decoration: none; border-bottom: 1px dotted #000; }
a.in:visited { color: #666; border-bottom: 1px dotted #666;}
a.in:active { color: #700017; border-bottom: 1px solid #700017;}
a.in:hover { color: #700017; }

a.pdf:link { text-decoration: none; color: #1A3C8E; font-size: .8em; }
a.pdf:visited { color: #1A3C8E; }
a.pdf:active { text-decoration: underline; color: #81b3dc; }
a.pdf:hover { text-decoration: underline; color: #81b3dc; }

.icon { width: 16px; height: 16px; margin-top: -3px; }

p, ul, ol, td { font-size: .85em; }
p { margin: 0 0 1em 0; line-height: 1.4em;  }
ul { list-style-type: none; margin: 0; padding: 0; line-height: 1.4em; }
ul.square { list-style-type: square; line-height: 1.5em; }
	ul.square li { margin: 17px; }
ul.help { margin: 20px 0 0; }
	ul.help li { padding: 8px; }
	ul.help ul li { padding: 6px; }
ul ul { font-size: 1.0em; line-height: 1.0em; margin-top: -10px; }
ol { margin: 0; padding: 0; line-height: 2em; }
li { margin: 15px 0; }
li li { margin-left: 15px; } 

b, strong { font-weight: bold; }
i, em { font-style: italic; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

.sm { font-size: .8em; }
.more { font-size: .8em; font-style: italic; }
.red { color: #FF0000; }

.form { margin: 10px; }

table { width: 100%; }
caption { font: normal 2em Serifa-Reg, Cambria, Georgia, serif; margin: 25px 0 10px 0; padding: 0; color: #73a5cc; letter-spacing: .1em; text-align: left; }
th { font-weight: bold; padding: 10px 10px 10px 0; text-align: left; line-height: 1.3em; font-size: .7em; text-transform: uppercase; text-align: left; }
td { padding: 10px 10px 10px 0; border-bottom: 1px solid #e7e9f1; line-height: 1.3em; text-align: left; vertical-align: top; }
tr:hover { background-color: #CCCCCC; }

/* table data and header widths */
.t65 { width: 65%; }
.t35 { width: 35%; }
.t29 { width: 29%; }
.t15 { width: 15%; }
.t10 { width: 10%; }
.t8 { width: 8%; }
.t7 { width: 7%; }
.t9 { width: 9%; }


hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

/* forms */

label { font: bold .9em arial, sans-serif; margin: 0 0 4px 0; color: #73a5cc; }

input, select, textarea { font-family: arial, sans-serif; color: #666; font-size: .85em; padding: 3px; margin: 0; border: 1px solid #ababab; }

textarea { overflow: auto; }
	
/* site */

a.skip, a.skip:hover, a.skip:visited { position: absolute; left: 0px; top: -500px; width: 1px; height: 1px; overflow:hidden; } 
a.skip:active, a.skip:focus { position:static; width:auto; height:auto; }

#wrap { background-color: #fff; width: 100%; padding: 0 0 20px 0; position: relative; }

#alert { background-color: #ef1217; width: 96%; padding: 15px 2% 3px 2%; overflow: hidden; color: #fff; text-align: center; font-size: .95em; } /* 1110px / 16 */
	#alert a:link, #alert a:visited { text-decoration: none; font-weight: bold; color: #fff; display: block; }
	#alert a:active, #alert a:hover { text-decoration: underline; }
	#alert img { display: inline-block; margin-right: 6px; margin-top:-5px; }

#banner { max-width: 69.375em; margin: 0 auto; padding: 18px 1.31578947% 0; overflow: hidden; position: relative; } /* 1110px / 16 */
	#banner p { float: right; margin: 0; font-size: .8em; font-weight: normal; }
	#banner a:link, #banner a:visited { text-decoration: none; color: #000; }
	#banner a:active, #banner a:hover { text-decoration: underline; color: #700017; }
		
header { display: block; max-width: 69.375em; margin: 0 auto; padding: 10px 1.31578947% 0; z-index: 2000; position: relative; }  /* 1110px / 16 */
		
	#logo { float: left; width: 256px; position: relative; } 
	#logo img { width: 256px; padding: 20px 0 0 0; }
	
	#right { float: right; width: 200px; position: relative; }
		
	#search { width: 100%; padding: 10px 0 0 0; border: 0; text-align: right; display: block; position: relative; }  
		#search label { display: none; } 
		#search input { width: 67%; color: #ccc; margin: 0 5px 0 0; padding: 3px; font-size: .8em; }  /* 130 / 200 */
		#search .button { width: 24px; height: 24px; margin: 0 0 -8px 0; padding: 0; border: 0; } 
	
	#social { width: 100%; padding: 15px 0 10px 0; border: 0; display:block; position: relative; } 
		#social img { width: 24px; height: 24px; float: right; margin: 0 0 10px 7%; }  
		
		.social-24 img { width: 24px; height: 24px; } 
		.social-16 img { width: 16px; height: 16px; }  
	
	nav { margin: 0; padding: 0; clear: both; display:block; position: relative; z-index: 1002; }
	#nav-wrap { padding: 0; margin: 0; position: relative; z-index: 1000; } 
	#menu-icon { display: none; }   
	#submenu-icon { display: none; } 

	#nav { width: 100%; position: relative; list-style: none; padding: 0; } 
	#nav .nav-item { display: inline; }
	 
	#nav .nav-tab { float: left; margin: 0 0 5px 0; padding: 10px 0; text-align: center; text-decoration: none; font: bold 1em arial, helvetica, sans-serif; text-transform: uppercase;  }
	
	#nav .nav-tab:link { text-decoration: none; color: #000; -webkit-transition-duration: 0s; -moz-transition-duration: 0s; transition-duration: 0s; }
	#nav .nav-tab:visited { color: #000; }
		
	.living { width: 13%; } 
	.education { width: 11%; }
	.working { width: 20.5%; }
	.tourism { width: 19%; }
	.business { width: 9%; }
	.employee { width: 15.5% } 
	.government { width: 10.5%; }
	
	#nav .nav-item-active .nav-tab { background-color: #700017; color: #fff; } 
	
	#nav .nav-drop { position: absolute; top: 30px; left: 0; margin: 0; padding: 5px; background-color: #700017; border-bottom: 4px solid #fff; display: none;  color: #fff; width: 45.045045%; } 
	
	#nav .nav-item-active .nav-drop { display: block; } 
	
	#nav .nav-col { width: 56%; padding: 15px 3%; display: table-cell; *float: left; *border-left: 0; } 
	
		.nav-col-feat { width: 32%; padding: 15px 3%; display: table-cell; *float: left; *border-left: 0; }
	
	#nav .nav-col:first-child { border-left: 0; } 
	
	#nav .nav-drop ul { list-style: none; padding: 0; } 
	#nav .nav-drop ul li { padding: 7px 0; border-bottom: 1px dotted #fff; margin: 0; line-height: 1.5em; }
		#nav .nav-drop ul li:last-child { border-bottom: 0; } 
		
	#nav .nav-drop a:link, #nav .nav-drop a:visited { text-decoration: none; color: #fff; }
	#nav .nav-drop a:active, #nav .nav-drop a:hover { text-decoration: underline; color: #fff; }
	
	#nav .nav-drop p b { font-size: 1.2em; }
	
	#nav .nav-drop .nav-col-obg { margin-bottom: 20px; }
	#nav .nav-drop .nav-col-obg ul { list-style: none; padding: 0; }
	#nav .nav-drop .nav-col-obg li { padding: 5px 14px; border: 0; margin: 0; line-height: 1em; font-size: .9em; background: url(/img/arrow-white.png) left center no-repeat; }
	
#main { display: block; max-width: 71.25em; margin: 0 auto; padding: 0; z-index: 1500; clear: both; position: relative; overflow: hidden; border: 1px; } /* 1110px / 16 */

.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; float: none; } 

.one, .two, .three, .four, .five, .six, .seven, .eight, .nine, .ten, .eleven, .twelve { margin: 0 1.31578947%; padding: 15px 0; float: left; position: relative; }
	
    .one { width: 5.70175439%; } /* 65 / 1140 */  
	.two { width: 14.0350877%; } /* 160 / 1140 */
	.three { width: 22.3684211%; } /* 255 / 1140 */
	.four { width: 30.7017544%; } /* 350 / 1140 */
	.four-border { width: 22.3684211%; } /* 255 / 1140 */
	.five { width: 39.0350877%; } /* 445 / 1140 */
	.six { width: 47.3684211%; } /* 540 / 1140 */
	.seven { width: 55.7017544%; } /* 635 / 1140 */
	.eight { width: 64.0350877%; } /* 730 / 1140 */
	.nine { width: 72.3684211%; } /* 825 / 1140 */
	.ten { width: 80.7017544%; }  /* 920 / 1140 */
	.eleven { width: 89.0350877%; } /* 1015 / 1140 */
	.twelve { width: 97.3684211%; } /* 1100 / 1140 */
	
	.shadow { /*-moz-box-shadow: inset 0 4px 8px 0 #dbdbdb;
              -webkit-box-shadow: inset 0 4px 8px 0 #dbdbdb;
			   box-shadow: inset 0 4px 8px 0 #dbdbdb;
			   behavior: url(/inc/core/PIE.htc); */ }
	
	.corners { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; behavior: url(/inc/core/PIE.htc); }
	
	.shove { margin-top: 85px; }
	
	#looking { background: #fff; margin-left: 5.70175439%; font-size: 1.5em; }
		#looking h1 { padding: 20px 30px 0 30px; }
		#looking ul { padding: 0 30px 20px 30px; }
		#looking li { line-height: 2em; }
		#looking span { font-weight: bold; }
		
		ul#logos { margin-bottom: 15px; display: block; padding: 0; margin: 0; background: url(/img/borderline.png) 50% 100% repeat-x; width: 100%; border: 0; overflow: hidden; }	
		
		ul#logos li { border: 0; margin: 0 2%; text-align: center; float: left; width: 16%;  }	
		ul#logos a { text-decoration: none; display: block; }
		
	#middle { background-color: #fff; }
	
	#news h2, #features h2 { font: normal 1.6em Serifa-Reg, Cambria, Georgia, serif; margin: 35px 0 10px 0; color: #73a5cc; position: relative; }
	/*#news img { width: 24px; height: 24px; margin: 0 0 2px 20px; }*/
	
	#news span, #features span { font-size: .8em; color: #b1b1b1; }
		#news span a:link, #features span a:link, #news span a:visited, #features span a:visited { text-decoration: none; color: #b1b1b1; }
		#news span a:active, #features span a:active, #news span a:hover, #features span a:hover { text-decoration: underline; color: #700017; }
	
	.line { border-bottom: 1px dashed #ccc; padding:  2.702702% 0; clear: both; }
	.grey { background-color: #e7e7e7; padding: 2.702702%; }
	#secondary p.alpha { font: normal 2em Serifa-Reg, Cambria, Georgia, serif; margin: 25px 0 10px 0; padding: 0; color: #73a5cc; letter-spacing: .1em; border-bottom: 0 dotted #cccccc; }
	#secondary p.shortcuts { margin-left: 0; }
	
	#sidenav { width: 22.3684211%; margin: 70px 0 15px 0; float: left; position: relative; }
	#sidenav h2 { font: normal 2em Serifa-Reg, Cambria, Georgia, serif; color: #fff; letter-spacing: .1em; background-color: #ffbe0e; padding: 20px 5.88235294% 25px; margin: 0; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 0;  -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 5px; -webkit-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; behavior: url(/inc/core/PIE.htc); line-height: 1em; }
	#sidenav h2 a:link, #sidenav h2 a:visited { text-decoration: none; color: #fff; }
	#sidenav h2 a:active, #sidenav h2 a:hover { text-decoration: underline;}

	#sidenav nav { display: block; padding: 0 5.88235294%; margin: 0; } /* 15 / 255 for pad */
	#sidenav ul { margin: 0; }
	
	#secondary { background-color: #fff; margin: 0; padding: 15px 1.31578947% 0; position: relative; } 
	#secondary ul, #secondary p { margin: 18px 9px; }
	#secondary h1 { margin-bottom: 20px; } 
	#secondary h3 { font: bold .9em arial, sans-serif; margin: 0;  }
	
	#ohiomeansjobs { padding: 0 0 0 105px; background: url(/img/owen.png) bottom left no-repeat; border-bottom: 1px solid #ccc; clear: both; min-height: 151px; margin: 0 0 24px 0; -moz-box-shadow: 0 4px 4px -1px #dbdbdb; -webkit-box-shadow: 0 4px 4px -1px #dbdbdb; box-shadow: 0 4px 4px -1px #dbdbdb; behavior: url(/inc/core/PIE.htc); overflow: hidden; }
		#ohiomeansjobs img { float: right; width: 59px; height: 68px; margin: 0 10px 5px 0; position: relative;} 
		#ohiomeansjobs h3 { font: bold 1.1em Arial, sans-serif; margin: 10px 0 15px 0; }
		#ohiomeansjobs p { font: normal .9em Arial, sans-serif; margin: 0; }
	
footer { display: block; width: 100%; padding: 25px 0 0 0; border: 0; clear: both; position: relative; z-index: 900;  }
	
	footer .inner { max-width: 71.25em; margin: 0 auto; padding: 0 1.31578947% 10px; line-height: 250%; clear: both; overflow: hidden; }
	
	footer #top { display: block; margin: 0 auto; padding: 50px 0 15px 0; border: 0; clear: both; font-size: .9em; overflow: hidden; background-color: #525051; }
	
	footer #top a:link, footer #top a:visited { text-decoration: none; color: #fff; }
	footer #top .inner a:hover, footer .inner #top a:active { text-decoration: underline; color: #fff; }
	
	footer .half { width: 47.36842%; margin-right: 2.631578%; float: left; padding-bottom: 20px; }
	footer .extra { padding: 15px 0; border-top: 1px solid #a1a1a1; clear: both; }
	
	footer #top img { margin: 2px 0 0 0; width: 100%; }
	footer #top h4 { color: #fff; margin-top: 0; }
	footer #top h4.jb { margin-top: 35px; }
	
	footer .agencies, footer .phone, footer .help, footer .online { text-align: center; -webkit-box-shadow: 0px 10px 22px -10px rgba(0,0,0,0.75); -moz-box-shadow: 0px 10px 22px -10px rgba(0,0,0,0.75); box-shadow: 0px 10px 22px -10px rgba(0,0,0,0.75); }
	
	footer .agencies a:link, footer .agencies a:visited, footer .phone a:link, footer .phone a:visited, footer .help a:link, footer .help a:visited, footer .online a:link, footer .online a:visited { font: #fff; font-weight: bold; display: block; padding: 50px 10px 15px; background-color: #73A5CC; } 
	
	footer .agencies a:hover, footer .agencies a:active, footer .phone a:hover, footer .phone a:active, footer .help a:hover, footer .help a:active, footer .online a, footer .online a:active { background-color: #a1a1a1; } 
	
	footer .agencies a { background: url(/img/foot/icons/agencies_sm.png) center 15px no-repeat;  }
	footer .phone a { background: transparent url(/img/foot/icons/phone_sm.png) center 15px no-repeat;  }
	footer .help a { background: url(/img/foot/icons/help_sm.png) center 15px no-repeat;  }
	footer .online a { background: url(/img/foot/icons/online_sm.png) center 15px no-repeat;  }
	
	footer li { margin: 10px 0; }

	footer .left { float: left; margin-bottom: 30px; width: 75%; } 
	footer .photo { float: right; padding: 6px 0 0 50px; background: url(/img/foot/camera_g_sm.png) top left no-repeat; font-weight: bold; line-height: -1.5em; }
	
	footer .bottom { width: 100%; margin: 0 auto; color: #5d5d5d; padding: 30px 0; font-size: .9em; color: #e0e0e0; }
	footer p.sm { margin-top: 30px; font-size: .9em; clear: both;} 

/* accordians *************************/	
		
	#accordion, #accordion2 { clear: both; }
	#accordion-in { clear: both; margin-top: 20px; }
	
	#accordion h4, #accordion2 h4 { font: bold .85em Arial, Helvetica, sans-serif; margin: 25px 0 5px 0; color: #3e3e3e; outline:none; }
	#accordion h4:hover, #accordion2 h4:hover, #accordion3 h4:hover { text-decoration: none; color: #700017; }
	#accordion h5 { font: bold .8em Arial, Helvetica, sans-serif; margin: 15px 0 0 0; color: #3e3e3e; outline:none; }
		#accordion-in h5, #accordion-in2 h5 { color: #8e8e8e; font-size: .8em; }
	#accordion p, #accordion2 p { color: #3e3e3e; margin-left: 0; }
	#accordion td, #accordion2 td { color: #3e3e3e; font-size: .75em; }
	#accordion ul, #accordion2 ul { list-style: none; margin: 15px 0 5px 0; }
	#accordion li, #accordion2 li { margin: 0 0 10px 0; color: #3e3e3e; }
	
	#accordion ul.stack { list-style: square; margin: -10px 0 0 0; }
	#accordion ul.stack ul, #accordion ol { margin: 10px 0 0 0; }
	#accordion .stack li { margin: 0 0 7px 25px; }
	#accordion ol li { margin: 0 0 7px 25px; font-size: .9em; }
	
	.ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin: 0; padding: 6px 3px 0; border-top: 1px dotted #9e9e9e; zoom: 1; }
		#accordion-in .ui-accordion .ui-accordion-header, #accordion-in2 .ui-accordion .ui-accordion-header { padding: 4px 3px 0; border-top: 1px dotted #c5c5c5; }
	.ui-accordion .ui-accordion-content { padding:0 20px; overflow: auto; zoom: 1; margin: -10px 0 0 0; }
	.ui-accordion .ui-accordion-content ul { padding: 0; margin: 0; }

	.ui-icon { width: 13px; height: 13px; display: inline-block; margin: 10px 5px 0 0; padding: 0; }
	
	.ui-icon-circle-arrow-e { background: url(/img/accordion-serious-arrow-mgrey.png) top left no-repeat; background-position: 0 0; }
	.ui-icon-circle-arrow-s { background: url(/img/accordion-serious-arrow-mgrey.png) top left no-repeat; background-position: 0 -13px; }

/* media queries  *******************************************************/

/* main image as background keeps mobile browsers from loading the big images */

@media only screen and (min-width: 1060px) { 
	
		ul#logos li { font: .6em normal Arial, Helvetica, sans-serif; }	
		
		ul#logos img { height: 68px; margin-bottom: 5px; }	
		ul#logos .ohgo img { width: 62px; }
		ul#logos .ohlotto img { width: 64px; }
		ul#logos .tax img { width: 68px; }
		ul#logos .omj img { width: 59px; }
		ul#logos .ohi img { width: 61px; }
} 

@media only screen and (min-width: 350px) and (max-width: 1059px) { 

		ul#logos li { font: .6em normal Arial, Helvetica, sans-serif; }	
				
		ul#logos img { height: 46px; margin-bottom: 5px; }	
		ul#logos .ohgo img { width: 42px; }
		ul#logos .ohlotto img { width: 44px; }
		ul#logos .tax img { width: 46px; }
		ul#logos .omj img { width: 40px; }
		ul#logos .ohi img { width: 41px; }
}

@media only screen and (min-width: 0px) and (max-width: 349px) { 
		
		ul#logos { background-image: none; }	
				
		ul#logos li { font: .5em normal Arial, Helvetica, sans-serif; }	
		
		ul#logos img { height: 32px; margin-bottom: 2px; }	
		ul#logos .ohgo img { width: 30px; }
		ul#logos .ohlotto img { width: 31px; }
		ul#logos .tax img { width: 32px; }
		ul#logos .omj img { width: 28px; }
		ul#logos .ohi img { width: 29px; }
	
}


@media only screen and (min-width: 1000px) { 
	#imagery { width: 100%; height: 290px; margin: 0; padding: 0; z-index: 0; background: url(/img/imagery/fall/JeffBurcher_1200x290.jpg) top center no-repeat; clear: both; position: absolute; left: 0; } 

	#main { padding-top: 185px; }
} 

@media only screen and (max-width: 1000px) { 
	h1 { font: normal 1.5em Serifa-Reg, Cambria, Georgia, serif, serif; margin: 0; color: #73a5cc; }
	h2 { font: normal 1.8em Serifa-Reg, Cambria, Georgia, serif; margin: 0 0 20px 0; color: #73a5cc; }
	h3 { font: bold .9em arial, sans-serif; margin: 0;  }
	h4 { font:  bold .8em arial, sans-serif; color: #73a5cc; margin-top: 10px; }
	p { font-size: .8em; }
	ul { font-size: .8em; }
	#sidenav h2 { font-size: 1.8em; }
} 

@media only screen and (min-width: 1000px) and (max-width: 1120px) { 
	.govbox h3 { font-size: 1.3em; }
	#sidenav h2 { font-size: 1.8em; }
} 

@media only screen and (min-width: 901px) and (max-width: 1000px) { 
	#nav .nav-tab { font-size: .95em; border: 0; }
	#news h2 { margin-top: 15px; }
}

@media only screen and (min-width: 800px) and (max-width: 899px) { 
	#sidenav h2 { font-size: 1.6em; } 
} 

@media only screen and (min-width: 800px) and (max-width: 999px) { 
	#imagery { width: 100%; height: 220px; margin: 0 auto; padding: 0; z-index: 0; background: url(/img/imagery/fall/JeffBurcher_1000x220.jpg) bottom center no-repeat; clear: both; position: absolute; left: 0; }
	#main { padding-top: 145px; }  
	#news h2 { margin-top: 5px; }
} 

@media only screen and (min-width: 701px) and (max-width: 900px) { 
	#nav .nav-tab { font-size: .9em; padding: 9px 4px 5px 4px; } 		
		.living { width: 13%; } 
		.education { width: 13%; }
		.working { width: 13%; }
		.tourism { width: 15%; }
		.business { width: 9%; }
		.employee { width: 15% } 
		.government { width: 13%; }
}

@media only screen and (min-width: 701px) and (max-width: 800px) { 
	#sidenav { margin-top: 60px;  } 
	#sidenav h2 { font-size: 1.4em; } 
	#main { padding-top: 125px; } 
	#news h2 { margin-top: 0; }
}

@media only screen and (min-width: 700px) { 
	footer #top { background: #525051 url(/img/foot/statehouse.png) 42% 100% no-repeat; }
}

@media only screen and (min-width: 500px) and (max-width: 799px) { 
	#imagery { width: 100%; height: 180px; margin: 0 auto; padding: 0 0 15px 0; z-index: 0; background: url(/img/imagery/fall/JeffBurcher_800x180.jpg) center center no-repeat; clear: both; position: absolute; left: 0; } 
}  

@media only screen and (min-width: 600px) and (max-width: 699px) { 
	#main { padding-top: 140px; } 
} 

@media only screen and (min-width: 499px) and (max-width: 599px) { 
	#main { padding-top: 130px; } 
} 

@media only screen and (min-width: 1px) and (max-width: 499px) { 
	#imagery { width: 100%; height: 100px; margin: 10px 0 0 0; padding: 0 0 5px 0; z-index: 0; background: url(/img/imagery/fall/JeffBurcher_500x100.jpg) center center no-repeat; clear: both; position: absolute; left: 0; }
	#main { padding-top: 90px; } 
}

@media only screen and (max-width: 700px) { 
h1 { margin: 15px 0 0 0; }
p { font-size: .8em; }
ul { font-size: .8em; }
th { display: none; }
td { padding: 5px 0; border: 0; line-height: 1.3em; font-size: .8em; display: block; clear: both; }
td.empty { height: 0; padding: 0; margin: 0; }
tr { border-bottom: 1px solid #ccc; }
tr:hover { background-color: #e7e9f1; }
.agency { font-weight: bold; }

#banner { width: 100%; margin: 0; padding: 15px 0; border-bottom: 1px solid #fff; overflow: hidden; }
	#banner p { float: left; font-size: 1em; }

header { height: 60px; border: 0; display: block; }  
	
	#logo { float: left; width: 165px; border: 0; }  
		#logo img { width: 150px; padding: 18px 0 0 15px; }
			
	#search { float: none; width: 100%; padding: 15px 0; border: 0; text-align: left; border-top: 1px solid #fff; }  
		#search label { display: none; } 
		#search input { width: 150px; color: #ccc; margin: 0 5px 0 0; padding: 4px; font-size: .8em; }  /* 130 / 200 */
		
	#social { float: none; width: 100%; padding: 15px 0; border-top: 1px solid #fff; display: block; overflow: hidden; } /* 200 / 1110px */
		#social img { width: 24px; height: 24px; float: left; margin: 0 0 10px 14px; } 
		
	.js #flash { display: none; }
	
	.shadow { -webkit-box-shadow: 0 0 0; -moz-box-shadow: 0 0 0; box-shadow: 0 0 0; border-bottom: 1px dotted #b3b3b3; behavior: url(/inc/core/PIE.htc); }
	
	.shove { margin: 0; }
	
#menu-icon { color: #a2a2a2; font-weight: bold; background-color: #dedede; padding: 10px 15px; cursor: pointer; border: 0; display: block; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-align: center; margin: 15px 0; float: right;  behavior: url(/inc/core/PIE.htc); }  
#menu-icon:hover { color:  #700017; }  

nav { width: 95%; border: 0; z-index: 2000; }
#nav-wrap { position: absolute;  margin: 0 0 15px 0; } 

#nav { clear: both; top: -18px; width: 86%; padding: 0 15px 15px 15px; background: #dedede; border: 0; display: none; float: right; }  
#nav li, #nav .nav-tab, #nav .nav-item { clear: both; float: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; }  
.living, .education, .working, .tourism, .business, .employee, .government { width: 90%; }

#nav a, #nav ul a { padding: 0; color: #000; border: 0; }  
#nav a:hover, #nav ul a:hover { color: #700017; }  

#nav .nav-item-active .nav-tab { background-color: #700017; color: #fff; border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px; behavior: url(/inc/core/PIE.htc); } 
#nav .nav-tab, .nav-item { display:block; text-align: left; }  	
#nav .nav-drop, #nav .nav-col { display: none; }

#main { width: 90%; }

.one, .two, .three, .four, .five, .six, .seven, .eight, .nine, .ten, .eleven, .twelve, #sidenav, #secondary { margin: 0; padding: 5px 8%; float: none; width: 84%; }

#secondary { padding-top: 5px; padding-bottom: 15px; border-bottom: 0; }

	#secondary p.alpha { margin-top: 40px; }

#looking, #news, #features { float: none; border: 0; margin: 0; padding: 0; clear: both; } 
	#looking { font-size: 1.2em; border-bottom: 1px dotted #b3b3b3; padding: 3% 8% 4%; }
	#looking h1 { padding: 0; }
	#looking ul { padding: 0; }
	
	#sidenav { color: #fff; letter-spacing: .1em; background-color: #ffbe0e; padding: 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; behavior: url(/inc/core/PIE.htc); }
	
	#sidenav a { color: #fff; }
	
	#sidenav nav { display: block; clear: both; }
	#sidenav h2 { margin:0; padding: 0; min-height: 0; font-size: 1.5em; }
	#sidenav ul { margin: 0 -20px; padding: 0; }
	#sidenav li:last-child { margin: 0; }
	#sidenav nav ul li { font-size: .95em; margin: 9px 0; }
	
	#submenu-icon { margin: 0; font-size: .9em; font-weight: bold; display: block; margin: 5px 0 0 0; padding: 5px 0 0 0; cursor: pointer;  background: url(/img/plus.png) top left no-repeat;}  
	#submenu-icon p { padding: 0 0 0 20px; margin: 0; }  
	#submenu-icon.active { background: url(/img/minus.png) top left no-repeat; }
	#submenu-icon:hover { color:  #700017; }  
	ul#submenu { display: none; margin: 0 6px; }
	
	aside { border-top: 1px solid #ccc; }
	
footer .inner { width: 90%; padding: 0 3% 15px 7%; }
	footer #top img { margin: 0 0 15px 0; width: 65px; }
	footer .left { float: none; clear: both; line-height: 150%; width: 90%; } 
	footer .photo { float: none; clear: both; margin: 35px 0; }
	
	footer .extra { padding: 0; }
	footer .jb { margin-top: 20px; } 

}


@media only screen and (max-width: 360px) { 
	footer .half { width: 100%; margin: 0; float: none; }
}

@media only screen and (max-width: 290px) { 
	#logo { float: left; width: 130px; border: 0; }  
		#logo img { width: 120px; padding: 18px 0 0 15px; } 
	#search input { width: 120px; color: #ccc; }
}

/* chrome only hacks ******************************************************

@media screen and (-webkit-min-device-pixel-ratio:0) {    
	#main { margin-top: 80px; }      
}*/

/* print *******************************************************/
 
@media print { * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
  a, a:visited { text-decoration: underline; }
  /* a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; } */
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } 
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 1cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
  
	a:link, a:visited, a:active, a:hover { text-decoration: none; color: #000; }
	
	#banner, #right, nav, #nav, #sidenav, footer { display: none; } 
			
	header, #main, .one, .two, .three, .four, .five, .six, .seven, .eight, .nine, .ten, .eleven, .twelve, #looking, #secondary, aside { display: block; max-width: 95%; width: 95%; margin: 10px 0; padding: 0; border: 0; }
			
	#logo { float: left; width: 256px; }  
	#logo img { width: 256px; padding: 20px 0 0 0; }
	
	table { width: 100%; }
	td { padding: 10px 10px 10px 0; border-bottom: 1px solid #e7e9f1; line-height: 1.3em; text-align: left; vertical-align: top; font-size: 9.5pt; }
	
	.shadow { box-shadow: 0 0 0; -webkit-box-shadow: 0 0 0; -moz-box-shadow: 0 0 0; }
	.corners { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; }
	.shove { margin-top: 10px; }
	
	a:link:after, a:visited:after { content:" [" attr(href) "] "; }
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1) { 
  
footer .inner .photo { background: url(/img/foot/camera_g.png) top left no-repeat; background-size: 40px 40px;  }

.ui-icon-circle-arrow-e { background: url(/img/accordion-serious-arrow-mgrey_hs.png) top left no-repeat; background-position: 0 0; background-size: 13px 26px; }
.ui-icon-circle-arrow-s { background: url(/img/accordion-serious-arrow-mgrey_hs.png) top left no-repeat; background-position: 0 -13px; background-size: 13px 26px; }

footer .agencies a { background: url(/img/foot/icons/agencies.png) center 15px no-repeat; background-size: 28px 29px; }
footer .phone a { background: transparent url(/img/foot/icons/phone.png) center 15px no-repeat; background-size: 22px 31px; }
footer .help a { background: url(/img/foot/icons/help.png) center 15px no-repeat; background-size: 32px 33px; }
footer .online a { background: url(/img/foot/icons/online.png) center 15px no-repeat;  background-size: 46px 29px; }


}