@charset "utf-8";
/* use all lowercase syntax*/
html { height: 100%; }
.print { height:0; width:0; display:none; padding:0; margin:0; }
.fltright { float: right; }
.fltleft { float:left; }
img { border: 0px; }
.rcallout { float: right; padding: 0 0 0 20px; margin: 0 0 10px 25px; border-left: 1px solid #A1A1A1; width:33%; }
/* P reset */ p { margin: 0px/* 0px 12px 0px*/; padding: 0px; /* Adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */ }
#page { position:relative; max-width: 990px; width: 990px; margin: 0px auto 36px; }
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; }
body { margin: 0; padding: 0; background-image: url(../images/bg_flag.jpg); background-repeat: no-repeat; background-position: center top; }
/*  Element/tag selectors  */
ul, ol, dl { padding: 0; margin: 0; }
h1, h2, h3, h4, h5, h6, a img { border: none; }
#header { /*height: 170px;*/ margin: 0 0 15px 0; }
#search { margin: 0px; float: right; height: 70px; width: 344px; background-image: url(../images/bg_search.png); background-repeat: repeat; background-position: 0px 0px; padding: 10px; }
#search img { float: left; margin: 3px 5px 15px 11px; }
#searchbox { clear:both; text-align:left; margin: 0 0 0 11px; }
#dsa { float: left; }
#dsa img { float: left; margin: 32px 5px 0px 11px; }
#social { clear: both; text-align: right; float:right; overflow:hidden; height: 44px; padding: 0; }
#social img { margin: 6px 0 6px 2.25px; }
#middle { border-bottom: 10px solid #700017; clear:both; /*overflow:auto;*/ position:relative; z-index:0; font-family: Arial, Helvetica, sans-serif; }
#middle #banner { height: 276px; padding: 0 0 0 0; background-image: url(../images/sqdiag.png); background-repeat: repeat; background-position: 0px 0px; }
#middle #pos { height: 275px; clear: both; overflow:hidden; }
#middle #pos .left { width: 625px; float:left; overflow:hidden; background: #73a5cc; /* Old browsers */ background: -moz-linear-gradient(top, #73a5cc 52%, #b6d0e4 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(52%, #73a5cc), color-stop(100%, #b6d0e4)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #73a5cc 52%, #b6d0e4 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #73a5cc 52%, #b6d0e4 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #73a5cc 52%, #b6d0e4 100%); /* IE10+ */ background: linear-gradient(to bottom, #73a5cc 52%, #b6d0e4 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#73a5cc', endColorstr='#b6d0e4', GradientType=0 ); /* IE6-9 */
}
#middle #pos .left .column { width: 155.5px; float: left; /*background-color:#666;*/ height: 275px; border-right: thin dotted #FFF; overflow:hidden; }
#middle #pos .left .column span { height: 123px; float: left; clear: both; overflow:hidden; margin: 0 0 5px 0; }
#middle #pos .left .column span img { }
#middle #pos .left .column p { margin-left:8px; margin-right:8px; color:#000; padding: 0 0 10px; }
/* typography  */
h1 { color: #700017; font-family: 'Arvo', Georgia, "Times New Roman", Times, serif; font-style: normal; font-weight: 400; text-shadow: none; text-decoration: none; text-transform: none; letter-spacing: 0em; word-spacing: 0em; line-height: 1.2; font-size: 120%; padding-bottom: 2px; margin-bottom: 2pt; margin-top: 0px; padding-top:0px; }
h2 { color: #0E3288; font-family: 'Arvo', Georgia, "Times New Roman", Times, serif; font-style: normal; font-weight: 400; text-shadow: none; text-decoration: none; text-transform: none; letter-spacing: 0em; word-spacing: 0em; line-height: 1.2; font-size: 100%; padding-bottom: 2px; margin-bottom: 2pt; margin-top: 0px; padding-top:0px; }
h3 { color: #0E3288; font-family: 'Arvo', Georgia, "Times New Roman", Times, serif; font-style: normal; font-weight: 400; text-shadow: none; text-decoration: none; text-transform: none; letter-spacing: 0em; word-spacing: 0em; line-height: 1.2; font-size: 80%; padding-bottom: 2px; margin-bottom: 2pt; margin-top: 0px; padding-top:0px; }
h4, h5, h6 { color: #525051; font-family: Arial, Helvetica, sans-serif; font-style: normal; font-weight: bold; text-shadow: none; text-decoration: none; text-transform: none; letter-spacing: 0em; word-spacing: 0em; line-height: 1.2; font-size: 80%; padding-bottom: 2px; margin-bottom: 2pt; margin-top: 0px; padding-top:0px; }
p { color:#525051; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size:80%; padding: 0 0 20px 0; margin: 0; line-height: 1.4; }
.sub #middle ol, .subtwo #middle ol, .subthree #middle ol, .subfour #middle ol /* originally set as body ul, body ol. It interfered with the navigation ul and ol*/ { color:#525051; padding: 0 10px 10px 20px; margin: 0px 0px 0px 5px; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size:80%; line-height: 1.4; }
.sub #middle ul, .subtwo #middle ul, .subthree #middle ul, .subfour #middle ul /* originally set as body ul, body ol. It interfered with the navigation ul and ol*/ { color:#525051; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size:80%; line-height: 1.4; }
.eoe { color: #CCC; font-family: Arial, Helvetica, sans-serif; font-style: normal; text-shadow: none; text-decoration: none; text-transform: none; letter-spacing: 0em; word-spacing: 0em; line-height: 1; font-size: 60%; }
.txtcenter { text-align:center; }
/* Using reddot.gif for bullets */
.sub #middle ul, .subtwo #middle ul, .subthree #middle ul, .subfour #middle ul { list-style-type: none; margin: 0px 25px 0px 0px; padding: 0 0px 25px 6px; }
.sub #middle ul li, .subtwo #middle ul li, .subthree #middle ul li, .subfour #middle ul li { background-image: url(../images/reddot.gif); background-repeat: no-repeat; background-position: 0px 6px; padding-left: 13px; }
.sub #middle ul li ul li, .subtwo #middle ul li ul li, .subthree #middle ul li ul li, .subfour #middle ul li ul li { font-size: 125%; background-image: url(../images/graydash.gif); }
#footer { background: none repeat scroll 0 0 #ECECEC; border: 0 none; clear: both; float: left; margin: -10px 0 0; padding: 20px 0; width: 100%; }
.foot-box { border: 0 none; float: left; margin: 0 auto 25px; overflow: hidden; padding: 0; width: 990px; }
.footercenter { position:relative; max-width: 990px; width: 990px; margin: 0px auto 36px; }
.foot-left { border-right: 2px solid #D5D5D5; float: left; font: bold 1.3em Arial, Helvetica, sans-serif; margin-left: 0px; padding: 10px 20px 9px 0; text-align: right; /*width: 255px;*/ }
#footer .foot-left a:link, #footer .foot-left a:visited, #footer .foot-left a:active { color:#525052; font-weight: bold; text-align: right; text-decoration: none; } /* Ohio.gov link */
#footer .foot-left a:hover, #footer .foot-left a:focus { color: #700017; text-decoration: underline; }
#footer .foot-right a:link, #footer .foot-right a:visited, #footer .foot-right a:active { color: #700017; font-weight: bold; text-align: right; text-decoration: none; } /* Other links */
#footer .foot-right a:hover, #footer .foot-right a:focus { color:#a1a1a1; text-decoration: underline; }
.foot-right { color: #333333; float: left; padding: 14px 0 0 19px; font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; line-height: 1.5em; } /* link area */
.homepage #banner { clear:both; }
.homepage #bannerleft { float:left; overflow:hidden; }
.homepage #bannerright { width: 364px; min-height:250px; float:right; /*background-color:#b9d2e5; overflow:hidden;*/ }
/*links */
.homepage #bannerright img.top { padding: 0 0 20px 0 }
.homepage #bannerright img { clear:both; float:right; }
h1 a:link, h1 a:visited, h1 a:active, h2 a:link, h2 a:visited, h2 a:active, h3 a:link, h3 a:visited, h3 a:active, h4 a:link, h4 a:visited, h4 a:active, h5 a:link, h5 a:visited, h5 a:active, h6 a:link, h6 a:visited, h6 a:active { color: #0E3288; text-decoration: underline; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #73a5cc; text-decoration: none; }
.left .column a:link, .left .column a:visited, .left .column a:active { color:#FFF; text-decoration: none; }
.left .column a:hover, .left .column a:focus { color:#FFF; text-decoration: none; }
a.darkgray:link, a.darkgray:visited, a.darkgray:active { color: #525052; text-decoration: none; }
a.darkgray:hover { color: #6a98bc; text-decoration: none; }
a.lightgray:link, a.lightgray:visited, a.lightgray:active { color: #a1a1a1; text-decoration: none; }
a.lightgray:hover { color: #0E3288; text-decoration: none; }
a.brightred:link, a.brightred:visited, a.brightred:active { color: #ef1217; text-decoration: none; }
a.brightred:hover { color: #6a98bc; text-decoration: none; }
a.darkred:link, a.darkred:visited, a.darkred:active { color: #700017; text-decoration: none; }
a.darkred:hover { color: #6a98bc; text-decoration: none; }
a.blue:link, a.blue:visited, a.blue:active { color: #73a5cc; text-decoration: none; }
a.blue:hover { color: #0E3288; text-decoration: none; }
a.darkblue:link, a.darkblue:visited, a.darkblue:active { color: #0E3288; text-decoration: none; }
a.darkblue:hover { color: #6a98bc; text-decoration: none; }
a.green:link, a.green:visited, a.green:active { color: #b5dc10; text-decoration: none; }
a.green:hover { color: #6a98bc; text-decoration: none; }
a.orange:link, a.orange:visited, a.orange:active { color: #ffbe0e; text-decoration: none; !important;
}
a.orange:hover { color: #700017; text-decoration: none; !important;
}
a.white:link, a.white:visited, a.white:active { color: #6a98bc; text-decoration: none; }
a.white:hover { color: #ef1217; text-decoration: none; }
.breadcrumb { color:#525051; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size:75%; margin: 0 0 15px 0; line-height: 1; display:block; color: #a1a1a1; }
.breadcrumb a:link, .breadcrumb a:visited, .breadcrumb a:active { color: #a1a1a1; text-decoration: none; }
.breadcrumb a:hover { color: #6a98bc; text-decoration: underline; }
/* colors */
.darkgray { color: #525052; }
.lightgray { color: #a1a1a1; }
.orange { color: #ffbe0e; }
.brightred { color: #ef1217; }
.green { color: #b5dc10; }
.darkred { color: #700017; }
.blue { color: #73a5cc; }
.darkblue { color: #0E3288; }
.white { color: #FFF; }
.black { color: #000; }
/*sub common*/
#middle #above { padding: 0 0 15px 0; margin: 0 0 15px 0; background-image: url(../images/sqdiag.png); background-repeat: repeat; background-position: 0px 0px; overflow:auto; clear: both; }
#middle #colcontainer { float:right; /*clear:right;*/ width:784px; }
.sub #middle p a:link, .sub #middle p a:visited, .sub #middle p a:active, .sub #middle li a:link, .sub #middle li a:visited, .sub #middle li a:active, .subtwo #middle p a:link, .subtwo #middle p a:visited, .subtwo #middle p a:active, .subtwo #middle li a:link, .subtwo #middle li a:visited, .subtwo #middle li a:active, .subthree #middle p a:link, .subthree #middle p a:visited, .subthree #middle p a:active, .subthree #middle li a:link, .subthree #middle li a:visited, .subthree #middle li a:active, .subfour #middle p a:link, .subfour #middle p a:visited, .subfour #middle p a:active, .subfour #middle li a:link, .subfour #middle li a:visited, .subfour #middle li a:active { color: #ef1217; text-decoration: none; }
.sub #middle p a:hover, .sub #middle li a:hover, .subtwo #middle p a:hover, .subtwo #middle li a:hover, .subthree #middle p a:hover, .subthree #middle li a:hover, .subfour #middle p a:hover, .subfour #middle li a:hover { color: #6a98bc; text-decoration: none; }
.sub #middle p, .subtwo #middle p, .subthree #middle p { margin-left:0px; margin-right:25px; color:#525052; }
.sub #subnav, .subtwo #subnav, .subthree #subnav, .subfour #subnav { float:left; width: 191px; padding: 10px 0 10px 0; border-top: 1px solid #a1a1a1; border-bottom: 1px solid #a1a1a1; }
.sub #middle #left, .subtwo #middle #left { float: left; width: 420px; min-height: 250px; }
.sub #middle #right, .subtwo #middle #right { float: right; width: 364px; }
#middle #right span, .rcallout .boxed { width: 100%; float: left; clear: both; overflow:hidden; margin: 0 0 15px 0; }
#middle #right img { max-width: 200px; max-height: 200px; }
.rcallout img { max-width: 250px; max-height: 200px; }
#image { overflow:hidden; }
/*subpage1*/
.sub #middle #above #image { }
/*subpage2 & subpage3*/
.subtwo #middle #above #image, .subthree #middle #above #image { width:626px; overflow:hidden; float: left; }
.subtwo #middle #above #video, .subthree #middle #above #video { width:364px; overflow:hidden; float: right; z-index: 1; }
.subthree #middle #left, .subfour #middle #left { float: right; width: 784px; min-height: 250px; }
.subthree #middle #right, .subfour #middle #right { visibility:hidden; height:0; width:0; float:right; overflow:hidden; }
/*header*/
/*change padding-left on #navwrapper to center navigation*/
#navwrapper { padding-left: 133px; clear:both; height:27px; max-height:30px; background-color:#700017; position:relative; z-index:900; }
#header #nav { padding: 3px 0 3px 0; }
#header #nav span { padding: 0; margin: 0; }
#header #nav li a.top { padding:0 8px 0 6px; border-right: 0.5px dotted #a96674; font-family: 'Arvo', Georgia, "Times New Roman", Times, serif; font-size:90%; font-style:normal; font-weight:normal; letter-spacing: 1px; color: #FFF; }
#header #nav li a.last { padding:0 0 0 6px; border-right: none; font-family: 'Arvo', Georgia, "Times New Roman", Times, serif; font-size:90%; font-style:normal; font-weight:normal; letter-spacing: 1px; color: #FFF; }
#header #nav li a.top:link, #header #nav li a.top:visited, #header #nav li a.top:active, #header #nav li a.last:link, #header #nav li a.last:visited, #header #nav li a.last:active { font-family: 'Arvo', Georgia, "Times New Roman", Times, serif; font-size:90%; font-style:normal; font-weight:normal; letter-spacing: 1px; color: #FFF; text-decoration: none; }
#header #nav li a.top:hover, #header #nav li a.last:hover { font-family: 'Arvo', Georgia, "Times New Roman", Times, serif; font-size:90%; font-style:normal; font-weight:normal; letter-spacing: 1px; color: #ef1217; text-decoration: none; }
#nav li ul li a { padding:7px 10px 7px 10px; text-decoration: none; font-size: 80%; font-family: Georgia, "Times New Roman", Times, serif; }
#nav li ul li a:link, #nav li ul li a:visited, #nav li ul li a:active { color: #525052; }
#nav li ul li a:hover { color: #FFF; }
/*Graphical Links - pdf ppt word xls link */ 
#colcontainer a[href$=".pdf"] { margin-right:2px; }
#colcontainer li a[href$=".pdf"]:after { font-size: 85%; content: " (pdf)"; font-variant:small-caps; }
#colcontainer a[href$=".ppt"] { margin-right:2px; }
#colcontainer li a[href$=".ppt"]:after { font-size: 85%; content: " (ppt)"; font-variant:small-caps; }
#colcontainer a[href$=".pptx"] { margin-right:2px; }
#colcontainer li a[href$=".pptx"]:after { font-size: 85%; content: " (pptx)"; font-variant:small-caps; }
#colcontainer a[href$=".doc"] { margin-right:2px; }
#colcontainer li a[href$=".doc"]:after { font-size: 85%; content: " (doc)"; font-variant:small-caps; }
#colcontainer a[href$=".docx"] { margin-right:2px; }
#colcontainer li a[href$=".docx"]:after { font-size: 85%; content: " (docx)"; font-variant:small-caps; }
#colcontainer a[href$=".xlsx"] { margin-right:2px; }
#colcontainer li a[href$=".xlsx"]:after { font-size: 85%; content: " (xlsx)"; font-variant:small-caps; }
#colcontainer a[href$=".xls"] { margin-right:2px; }
#colcontainer li a[href$=".xls"]:after { font-size: 85%; content: " (xls)"; font-variant:small-caps; }
/*nav*/
#nav { list-style:none; margin-bottom:25px; /* Clear floats */ float:left; /*width:100%;
	 Bring the nav above everything else--uncomment if needed.*/ position:relative; z-index:999; }
#nav li { float:left; margin-right:3px; position:relative; }
#nav a { display:block; padding:5px; color:#fff; /*background:#333;*/ text-decoration:none; }
#nav a:hover { color:#fff; /*background:#6b0c36;*/ text-decoration:none; }
/*--- DROPDOWN ---*/
#nav ul { background:#fff; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */ background:rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */ list-style:none; position:absolute; left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */ }
#nav ul li { padding-top:0px; /* Introducing a padding between the li and the a give the illusion spaced items */ float:none; }
#nav ul a { white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */ border-bottom: .5px dotted #a1a1a1; }
#nav li:hover ul { /* Display the dropdown on hover */ left:0; /* Bring back on-screen when needed */ }
#nav li:hover a { /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list.  background:#700017;*/ text-decoration:none; }
#nav li:hover ul a { /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */ text-decoration:none; background:#FFF; }
#nav li:hover ul li a:hover { /* Here we define the most explicit hover states--what happens when you hover each individual link. */ background: #96bcd9; /* Old browsers */ background: -moz-linear-gradient(-45deg, #73a5cc 0%, #b9d2e5 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #73a5cc), color-stop(100%, #b9d2e5)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-45deg, #73a5cc 0%, #b9d2e5 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-45deg, #73a5cc 0%, #b9d2e5 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(-45deg, #73a5cc 0%, #b9d2e5 100%); /* IE10+ */ background: linear-gradient(-45deg, #73a5cc 0%, #b9d2e5 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#73a5cc', endColorstr='#b9d2e5', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
/*application subpage COMMON*/
.apppagehidenav input, .apppage input { border: 1px solid #8E8E8E; /*background-color: #EF1217;*/ color:#000; font-family: Arial, Helvetica, sans-serif; padding: 2px }
textarea { font-family: Arial, Helvetica, sans-serif; font-size:80%; padding: 5px; }
fieldset { padding:15px 15px 0 15px; margin: 0 0 15px 0; }
legend { padding: 5px; color: #0E3288; font-family: 'Arvo', Georgia, "Times New Roman", Times, serif; font-style: normal; font-weight: 400; text-shadow: none; text-decoration: none; text-transform: none; letter-spacing: 0em; word-spacing: 0em; line-height: 1.2; font-size: 80%; }
.apppagehidenav #middle ol, .apppagehidenavtwo #middle ol, .apppagehidenavthree #middle ol, .apppagehidenavfour #middle ol /* originally set as body ul, body ol. It interfered with the navigation ul and ol*/ { color:#525051; padding: 0 10px 10px 20px; margin: 0px 0px 0px 5px; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size:80%; line-height: 1.4; }
.apppagehidenav #middle ul, .apppagehidenavtwo #middle ul, .apppagehidenavthree #middle ul, .apppagehidenavfour #middle ul /* originally set as body ul, body ol. It interfered with the navigation ul and ol*/ { color:#525051; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size:80%; line-height: 1.4; }
.apppage #middle ol, .apppagetwo #middle ol, .apppagethree #middle ol, .apppagefour #middle ol /* originally set as body ul, body ol. It interfered with the navigation ul and ol*/ { color:#525051; padding: 0 10px 10px 20px; margin: 0px 0px 0px 5px; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size:80%; line-height: 1.4; }
.apppage #middle ul, .apppagetwo #middle ul, .apppagethree #middle ul, .apppagefour #middle ul /* originally set as body ul, body ol. It interfered with the navigation ul and ol*/ { color:#525051; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size:80%; line-height: 1.4; }
.apppagehidenav table, .apppage table { color:#525051; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size:12pt; padding: 0 0 20px 0; margin: 0; line-height: 1.4; }
/*application subpage VISIBLE NAVIGATION*/
.apppage #middle li a:active { color: #ef1217; text-decoration: none; }
.apppage #middle a:link, .apppage #middle a:visited, .apppage #middle a:active, .apppage #middle p a:link, .apppage #middle p a:visited, .apppage #middle p a:link, .apppage #middle p a:visited, .apppage #middle p a:active, .apppage #middle li a:link, .apppage #middle li a:visited, .apppage #middle li a:active { color: #ef1217; text-decoration: none; }
.apppage #middle a:hover, .apppage #middle p a:hover, .apppage #middle li a:hover { color: #6a98bc; text-decoration: none; }
/*.apppage #social { visibility:hidden; }*/
.apppage .foot-box { visibility:hidden; height:0; overflow:hidden; }
.apppage #middle li a:active { color: #ef1217; text-decoration: none; }
.apppage #middle p a:hover, .apppage #middle li a:hover { color: #6a98bc; text-decoration: none; }
.openarea { width: 100%; /*overflow:auto;*/ font-family:Arial, Helvetica, sans-serif; min-height:26em; }
.apppage #middle p a:link, .apppage #middle p a:visited, .apppage #middle p a:active, .apppage #middle li a:link, .apppage #middle li a:visited, .apppage #middle li a:active { color: #ef1217; text-decoration: none; }
.apppage #middle p a:hover, .apppage #middle li a:hover { color: #6a98bc; text-decoration: none; }
.apppage .foot-box { visibility:hidden; height:0; overflow:hidden; }
/*application subpage HIDDEN NAVIGATION*/
.apppagehidenav #middle li a:active { color: #ef1217; text-decoration: none; }
.apppagehidenav #middle a:hover, .apppagehidenav #middle p a:hover, .apppagehidenav #middle li a:hover { color: #6a98bc; text-decoration: none; }
.apppagehidenav #middle a:link, .apppagehidenav #middle a:visited, .apppagehidenav #middle a:active, .apppagehidenav #middle p a:link, .apppagehidenav #middle p a:visited, .apppagehidenav #middle p a:active, .apppagehidenav #middle li a:link, .apppagehidenav #middle li a:visited, .apppagehidenav #middle li a:active { color: #ef1217; text-decoration: none; }
.apppagehidenav #middle p a:hover, .apppagehidenav #middle li a:hover { color: #6a98bc; text-decoration: none; }
.apppagehidenav #social, .apppagehidenav #navwrapper, .apppagehidenav #search { visibility: hidden; }
.apppagehidenav .foot-box { visibility:hidden; height:0; overflow:hidden; }
#middle #colcontainer #left table { color:#525051; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size:80%; padding: 0 0 20px 0; margin: 0; line-height: 1.4; }
#middle #colcontainer #left table a:link, #middle #colcontainer #left div table a:visited, #middle #colcontainer #left div table a:active { color: #700017; text-decoration: none; }
#middle #colcontainer #left table a:hover { color: #6a98bc; text-decoration: none; }
#middle #colcontainer #left table tr:nth-child(odd) { background-color:#d5e4f0; }
#middle #colcontainer #left table tr:nth-child(even) { background-color:#fff; }
/*button*/
a.buttongray { -moz-box-shadow:inset 0px 1px 0px 0px #ffffff; -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff; box-shadow:inset 0px 1px 0px 0px #ffffff; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) ); background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
background-color:#ededed; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; border:1px solid #dcdcdc; display:inline-block; color:#777777 !important; /*font-family:arial;*/ font-size:15px; font-weight:bold; padding:6px 24px; text-decoration:none; text-shadow:1px 1px 0px #ffffff; }
a.buttongray:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) ); background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
background-color:#dfdfdf; }
a.buttongray:active { position:relative; color:#777777 !important; top:1px; }
a.buttonred { -moz-box-shadow:inset 0px 1px 0px 0px #f29c93; -webkit-box-shadow:inset 0px 1px 0px 0px #f29c93; box-shadow:inset 0px 1px 0px 0px #f29c93; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #ce0100) ); background:-moz-linear-gradient( center top, #fe1a00 5%, #ce0100 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100');
background-color:#fe1a00; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; border:1px solid #d83526; display:inline-block; color:#ffffff !important; font-family:arial; font-size:15px; font-weight:bold; padding:6px 24px; text-decoration:none; text-shadow:1px 1px 0px #b23e35; }
a.buttonred:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ce0100), color-stop(1, #fe1a00) ); background:-moz-linear-gradient( center top, #ce0100 5%, #fe1a00 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#fe1a00');
background-color:#ce0100; }
a.buttonred:active { position:relative; top:1px; }
.buttonredsmall { -moz-box-shadow:inset 0px 2px 0px 0px #f29c93; -webkit-box-shadow:inset 0px 2px 0px 0px #f29c93; box-shadow:inset 0px 2px 0px 0px #f29c93; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #ce0100) ); background:-moz-linear-gradient( center top, #fe1a00 5%, #ce0100 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100');
background-color:#fe1a00; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; border:1px solid #d83526; display:inline-block; color:#ffffff !important; font-weight:bold; padding:0px 11px; text-decoration:none; text-shadow:1px 1px 0px #b23e35; }
a.buttonredsmall:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ce0100), color-stop(1, #fe1a00) ); background:-moz-linear-gradient( center top, #ce0100 5%, #fe1a00 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#fe1a00');
background-color:#ce0100 !important; color:#ffffff !important; }
a.buttonredsmall:active { position:relative; top:1px; }
.buttongraysmall { -moz-box-shadow:inset 0px 2px 0px 0px #ffffff; -webkit-box-shadow:inset 0px 2px 0px 0px #ffffff; box-shadow:inset 0px 2px 0px 0px #ffffff; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) ); background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
background-color:#ededed; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; border:1px solid #dcdcdc; display:inline-block; color:#777777 !important; font-weight:bold; padding:0px 11px; text-decoration:none; text-shadow:1px 1px 0px #ffffff; }
a.buttongraysmall:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) ); background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
}
a.buttongraysmall:active { position:relative; top:1px; }
.buttonsearch, .apppagehidenav .buttonsearch, .apppage .buttonsearch { -moz-box-shadow:inset 0px 1px 0px 0px #ffffff; -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff; box-shadow:inset 0px 1px 0px 0px #ffffff; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6) ); background:-moz-linear-gradient( center top, #ffffff 5%, #f6f6f6 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6');
background-color:#ffffff; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; border:1px solid #a1a1a1; display:inline-block; color:#666666; font-family:arial; font-size:14px; font-weight:bold; padding:0px 11px; text-decoration:none; text-shadow:1px 1px 0px #ffffff; cursor: pointer; }
.buttonsearch:hover, .apppagehidenav .buttonsearch:hover, .apppage .buttonsearch:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff) ); background:-moz-linear-gradient( center top, #f6f6f6 5%, #ffffff 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff');
background-color:#f6f6f6; }
.buttonsearch:active { position:relative; top:1px; }
.buttonbluesmall { background: -moz-linear-gradient(center top, #3D94F6 5%, #1E62D0 100%) repeat scroll 0 0 #3D94F6; background-color:#3d94f6; border: 1px solid #337FED; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; box-shadow: 0 1px 0 0 #97C4FE inset; color: #FFFFFF; display: inline-block; font-family: Arial; font-size: 13px; font-style: normal; font-weight: bold; padding: 0 11px; text-align: center; text-decoration: none; text-indent: 0; text-shadow: 1px 1px 0 #1570CD; }
.buttonbluesmall:hover, .buttonbluesmall:active { background: -moz-linear-gradient(center top, #1E62D0 5%, #3D94F6 100%) repeat scroll 0 0 #1E62D0; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; background-color:#1e62d0; }
/*Elements*/
.box { float: left; width: 175px; margin: 0 20px 20px 0; }
.boxtop { width: 145px; border-top: 1px solid #ABABAB; background-repeat: no-repeat; background-position: 95% 5px; min-height:80px; padding: 0 30px 0 0; }
.boxbottom { width: 175px; border-bottom: 1px solid #ABABAB; background-color:#E9E9E9; min-height: 325px; }
.box p, .box h1, .box h2, .box h3, .box h4, .box h5, .box h6 { padding: 10px; }
.searchtxt, .apppagehidenav .searchtxt, .apppage .searchtxt { border: 1px solid #a1a1a1; width:230px; font-size:14px; color:#525051; font-family: Arial, Helvetica, sans-serif; padding: 2px }
#busbox { float: left; width: 175px; height: 95px; margin: 0 20px 20px 0; text-align: center; padding-top: 75px; }
#busbox p a:link, #busbox p a:visited, #busbox p a:hover, #busbox p a:active { color: #000; }
.subfour #page #middle #colcontainer #left div #busbox p a:link { color: #000; }
.homepage #mediaspace, .subthree #mediaspace, .subtwo #mediaspace { height: 100%; background: #73a5cc; /* Old browsers */ background: -moz-linear-gradient(top, #73a5cc 52%, #b6d0e4 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(52%, #73a5cc), color-stop(100%, #b6d0e4)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #73a5cc 52%, #b6d0e4 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #73a5cc 52%, #b6d0e4 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #73a5cc 52%, #b6d0e4 100%); /* IE10+ */ background: linear-gradient(to bottom, #73a5cc 52%, #b6d0e4 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#73a5cc', endColorstr='#b6d0e4', GradientType=0 ); /* IE6-9 */
z-index: 500; }
/*Division Landing Page*/
.homepage #page #middle #banner #bannerleft.landing { width: 611px; margin: 0 15px 0 0; min-height: 500px; }
.homepage #page #middle #banner #bannerright p a:visited, .homepage #page #middle #banner #bannerright p a:active, .homepage #page #middle #banner #bannerright p a:link { color: #ef1217; text-decoration: none; }
.homepage #page #middle #banner #bannerright p a:hover { color: #6a98bc; text-decoration: none; }
/* modal overlay */
#overlay { display: none; position: absolute; left: 50%; margin-left:-340px; top: 25px; padding: 25px; height:auto; border-radius: 25px; background-color: #ffffff; width: 635px; min-height: 550px; z-index: 2010; }
#modalfade { display: none; position: absolute; left: 0%; top: 0%; background-color: black; -moz-opacity: 0.7; opacity: .70; filter: alpha(opacity=70); width: 100%; height: 350%; z-index: 2000; }
.launchbutton { background: -moz-linear-gradient(center top, #3D94F6 5%, #1E62D0 100%) repeat scroll 0 0 #3D94F6; background-color:#3d94f6; border: 1px solid #337FED; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; box-shadow: 0 1px 0 0 #97C4FE inset; color: #FFFFFF; display: inline-block; font-family: Arial; /*font-size: 15px;*/ font-style: normal; font-weight: bold; line-height: 1.7; padding: 10px; text-align: center; text-decoration: none; text-indent: 0; text-shadow: 1px 1px 0 #1570CD; width:75%; }
.launchbutton { font-size: 100%; position:absolute; top:65%; left:10%; }
.launchbutton:hover, .launchbutton:active { background: -moz-linear-gradient(center top, #1E62D0 5%, #3D94F6 100%) repeat scroll 0 0 #1E62D0; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; background-color:#1e62d0; }
#middle #pos .left .onecolumn { float: left; height: 275px; overflow: hidden; width: 625px; border-top: 4px solid #700017;}
#middle #pos .left .twocolumn { border-right: thin dotted #FFFFFF; float: left; height: 275px; overflow: hidden; width: 312px; }
#middle #pos .left .twocolumn p { color: #000000; margin: 20px 20px 0px 20px; padding: 0 0 10px; }
.boxedmodal { height:150px; overflow:hidden; clear: both; float: left; width:100%; margin: 0 0 15px; border-top-width: 4px; border-top-style: solid; border-top-color: #700017; }
.modalx { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
.modalx:hover { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; }
/* quick reference pages */
.table { display:table; width:784px; padding-bottom:15px; table-layout: fixed;}
.tablerow { display:table-row; background-color: #ECECEC; }
.tablecell { display:table-cell; padding:5px; margin-right:5px; border-bottom-width: 4px; border-bottom-style: solid; border-right-color: #FFF; border-bottom-color: #FFF; }
.tablecell p { padding: 0px; }
.table p.title { color: #FFF; padding: 0; width: 115px;}
.tablecellgreen { display:table-cell; padding:5px; margin-right:5px; border-bottom-width: 4px; border-bottom-style: solid; border-right-color: #FFF; border-bottom-color: #FFF; background-color:#B5DC10; width: 20%; }
.tablecelllitegreen { display:table-cell; padding:5px; margin-right:5px; border-bottom-width: 4px; border-bottom-style: solid; border-right-color: #FFF; border-bottom-color: #FFF; background-color:#e0eb9f; width: 100%}
.tablecellgray { display:table-cell; padding:5px; margin-right:5px; border-bottom-width: 4px; border-bottom-style: solid; border-right-color: #FFF; border-bottom-color: #FFF; background-color:#A1A1A1; }
.tablecelllitegray { display:table-cell; padding:5px; margin-right:5px; border-bottom-width: 4px; border-bottom-style: solid; border-right-color: #FFF; border-bottom-color: #FFF; background-color:#cfcfcf; width: 100%;}
.tablecellblue { display:table-cell; padding:5px; margin-right:5px; border-bottom-width: 4px; border-bottom-style: solid; border-right-color: #FFF; border-bottom-color: #FFF; background-color:#73A5CC; }
.tablecellliteblue { display:table-cell; padding:5px; margin-right:5px; border-bottom-width: 4px; border-bottom-style: solid; border-right-color: #FFF; border-bottom-color: #FFF; background-color:#c0d2e4; width: 100%}
.tablecelldarkgray { display:table-cell; padding:5px; margin-right:5px; border-bottom-width: 4px; border-bottom-style: solid; border-right-color: #FFF; border-bottom-color: #FFF; background-color:#525051; width: 108px; }