/* RESET */
html, body, address, blockquote, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, hr, label, p, pre, table, tbody, tfoot, th, tr { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; font-style: normal; font-weight: normal }
button, input, select, textarea { margin: 0; padding: 0; outline: 0; font-size: 99%; font-style: normal; font-weight: normal; vertical-align: baseline }
select, textarea { text-align: left; }
table { border-collapse: collapse; border-spacing: 0 }
blockquote:before, blockquote:after, q:before, q:after { content: "" }

/* BASE STYLES */
a { color: #0052a5; text-decoration: none; }
a:hover { text-decoration: underline }
a img { border: none; }
body { background: #eee; color: #000; font: small/85% Arial, Helvetica, sans-serif; line-height: 1; }
address, blockquote, dd, dl, fieldset, h1, h2, h3, h4, h5, h6, hr, p, pre, table { margin: 0 0 8px 0; }
address, blockquote, dd, dl, p { line-height: 1.2; }
blockquote, dd { margin-left: 16px;  }
ol, ul { line-height: 1.2; margin: 0 0 8px 16px; padding: 0 0 0 16px; }
li ol, li ul { margin: 0; }
table { border-collapse: collapse; }
fieldset { border: 1px solid #ccc; padding: 8px }
td { border: 1px solid #ccc; padding: 4px 6px; }
th { background: #3375b7; border: 1px solid #ccc; color: #fff; padding: 4px 6px; }
fieldset { border: 1px solid #ccc; }
h1, h2, h3, h4 { font-family: Georgia, "Times New Roman", Times, serif; }
h1 { font-size: 140%; }
h2 { font-size: 130%; }
h3 { font-size: 120%; }
h4 { font-size: 110%; }
img.icon { vertical-align: bottom; }
legend { background: #eee; border: 1px solid #ccc;  font-weight: bold; padding: 3px 5px } 
textarea { font-family: Arial, Helvetica, sans-serif; line-height: 1.2 }

#page_wrapper { margin: 0 auto; width: 960px }

/* USER */
#user { margin: 0 8px; padding: 8px; width: 944px }
#user li { background: url(http://www.etech.ohio.gov/static/images/backgrounds/list_bg-11.png) no-repeat center left; display: inline; list-style: none; margin: 0; padding: 0 0 0 11px }
#user li.first { background: none; padding: 0 }
#user ul { display: inline; margin: 0; padding: 0 }

/* HEADER */
#header { border: 1px solid #ccc; clear: both; height: 158px; position: relative; }
#header form { margin: 0; padding: 0; position: absolute; right: 8px; top: 8px; }
#header form input { margin: 0 0 0 4px; padding: 0; float: left; }
#header form .input_text { border: none; height: 17px; padding: 2px; }
#header h1 { text-indent: -9999px; }
#header .navigation_primary { background: #fff; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; height: 28px; left: 0; margin: 0; padding: 0; position: absolute; text-align: center; top: 64px; width: 958px; }
#header .navigation_primary li { background: url(http://www.etech.ohio.gov/static/images/backgrounds/list_bg-15.png) no-repeat center left; display: inline; font-family: Georgia, "Times New Roman", Times, serif; font-size: 140%; line-height: 

28px; list-style: none; margin: 0; padding: 0 0 0 15px; text-align: center; }
#header .navigation_primary li.first { background: none; padding: 0; }
#header .navigation_primary li a { color: #0052a5; }
#header .navigation_secondary { display: inline; left: 8px; margin: 0; padding: 0; position: absolute; top: 8px; }
#header .navigation_secondary li { background: url(http://www.etech.ohio.gov/static/images/backgrounds/list_bg-11.png) no-repeat center left; display: inline; list-style: none; margin: 0; padding: 0 0 0 11px; }
#header .navigation_secondary li.first { background: none; padding: 0; }
#header .navigation_secondary li a { color: #fff;  }
#link_home { display: block; height: 30px; left: 474px; position: absolute; top: 23px; width: 126px } 
#link_ohio { display: block; height: 30px; left: 360px; position: absolute; top: 23px; width: 114px }
.header_1 { background: #0052a5 url(http://www.etech.ohio.gov/static/images/banners/etech_header_000.jpg); }
.header_2 { background: #0052a5 url(http://www.etech.ohio.gov/static/images/banners/etech_header_001.jpg); }
.header_3 { background: #0052a5 url(http://www.etech.ohio.gov/static/images/banners/etech_header_002.jpg); }

/* SYSTEM MESSAGE */
#system_message { background: #fff; color: #f00; border-left: 1px solid #ccc; border-right: 1px solid #ccc; padding: 8px 0 0 0; width: 958px; text-align: center; }
#system_message a { color: #f00; text-decoration: underline; }

/* PAGE TITLE */
#title { background: #fff; border-left: 1px solid #ccc; border-right: 1px solid #ccc; clear: both; }
#title h1 { margin: 0; padding: 8px; }
#title h1 span { color: #700d1b; }

/* ABOUT ETECH */
#about { background: #fff; border: 1px solid #ccc; clear: both; margin: 0 8px }
#about p { margin: 0; padding: 8px; }
#about span { font-weight: bold; }

/* NEWS AND EVENTS */
#news { background: #fff; border: 1px solid #ccc; border-top: none; clear: both; margin: 0 8px; overflow: hidden; }
#news_text { background: #fff; border-left: 1px solid #ccc; float: left; height: 239px; width: 626px; }
#news_text p { margin: 0 0 8px 0; padding: 0; }
#news_image { background: #fff; float: left; height: 239px; overflow: hidden; width: 313px; }
#news h2 { padding: 8px 8px 0 8px; }

/* DID YOU KNOW? */
#didyouknow { background: #fff; border: 1px solid #ccc; border-top: none; clear: both; margin: 0 8px; overflow: hidden; }
#didyouknow_text { background: #fff; border-right: 1px solid #ccc; float: left; height: 119px; width: 626px; }
#didyouknow_image { background: #fff; float: left; height: 119px; overflow: hidden; width: 313px; }
#didyouknow h3 { padding: 8px 8px 0 8px; }
#didyouknow p { padding: 0 8px 8px 8px; }

/* CONTENT */
#content { border: 1px solid #ccc; clear: both; margin: 0 8px; overflow: auto; padding: 0; position: relative; }
#content_sidebar { float: left; overflow: hidden; padding: 8px; width: 297px; }
.no_columns #content_main { float: left; padding: 8px 8px 24px 8px; width: 924px; }
.two_columns { background: url(http://www.etech.ohio.gov/static/images/backgrounds/content_bg.png) }
.two_columns #content_main { float: left; padding: 8px 8px 24px 8px; width: 610px; }

.two_columns_conference #content_navigation {float: left; padding: 8px 8px 24px 8px; width: 180px; }
.two_columns_conference #content_main { float: left; padding: 8px 8px 24px 8px; width: 610px; }

.three_columns { background: url(http://www.etech.ohio.gov/static/images/backgrounds/content_bg.png) }
.three_columns #content_navigation {float: left; padding: 8px 8px 24px 8px; width: 180px; }
.three_columns #content_main { float: left; padding: 8px 8px 24px 8px; width: 408px; }
#content_wrapper { background: #fff; border-left: 1px solid #ccc; border-right: 1px solid #ccc; padding: 0 0 8px 0 }
#content_main h3 { margin: 16px 0 8px 0; }
#content_main h4 { margin: 16px 0 8px 0; }

/* AUDIENCES */
#audiences { background: url(http://www.etech.ohio.gov/static/images/backgrounds/audiences_bg.png); border: 1px solid #ccc; border-top: none; clear: both; margin: 0 8px; overflow: hidden; }
#audiences h3 { border-bottom: 1px solid #ccc; padding: 8px 0; text-align: center; }
#audiences p { padding: 0 8px 8px 8px; }
#audience_administrators { float: left; width: 235px; }
#audience_educators { float: left; width: 235px; }
#audience_tech { float: left; width: 235px; }
#audience_broadcast { float: left; width: 235px; }

/* FOOTER */
#footer { background: #ddd; border: 1px solid #ccc; clear: both; height: 59px; margin: 0 auto 8px auto; text-align: center; }
#footer li { background: url(http://www.etech.ohio.gov/static/images/backgrounds/list_bg-11.png) no-repeat center left; display: inline; line-height: 59px; list-style: none; margin: 0; padding: 0 0 0 11px; }
#footer li.first { background: none; padding: 0; }
#footer ul { display: inline; margin: 0; padding: 0; }

/* FORMS */
#form_contact { background: #eee; border: 1px solid #ccc; padding: 8px }
#form_contact .input_text { border: 1px solid #999; font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 2px; width: 476px }
#form_contact textarea { border: 1px solid #999; font-family: Arial, Helvetica, sans-serif; padding: 2px; width: 476px }
#form_contact .formrow { margin: 0 0 6px 0 }
#form_contact .formrow label { display: block; margin: 0 0 2px 0 }
#form_contact label.error { color: #f00; font-style: italic; padding: 2px 0; }
#form_contact span.required { color: #f00; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; }

img.float
{
float: left;
margin-right: 1em;
margin-bottom: .5em;
border: 0px solid #000;
}

img.float_right
{
float: right;
margin-right: 1em;
margin-bottom: .5em;
border: 0px solid #000;
}

div.icon_link {
display: inline-block;
width: 150px;
margin: 10px;
vertical-align: top;
text-align: center;
}

.newFeature {
color: #f00;
font-size:xx-small; 
vertical-align:top;
margin-left: 5px;
display: inline;
}

.feature {
padding-left: 25px;
}

/* scrolling Features for iFrames */
iframe {
	overflow-x: hidden;
	overflow-y: scroll;
} 

.liEvenRow {
background: #ffffff;
margin-right: 20px;
padding-left: 5px;
padding-top: 5px;
padding-bottom: 5px;
}
.liOddRow {
background: #ecca70;
margin-right: 20px;
padding-left: 5px;
padding-top: 5px;
padding-bottom: 5px;
}

.announce {
padding-left: 5px;
padding-top: 20px;
padding-bottom: 20px;
padding-right: 5px;
border: 1px solid #700017

.dld_header {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 140%;
color: #700017;
}
