/*
* HTML5 Boilerplate
*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
*
* Detailed information about this CSS: h5bp.com/css
*
* ==|== normalize ==========================================================
*/
/* =============================================================================
HTML5 display definitions
========================================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; width: 50%}
[hidden] { display: none; }
/* =============================================================================
Base
========================================================================== */
/*
* 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
* 2. Force vertical scrollbar in non-IE
* 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
*/
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 0.75em; line-height: 1.231; background:url() repeat-x
#; /*overflow-x:hidden;*/}
body, button, input, select, textarea {
font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
color: #222;
}
h1 {
font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
}
h2 {font-family: Verdana, Geneva, sans-serif; border: 0px dotted #6F6F6F; color: #000; border-bottom-width: 1px;}
::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }
/* =============================================================================
Links
========================================================================== */
a { color: #4A6284; }
a:visited { color: #6C90C4; }
a:hover { text-decoration:underline; }
a:focus { outline: thin dotted; }
/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }
td a:link {color:#4A6284;}
td a:visited {color:#6C90C4;}
/* =============================================================================
Typography
========================================================================== */
abbr[title] { border-bottom: 1px dotted; }
b, strong {
font-weight: bold;
text-align: center;
}
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
/* =============================================================================
Lists
========================================================================== */
ul, ol { margin: 0em 0em; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
/* =============================================================================
Embedded content
========================================================================== */
/*
* 1. Improve image quality when scaled in IE7: h5bp.com/d
* 2. Remove the gap between images and borders on image containers: h5bp.com/e
*/
/* img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; } */
/*
* Correct overflow not hidden in IE9
*/
svg:not(:root) { overflow: hidden; }
/* =============================================================================
Figures
========================================================================== */
figure { margin: 0; }
/* =============================================================================
Forms
========================================================================== */
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
/*
* 1. Correct color not inheriting in IE6/7/8/9
* 2. Correct alignment displayed oddly in IE6/7
*/
legend { border: 0; *margin-left: -7px; padding: 0; }
/*
* 1. Correct font-size not inheriting in all browsers
* 2. Remove margins in FF3/4 S5 Chrome
* 3. Define consistent vertical alignment display in all browsers
*/
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
/*
* 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
* 2. Correct inner spacing displayed oddly in IE6/7
*/
button, input { line-height: normal; *overflow: visible; }
/*
* Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7
*/
table button, table input { *overflow: auto; }
/*
* 1. Display hand cursor for clickable form elements
* 2. Allow styling of clickable form elements in iOS
*/
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
/*
* Consistent box sizing and appearance
*/
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
/*
* Remove inner padding and border in FF3/4: h5bp.com/l
*/
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
/*
* 1. Remove default vertical scrollbar in IE6/7/8/9
* 2. Allow only vertical resizing
*/
textarea { overflow: auto; vertical-align: top; resize: vertical; }
/* Colors for form validity */
input:valid, textarea:valid { }
input:invalid, textarea:invalid { background-color: #; }
/* =============================================================================
Tables
========================================================================== */
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
/* ==|== primary styles =====================================================
Author: OK.gov
========================================================================== */
img {
border: 0px;
text-align: center;
font-size: 120%;
}
#container {margin:auto; width:1010px;}
/* ***** TOOLS (Skip, Share, Print, Top Navigation) ***** */
.tool_wrapper {
height: 1em;
width: 100%;
padding: 0.15em 0em;
background-color: #FFF;
z-index: 5;
position: relative;
font-size: 1.25em;}
.tools {font-size: 75%; width: 82.5em; margin: 0em auto; color: #666;}
.tools a:link {text-decoration: none; color: #666;}
.tools a:visited {color:#666;}
.tools a:hover,
.tools a:focus {text-decoration: underline}
#container_shadow {width:1000px; margin:auto;
-webkit-box-shadow: 0px 0px 6px 3px #333;
-moz-box-shadow: 0px 0px 6px 3px #333;
box-shadow: 0px 0px 6px 3px #333;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px;
-webkit-border-radius: 15px 15px 15px 15px;
border-radius: 15px 15px 15px 15px;}
#shadow_spacer {
height: 5px;
} /* gap between top nav and start of header */
#header_nav {padding:0px; border-bottom:#000 solid 1px; width:99.9%; height:1.3em; margin:auto; background:#fff; padding-top:3px; padding-bottom:3px; padding-left:1px;
box-shadow: 0 4px 4px -2px #666;
-moz-box-shadow: 0 4px 4px -2px #666;
-webkit-box-shadow: 0 4px 4px -2px #666;}
#header_nav a:link {text-decoration:none; color:#333;}
#header_nav a:visited {text-decoration:none; color:#ccc;}
#header_nav a:hover {text-decoration:underline;}
#header_nav_left {float:left; width:19em; padding-left:10px;}
#header_nav_right {float:right; text-align:right; padding-right:10px; margin-right:15px;}
#top_nav {}
#divider-top {height:1.5em; width:995px; margin:auto;}
#header {
width: 998px;
height: 207px;
margin: auto;
padding: 0px;
box-shadow: 0 4px 4px -2px #666;
-moz-box-shadow: 0 4px 4px -2px #666;
-webkit-box-shadow: 0 4px 4px -2px #666;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius: 10px 10px 0px 0px;
border-radius: 10px 10px 0px 0px;
border-left: 1px solid #999;
border-right: 1px solid #999;
border-top: 1px solid #999;
behavior: url(PIE.html);
text-align: right;
background-color: #FFFFFF;
}
#okgovlogo {position:absolute; margin-left:3.0em; margin-top:-0.8em;}
#okgovlogo img {border:0px;} /* ie fix for border around logo */
#mobile_header {display:none;} /*mobile only*/
/* home page only */
.middle_section_text {margin-top:-2em;}
/* home page only */
#main {width:998px; height:370px; margin:auto; background-color:#fff; padding-bottom:3em; overflow-x:hidden !important;
border-left:1px solid #999;
border-right:1px solid #999;}
#main a:link {color:#4A6284;}
#main a:visited {
color: #000000;
background-color: #000000;
}
#contactus {float:right; margin-left:12em; margin-top:-1.2em; position:absolute;
background:url(../images/contact_icon.png) no-repeat;
background-position:2.3em; margin-left:10.5em; padding-left:1.5em;
}
/* content pages only */
#main_content {width:998px; margin:auto; background-color:#fff; padding-bottom:0em; clear:both; border-left:1px solid #999;
border-right:1px solid #999;}
#main h1 {color:#000; font-size:170%; font-style:italic; margin-top:0.4em;}
/* SOCIAL MEDIA ICONS */
.tt-wrapper{
padding: 0;
width: 338px;
height: 40px;
margin: 80px auto 30px auto;
list-style-type: none;
position: absolute;
margin-left: 0.7em;
margin-top: -2.5em;
}
.text-shadow (@string: 0 1px 3px rgba(0, 0, 0, 0.25)) {
text-shadow: @string;
}
.tt-wrapper li{float: left;}
.tt-wrapper li a{
display: block;
width: 68px;
height: 70px;
margin: 0 2px;
outline: none;
background: transparent url(../images/social.png) no-repeat top left;
text-indent: -9000px;
position: relative;
border: none;
background-image: url(../images/social.png);
}
.tt-wrapper li .tt-rss{background-position: 0px 0px;}
.tt-wrapper li .tt-twitter{background-position: -68px 0px;}
.tt-wrapper li .tt-dribbble{background-position: -136px 0px;}
.tt-wrapper li .tt-facebook{background-position: -204px 0px;}
.tt-wrapper li .tt-linkedin{background-position: -272px 0px;}
.tt-wrapper li .tt-forrst{background-position: -340px 0px;}
.tt-wrapper li a span{
width: 100px;
height: auto;
line-height: 20px;
padding: 10px;
left: 50%;
margin-left: -64px;
font-family: 'Alegreya SC', Georgia, serif;
font-weight: 400;
font-style: italic;
font-size: 1.2em;
color: #000;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
text-align: center;
border: 4px solid #fff;
background: rgba(255,255,255,0.6);
text-indent: 0px;
border-radius: 5px;
position: absolute;
pointer-events: none;
bottom: 100px;
opacity: 0;
box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.tt-wrapper li a span:before,
.tt-wrapper li a span:after{
content: '';
position: absolute;
bottom: -15px;
left: 50%;
margin-left: -9px;
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid rgba(0,0,0,0.1);
}
.tt-wrapper li a span:after{bottom: -14px; margin-left: -10px; border-top: 10px solid #fff;}
.tt-wrapper li a:hover span{
opacity: 1;
bottom: 70px;
font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
}
#statistics {border:1px solid red; width:500px; height:25px; background:red; position:absolute; margin-left:0.4em; margin-top:0.5em; padding:5px;}
/* content pages */
#content_shadow {width:1010px; background:#333; }
#content {margin-left:0.8em; margin-right:0.8em; background:#fff;}
#content h1 {color:#005EC4; font-size:170%; font-style:italic; margin-top:0.4em; }
/* this is ok style */
.thisisokwrapper {width:54px; height:33px; background:url(../images/aok.png) no-repeat #fff;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
-webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
-webkit-box-shadow: 1px 1px 2px 3px rgba(6, 6, 6, 0.2);
-moz-box-shadow: 1px 1px 2px 3px rgba(6, 6, 6, 0.2);
box-shadow: 1px 1px 2px 3px rgba(6, 6, 6, 0.2);}
/* specific to middle section 'this is ok' */
.thisisokwrapper_middlesection {width:54px; height:33px; background:url(../images/aok.png) no-repeat; float:right; margin-top:0.2em; margin-right:0.2em;}
.oklogo {}
.uparrow {float:right; width:20px; height:20px;}
.uparrow a {border:0px;}
.counter {font-family:arial; float:right; color:red; font-weight:bold; font-style:italic; font-size:0.8em; width:14px; height:9px; margin-top:1px; margin-right:4px; clear:right;}
#storybox {
width: 710px;
height: 362px;
float: left;
padding: 4px;
margin-left: 0px;
margin-right: 0px;
margin-top: -3em;
}
#storybox h1 {color:#182532; font-size:170%; font-style:italic; margin-top:0.4em; float:left; background:#fff;}
#feed_box {float:right; border-left: #999 solid 1px; width:420px; height:25px; padding-bottom:0px; padding-top:6px; padding-right:0px; text-align:right; padding-right:5px; margin-right:8px; margin-top:5px; }
.feed_number {float:left; color:red; width:50px; font-size:130%; font-weight:bold; padding-left:5px;}
.feed_text {width:465px; font-size:93%; padding-top:2px; padding-left:0.3em;}
.feed_button {float:right; width:110px; background:#F3D018; padding:1px; font-size:90%; text-align:center;
border-radius: 15px;}
.feed_text a:link {color:#000; background:yellow; padding-top:4px; padding-bottom:4px; padding-left:1em; padding-right:1em; /* border: 1px solid #666; */ text-decoration:none; /* -moz-border-radius: 5px; border-radius: 5px; */}
.feed_text a:visited {color:#CCC; background:#F3D018; padding-top:4px; padding-bottom:4px; padding-left:1em; padding-right:1em; text-decoration:none;}
.feed_text a:hover {text-decoration:underline;}
.feed_button {color:#000; background:#F3D018; padding-top:4px; padding-bottom:4px; padding-left:1em; padding-right:1em; border: 1px solid #666; text-decoration:none;}
.feed_red {color:red; font-size:125%; font-weight:bold;}
/* blank page only */
.labels {display:none;}
#stories_blank {width:720px; height:190px; clear:both; padding:0px; margin-bottom:0.5em; border-left:solid #5E7AA3 1px; border-top:solid #5E7AA3 1px; border-right:solid #5E7AA3 1px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius: 10px 10px 0px 0px;
border-radius: 10px 10px 0px 0px;
border-bottom:1px solid #999;
-webkit-box-shadow: 0px 5px 4px 2px rgba(5, 2, 6, 0.4);
-moz-box-shadow: 0px 5px 4px 2px rgba(5, 2, 6, 0.4);
box-shadow: 0px 5px 4px 2px rgba(5, 2, 6, 0.4);
background:url(../images/stories_background_blank.png) no-repeat top;}
/* end blank page */
#stories01, #stories02, #stories03, #stories04 #stories05 {
width:715px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius: 10px 10px 0px 0px;
border-radius: 10px 10px 0px 0px;
border-left:1px solid #999;
border-top:1px solid #999;
border-right:1px solid #999;
display:block;
margin-left:0.3em;}
#stories a:link {color:#6e0285;}
#stories a:visited {color:#6e0285;}
.stories_text {
float: left;
padding: 0.5em;
margin-left: -1px;
width: 703px;
clear: right;
position: absolute;
margin-top: -2.8em;
border-left: 1px solid #999;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius: 0px 0px 10px 10px;
border-radius: 0px 0px 10px 10px;
border-bottom: 1px solid #999;
height: 150px;
}
#stories_preview {margin-left:48em; position:absolute; z-index:500; margin-top:6em; margin-top:8em;}
.stories_text p {font-size:1em; width:99%; margin-top:4em;}
.stories_text h2 {text-shadow: -1px -1px 0px #fff, 1px 1px 0px #999; font-weight:bold; font-style:italic; margin-bottom:-2em; margin-top:2em;}
.stories_text h2 a:link {text-decoration:none; color:#000;}
.stories_text h2 a:visited {text-decoration:none; color:#000;}
.stories_text a:link {
color: #000000 !important;
text-decoration: none;
}
.stories_text a:visited {
color: #000000 !important;
text-decoration: none;
}
.stories_text a:hover {text-decoration:underline;}
.stories_text_button {font-size:1em; color:#fff; background:#000; padding-top:4px; padding-bottom:4px; padding-left:1em; padding-right:1em; border:solid #000 1px;
box-shadow: 0 4px 4px -2px #666;
-moz-box-shadow: 0 4px 4px -2px #666;
-webkit-box-shadow: 0 4px 4px -2px #666;
border-radius: 5px;
-moz-border-radius: 5px;}
.stories_text_button a:link {color:#fff !important;}
.stories_text_button a:visited {color:#fff !important;}
#left_corner_piece {position:absolute; height:175px;
border-top:1px solid #DFDBD6;
border-left:1px solid #DFDBD6;
border-bottom:1px solid #DFDBD6;
margin-left:-2.30em; margin-top:4em; width:25px; background:#F5F3EF;
box-shadow: 0 4px 4px -3px #333;
-moz-box-shadow: 0 4px 6px -3px #333;
-webkit-box-shadow: 0 4px 4px -3px #333;}
#stories_preview a:link, a:visited {
font-weight: bolder;
}
#stories_preview a:hover {}
/* 4 litle boxes */
#stories_preview_1_wrapper {width:20px; height:20px; float:left; }
#stories_preview_1_box {float:left; background:#6e0285;}
#stories_preview_1 {padding:4px; border:1px solid #6e0285;}
#stories_preview_1_box a:link {color:#fff;}
#stories_preview_1_box a:visited {color:#FFF; text-decoration:underline;}
#stories_preview_1_box a:hover {text-decoration:none;}
#stories_preview_2_wrapper, #stories_preview_3_wrapper, #stories_preview_4_wrapper, #stories_preview_5_wrapper, #stories_preview_6_wrapper {width:20px; height:20px; float:left;}
#stories_preview_2_box, #stories_preview_3_box, #stories_preview_4_box, #stories_preview_5_box, #stories_preview_6_box {float:left; background:#6e0285;}
#stories_preview_2, #stories_preview_3, #stories_preview_4, #stories_preview_5,#stories_preview_6{padding:4px; border:1px solid #6e0285;}
#stories_preview_2_box a:link, #stories_preview_3_box a:link, #stories_preview_4_box a:link,#stories_preview_5_box a:link , #stories_preview_6_box a:link {color:#fff;}
#stories_preview_2_box a:visited, #stories_preview_3_box a:visited, #stories_preview_4_box a:visited, #stories_preview_5_box a:visited, #stories_preview_6_box a:visited {color:#FFF; text-decoration:underline;}
#stories_preview_2_box a:hover, #stories_preview_3_box a:hover, #stories_preview_4_box a:hover, #stories_preview_5_box a:hover, #stories_preview_6_box a:hover {text-decoration:none;}
/* HIGHLIGHT AREA */
#highlight {
z-index: 9;
width: 255px;
height: 345px;
float: right;
position: absolute;
margin-left: 61em;
margin-top: -11.3em;
margin-right: 7px;
background: none !important;
}
#highlight_text_wrap {height:27em; width:100%; margin-top:12.45em; border:1px solid #666; border-radius: 10px 10px 10px 10px;
-webkit-box-shadow: 0px 2px 3px 2px rgba(5, 2, 6, 0.4);
-moz-box-shadow: 0px 2px 3px 2px rgba(5, 2, 6, 0.4);
box-shadow: 0px 2px 3px 2px rgba(5, 2, 6, 0.4);
background:url() no-repeat;}
#main_title {color:#fff; font-size:1.3em; width:200px; margin:auto; text-align:center; display:block; font-weight:bold; padding-top:0px;}
#sub_title { text-align:center; width:100%; font-weight:bold; color:#A4E0FA; display:block;}
#highlight_text {padding:5px; height:85px; margin-top:0em;}
/* Specific to highlight area */
#thisisok_highlight {float:right; margin-top:-2.8em; margin-right:0.5em;}
/* Specific to stories area */
#thisisok_stories_text {float:right; margin-top:0em;}
#govdelivery {border:1px solid #333; height:80px; width:235px; margin:auto; margin-top:2.48em; padding:5px; border-radius: 0px 0px 10px 10px; background:#5E7AA3;
background:url(../images/signupbackground.png);}
#govdelivery p {margin:0px;}
#govinput {width:120px; float:left; margin-right:0.5em;} /* IE FIX */
#middle_section {width:998px; background:#fff; margin:auto; height:280px; margin-bottom:0px;
border-left:1px solid #999;
border-right:1px solid #999;}
#middle_section h1 {color:#182532; font-size:170%; font-style:italic; margin-left:0.4em; margin-top:0px;}
#middle_section p {
font-size: 120%;
color: #333;
margin-left: .5em;
margin-top: -1em;
text-align: center;
}
#middle_section_shadow_wrapper {width:990px; height:21px; }
#middle_section_shadow {width:985px; height:10px; margin-top:5em; clear:both; margin-left:0em;}
#middle_section_boxes {
width: 985px;
height: 210px;
margin-left: 7px;
text-align: center;
}
#middle_section_wrapper {margin:auto; max-width:985px; padding-bottom:5px;}
#middle_section_box_1 {float:left; width:231px; border: solid #666 1px; margin-right:7px; padding:7px; height:230px; color:#000; font-size:0.95em;
-webkit-box-shadow: 0px 2px 3px 2px rgba(5, 2, 6, 0.4);
-moz-box-shadow: 0px 2px 3px 2px rgba(5, 2, 6, 0.4);
box-shadow: 0px 2px 3px 2px rgba(5, 2, 6, 0.4);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background:url() top center no-repeat;}
#middle_section_box_1 h1 {color:#182532; margin-top:0.12em; text-shadow: -1px -1px 0px #ccc, 1px 1px 0px #fff; margin-left:.0em; margin-bottom:1.35em;}
#middle_section_box_1 h1 a {color:#000; text-decoration:none;}
#middle_section_box_1 {
font-size: 1em;
text-align: center;
}
#middle_section_box_2 h1 {color:#182532; margin-top:0.5em; text-shadow: -1px -1px 0px #ccc, 1px 1px 0px #fff; margin-left:0em;}
#middle_section_box_2 h1 a {color:#000; text-decoration:none;}
/* PHOTO GALLERY */
#photo_gallery {margin-top:-7.5em;}
#middle_section_box_3_photo_wrapper {float:left; width:469px; border: solid #666 1px; margin-right:0px; padding:7px; height:230px;
-webkit-box-shadow: 0px 2px 3px 2px rgba(5, 2, 6, 0.4);
-moz-box-shadow: 0px 2px 3px 2px rgba(5, 2, 6, 0.4);
box-shadow: 0px 2px 3px 2px rgba(5, 2, 6, 0.4);
border-radius: 10px 10px 10px 10px;
background:url() top center no-repeat;}
#middle_section_box_3_photo_wrapper h1 {color:#182532; margin-top:0.1em; text-shadow: -1px -1px 0px #ccc, 1px 1px 0px #fff; margin-left:0em;}
#middle_section_box_container_photogallery {width:460px; height:39px; padding:3px;} /* title box container */
#middle_section_box_container {width:230px; height:39px; padding:3px;} /* title box container */
#middle_section_box_text {margin-top:7px; margin-left:5px; text-align:center;} /* text goes on left side */
#middle_section_box_ok {float:right;} /* ok gov box on right side */
#middle_section_box_text_photogallery {margin-top:7px; margin-left:5px; text-align:center;}
/*OK GOV STATS*/
#datatext {color:#000; text-align:left; margin-bottom:1em; margin-top:-0.2em;}
#datatext a:link {color:#000;}
#datatext a:visited {color:#000;}
#datatext a:hover {text-decoration:underline; }
/* twitter container */
#middle_section_box_2 {
float: left;
border: solid #666 1px;
width: 228px;
margin-right: 7px;
padding: 0em 0.3em 0em 0.3em;
height: 245px;
color: #fff;
/* background:url(../images/twitter_header.png) top center no-repeat;*/
-webkit-box-shadow: 0px 2px 3px 2px rgba(5, 2, 6, 0.4);
-moz-box-shadow: 0px 2px 3px 2px rgba(5, 2, 6, 0.4);
box-shadow: 0px 2px 3px 2px rgba(5, 2, 6, 0.4);
border-radius: 10px 10px 10px 10px;
overflow: hidden;
}
#gallery_link {font-size:0.85em; margin-left:37.5em; margin-top:2em; text-shadow: -1px -1px 0px #ccc, 1px 1px 0px #999;}
#gallery_link a {color:#333; font-weight:bold;}
/* twitter */
#twitter_container h1 {margin-top:0.5em; text-shadow: -1px -1px 0px #000, 1px 1px 0px #000;}
#twitter_container {margin:2em 0em 0em 0em; font-size:100%; overflow: hidden; color:#000; height:12.4em;}
#twitter_update_list {width: 210px; margin-left:-2em;}
#twitter_update_list li {line-height:18px;}
#twitter_update_list li a:link {color:#000;}
#twitter_update_list li a:visited {color:#CCC;}
.twittertitle_text {color:#000;}
#twitter_link {font-size:0.85em; margin-left:15.7em; margin-top:1.2em; text-shadow: -1px -1px 0px #ccc, 1px 1px 0px #999;}
#twitter_link a:link {color:#333; font-weight:bold;}
#twitter_link a:visited {color:#333; font-weight:bold;}
#twitter_container a:visited {color:#000 !important;}
/* footer begins */
#footer {
width: 998px;
height: 460px;
background: url(../images/footer.png) no-repeat bottom #fff;
margin: auto;
margin-bottom: .5em; /* border-bottom:solid #333 1px; */
border-radius: 0px 0px 20px 20px;
padding-top: 5px;
border-top: 1px solid #172A42;
border-left: 1px solid #999;
border-right: 1px solid #999;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-radius: 0px 0px 20px 20px;
behavior: url(PIE.html);
}
#footer a:link {
color: #000000;
}
#footer a:visited {
color: #000000;
}
#footer a:hover {text-decoration:underline;}
#footer h1 {color:#182532; font-size:170%; font-style:italic; margin-left:0.8em; margin-bottom:2em; border-bottom:; text-shadow: -1px -1px 0px #202020, 1px 1px 0px #fff;}
#footer h2 {margin-left:0.4em; font-size:170%; font-style:italic;}
#footer_link_wrapper {width:200px; height:220px; border-left:; border-right:; float:left; margin-right:10px;}
#footer_link_wrapper ul {
line-height: 21px;
color: #F0FF00;
}
#footer_link_wrapper a {
font-weight: bolder;
}
#trim_up {margin-top:-16px;}
#more {float:right; margin-right:10px; font-weight:bold; padding:2px; padding-left:6px; border:; background:#FCE3B7;}
#left_footer_link {float:left; width:190px;}
#left_footer_link a:link {text-decoration:none;}
#left_footer_link a:visited {text-decoration:none;}
#left_footer_link a:hover {text-decoration:underline;}
#right_footer_link {float:right; width:190px; height:190px; margin-top:-1.8em;margin-right:0.5em;}
#right_footer_link a:link {text-decoration:none;}
#right_footer_link a:visited {text-decoration:none;}
#right_footer_link a:hover {text-decoration:underline;}
a.view_more_link {padding:2px; font-weight:bold; text-decoration:none;}
#photo_section_wrapper {width:260px; height:200px; float:left;}
#photo_section_wrapper a:link {text-decoration:none;}
#photo_section_wrapper a:visited {text-decoration:none;}
#photo_section_wrapper a:hover {text-decoration:underline;}
#photo_section_wrapper p {margin-left:15px;}
#photo_section_wrapper ul {margin-top:-1.2em; line-height:21px;}
#footer_links {margin:auto; width:100%; text-align:center; margin-top:-6em;}
#footer_links a:link {color:#333; text-decoration:none;}
#footer_links a:visited {color:#333; text-decoration:none;}
#footer_links a:hover {text-decoration:underline;}
#photo_section_picture {width:280px; float:right; margin-right:3em; margin-top:0em;}
#photo_section_picture h1 {margin-left:-3px;}
#photo_info_box {margin-left:1em; width:190px; height:100px; background:url() no-repeat;
padding-left:1em; padding-top:0.1em;}
#photo_info_box p {width:180px; font-size:90%; line-height:20px;}
#photo_info_box a {color:#000; font-style:italic;}
#state_officials_section {width:500px; float:left; margin-right:1em; margin-top:0em; margin-left:0.8em;}
#state_officials_section h1 {margin-left:0em; margin-bottom:1em;}
#governor_specific {width:225px; float:left; padding-right:5px; border-right:; text-align:center;}
#officials {float:right; width:250px; background:url() no-repeat #FFE7B7; border-radius: 10px 10px 10px 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-radius: 10px 10px 10px 10px;}
#officials {border:1px solid #E7C287; padding-top:0em; padding-left:0em; padding-bottom:0em; padding-right:0em; }
#officials a {padding:0em 0.2em 0.2em 0.3em;}
.ui-accordion {margin:0px; padding:0px;}
.ui-accordion a {display:block;}
.ui-accordion h4 a:link {margin-left:0px; background:#E7C287; text-decoration:none; font-weight:bold;}
.ui-accordion h4 a:visited {font-weight:bold; background: #E7C287;}
.ui-accordion h4 {margin-bottom:0.2em; margin-top:0em;}
.ui-accordion-content-active {text-align:center;}
.accordion_arrow {float:right;}
#officials_no_script {text-align:center; font-size:0.85em;}
.noscript_gallery img {margin-top:4em !important;}
#officials_no_script_content ul {list-style-type:none;}
#officials_no_script_content li {margin-top:1em;}
#officials a {color:#333 !important;}
#officials_social_media {position:absolute; margin-left:15em; margin-top:-5.5em;}
#footer_section {width:550px; height:25px; margin:auto;}
#footer_section_content {width:550px; margin-left:4.5em; height:30px; clear:right; margin-top:20em; position:absolute;}
#footer_section_content a:link, a:visited {
color: #333;
text-decoration: underline;
font-weight: bolder;
}
#footer_section_content a:hover {text-decoration:none;}
#copyright {
margin: auto;
width: 400px;
height: 25px;
margin-top: 0.5em;
text-align: center;
color: #fff;
font-weight: normal;
}
#bird {position:absolute; margin-top:29.9em; margin-left:68em;}
#footer {
clear: both;
background-color: #;
} /* fix footer on content pages */
#footer_links {clear:both; margin-top:-5em;}
#services .module h1 {color: #a9d6ff;}
.linklist p {color:#fff;}
.rightcontent_wrapper {}
#events h1, #news h1, #agencies h1, #services h1 {color:#a9d6ff; font-size:1.5em; border-bottom:1px dotted #333;}
.rightcontent h1 {color: #a9d6ff;}
#main {height:100%; padding-left:0px; overflow:auto;} /*container fix */
/* Single Page */
.body_content {padding:3em 1em 1em 1em; overflow:auto; background:#fff; margin-top:1.5em;}
.body_content h2 {border:none; color:#000; font-size:1.8em;}
.contact td ul {min-width:23em; margin-left:0em; padding-left:0em;}
#content_container {width:99%; padding: 3px; height:99%; overflow:auto;}
#content_container a:link {color:#4A6284; text-decoration:underline; font-weight:bold;}
#content_container a:visited {color:#4A6284; text-decoration:underline; font-weight:bold;}
#content_container a:hover {text-decoration:none;}
/* breadcrumb */
.aboutbreadcrumb {margin-left:1em; margin-top:1.5em;}
.breadcrumb {margin-left:1em; margin-top:4em; width:45em;}
.breadcrumb a:link {color:#666; text-decoration:none; font-weight:bold;}
.breadcrumb a:visited {color:#CCC; text-decoration:none; font-weight:bold;}
#breadcrumb a:hover {text-decoration:underline;}
/* CMS Specific */
#left_content {float:left; width:66%; padding:1em; margin-top:-2em;}
.HELP_FAQ {width:54em !important;}
.HELP_FAQ form input {width:18em;}
.keyword_submit {width:10em !important;}
.left_navigation {text-align:center;}
.leftnav_line a {border-radius:0px; padding-right:10px; white-space: nowrap;}
/* about page */
.cms_editor_content td {padding:0.5em; width:98%;}
.cms_editor_content {margin-left:0.5em; width:98%;}
.cms_editor_content h2 {border-bottom:none; color:#000; font-size:1.6em;}
.about_nav_wrap {}
.leftnav_line a {border-right:1px solid #000;
border-radius: 0px 0px 0px 0px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius: 0px 0px 0px 0px;}
#CMS_related_topics {background:#5e7aa3 !important; border:1px solid #000; padding:0.5em; padding-right:0px;
font-size:1.2em; width:180px; margin-right:5em !important;
border-radius: 10px 10px 10px 10px; margin-right:6px;
box-shadow: 0 4px 4px 0px #666;
-moz-box-shadow: 0 4px 4px 0px #666;
-webkit-box-shadow: 0 4px 4px 0px #666;}
#CMS_related_topics a:link {color:#fff;}
#CMS_related_topics a:visited {color:#fff;}
.module_headline {font-family:georgia; color:#a9d6ff; font-style:italic;
font-size:160%; font-weight:bold; border-bottom:1px dotted #000;}
/*4 item nav test*/
.mainnav.mainnav_4 {height:11.5em !important;}
.mainnav.mainnav_4 ul li ul li {}
.mainnav.mainnav_4:hover ul li ul {margin-left:0em !important; position:relative !important; display:block;}
.mainnav.mainnav_4:hover ul li ul {margin-left:0em !important; position:relative !important;}
/* right content */
#one_click h1 {color:#a9d6ff;}
#one_click h1 a {color:#a9d6ff;}
#services h1 a {color:#a9d6ff;}
#agencies h1 a {color:#a9d6ff;}
#news h1 a {color:#a9d6ff;}
#faqs h1 a {color:#a9d6ff;}
#links h1 a {color:#a9d6ff;}
#services a {color:#fff;}
#agencies a {color:#fff;}
#one_click a {color:#fff;}
#faqs a {color:#fff;}
#news a {color:#fff;}
#links a {color:#fff;}
#how_do_i h1 {color:#a9d6ff;}
#how_do_i a {color:#fff;}
#policies h1 {color:#a9d6ff;}
#links h1 {color:#a9d6ff;}
#other_state_locales h1 {color:#a9d6ff;}
#county h1 {color:#a9d6ff;}
#agency h1 {color:#a9d6ff;}
#related_maps h1 {color:#a9d6ff;}
#links2 a {color:#fff;}
.module p {font-size:12px !important; font-weight:normal !important;}
.module ul.open {background:none;}
#alpha a {color:#fff;}
#right_content {float:right; width:29.5%; padding:5px; background:#5E7AA3; color:#fff;
border-radius: 0px 0px 10px 10px; border:2px solid #13202E; line-height:24px; margin-bottom:0.5em;}
#right_content a:link {color:#fff;}
#right_content a:visited {color:#fff;}
#right_content a:hover {text-decoration:none;}
.rightcontent h1 {color:#a9d6ff; border-bottom:1px dotted #333;}
#right_content ul {margin-left:-1.5em;}
#right_content h5 {color: #A9D6FF; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; font-size: 110%; margin: 0px;
font-style:italic; }
.linklist {line-height:17px !important;}
.linklist a {margin-bottom:0.7em !important;}
.rightcontent {float:right; width:320px; padding:5px; overflow:auto; background:#5E7AA3; border:2px solid #13202E; line-height:24px; margin-bottom:0.5em;
width:29.5%; padding:5px; background:#5E7AA3; color:#fff; padding:8px;
border-radius: 10px 10px 10px 10px; margin-right:6px;
box-shadow: 0 4px 4px 0px #666;
-moz-box-shadow: 0 4px 4px 0px #666;
-webkit-box-shadow: 0 4px 4px 0px #666;}
.rightcontent a:link {color:#fff !important;}
.rightcontent a:visited {color:#a9d6ff !important;}
.subpage_controls a:link {color:#333;}
.subpage_controls a:visited {color:#333;}
#how_do_i h1 {color:#a9d6ff;}
#policies h1 {color:#a9d6ff;}
#policies a {color:#fff;}
#links h1 {color:#a9d6ff;}
#alpha h1 {color:#a9d6ff;}
#links2 h1 {color:#a9d6ff;}
#search h1 {color:#a9d6ff;}
#directions h1 {color:#a9d6ff;}
#related_maps a {color:#fff; font-size:0.95em;}
.directory_listing a:visited {color:#000;}
.directory_navigation {font-size: 0.9em; text-align: right; width: 95%; display: block;}
#resultlist h1 {color:#a9d6ff;}
#resultlist h2 {font-style:italic; font-size:120%; margin-left:0.4em; text-decoration:underline;}
.countylist a:link {color:#fff !important; font-size:1em !important; font-weight:bold !important; text-decoration:underline !important;}
.countylist a:visited {color:#fff !important;}
.countylist a:hover {text-decoration:none !important;}
input[type="checkbox"], input[type="radio"] {margin-right:0.5em; margin-top:0em;}
.rightcontent input[type="checkbox"] input[type="radio"] {float:left; margin-right:0.5em; margin-top:0.5em;}
.rightcontent ul, ol {padding-left:0px;}
.rightcontent label {color:#fff;}
.linklist a {display:block;} /* link on each line */
.linklist a:link {text-decoration:none;}
.linklist a:visited {text-decoration:none;}
.linklist a:hover {text-decoration:underline;}
.linklist a img {display:none;}
#module18 {display:none;}
#module21 {display:none;}
#module23 {display:none;}
#module10 {display:none;}
/* background clickable */
.myBox {position:absolute; z-index:9999; margin-top:-5em; margin-left:63em; height:4.750em; width:17.5em;
display:block !important; text-indent:-9999px; cursor:hand;}
/* photogallery forced size */
.thumbs img {height:80px; width:80px;}
/* maps */
.content_wrapper2 {margin-top:3em; margin-left:1em;}
.content_wrapper2 h1 {margin-top:0em;}
.content_wrapper2 form {background:#ccc; margin:1em; margin-right:2em !important; padding:1em; border:1px solid #999;
border-radius: 10px 10px 10px 10px; margin-right:6px;
box-shadow: 0 4px 4px 0px #666;
-moz-box-shadow: 0 4px 4px 0px #666;
-webkit-box-shadow: 0 4px 4px 0px #666;}
#current_feature_background_link {height:196px; text-decoration: none;}
.hand_pointer{cursor: pointer;}
#current_feature_navigation{color:#fff;}
#maps_notification {display:none;}
#live_chat {background:#fff; text-align:center; padding:0.5em; border:1px solid #000; border-radius: 10px 10px 10px 10px; }
#count {color:#000 !important;}
/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }
/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }
/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
/* google results styling */
.content_wrapper2 form span {color:#000 !important; padding:5px; margin:3px; border:1px solid #ffcc33; background:#fff4c2; display:block;}
a {text-decoration:none;}
/* drop down sub page */
.subcategory_listing {margin: 0em auto; display: block;}
.subcategories {list-style-type: none; margin: 0em auto; width: 60%; float: left;}
.subcategories li {display: block; clear: both; margin: 0.5em 0em; float: left; width: 100%;}
.subpage_controls {font-size: 0.95em; text-align: center;}
.subpage_controls span {margin-left: 20em; margin-top: -1em;}
.subcategories li a {display: block; vertical-align: middle; margin: 0em; padding: 0em; color: #000000; font-size: 0.95em; font-weight: bold;}
.subcategory_listing .subcategories li a.subpage_link {float: left; color: #015ec6;}
.subcategory_listing ul.subcategories li .section_arrow {display: block; float: left; vertical-align: middle; margin-right: 0.25em;}
.subcategory_listing ul.subcategories li .eservices_icon {display: block; vertical-align: middle; margin-left: 0.5em;}
*:first-child+html .subcategory_listing ul.subcategories li .eservices_icon {padding-left: 0.5em;} /*IE7*/
.subsubcategories {list-style-type: none; padding-bottom: 1.25em;}
.subsubcategories li {display: block; clear: both; margin: 0.15em 0em;}
.subsubcategories li a {font-weight: normal; color: #015EC6;}
.subpage_instructions {text-align:center; color:#666; font-size:0.75em;}
.directory_heading {list-style-type: none; }
.directory_listing {list-style-type: none; margin: 1em auto; padding: 0em;}
/* ALERT STYLING */
/* ALERT STYLING */
#alert {display:block; border:2px solid #ff0000; width:950px; height:100%; padding-top:0.5em; margin-top:5em;
color:#ff0000; font-weight:bold; margin-left:1em; margin-right:4em; clear:both; overflow:auto; margin-bottom:0em; font-size:14px;
padding-left:1em; padding-bottom:1em;
}
.adv_search_box input {width:140px;}
#cms_faq h2 {font-size:170%; color:#000;}
#cms_faq a {font-size:1em;}
#cms_faq {font-size:1.2em;}
.cms_module_faq_content_link_question {font-size:1.0em;}
#formbuilder label {cursor:auto;}
label {}
#new_go_button {
/* position:absolute;*/
/* margin-top:-1.8em;*/
/*margin-left:-6em;*/
width: 105px;
height: 57px;
padding: 0;
border: 0;
background: transparent url(../images/search_go_button.png) no-repeat center top;
text-indent: -1000em;
margin-left:10em;
/* cursor: pointer;*/ /* hand-shaped cursor */
/*z-index:9999;*/
}
.right_content legend.sm_label, label.sm_label {display:inline;}
/*====GO BUTTON FIX START====*/
#new_go_button {
width: 105px;
height: 57px;
padding: 0;
border: 0;
background: transparent url(../images/search_go_button.png) no-repeat center top;
text-indent: -1000em;
margin-left:-17em;
position:absolute;
margin-top:3.7em;
z-index:1000;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
#new_go_button {
position:relative;
margin-left:10em;
}
input#search_box_input {position:absolute;}
}
/*=======END=====*/
#twitter-widget-0 {background:#fff; /*height:238px;*/ width:230px !important; margin-top:4px;}
/* ==|== print styles =======================================================
Print styles.
Inlined to avoid required HTTP connection: h5bp.com/r
========================================================================== */
@media print {
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: ""; } /* Don't show links for images, or javascript/internal links */
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; } /* h5bp.com/t */
tr, img { page-break-inside: avoid; }
img { max-width: 100% !important; }
@page { margin: 0.5cm; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3 { page-break-after: avoid; }
}
html {
background: url(../images/bg.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
div2 {
text-align: center;
width: 100%;
vertical-align: middle;
height: 100%;
display: table-cell;
}
.iframe{
width: 200px;
}
div2,
body,
html {
height: 100%;
width: 100%;
}
body{
display: table;
}