@charset "utf-8";

*{
	outline:none;
}
strong{
	font-weight: bold;
}
.seo{
	display:block;
	height:0;
	overflow:hidden;
	text-indent:-9999px;
}
.lnk{
	text-indent:-9999px;
	overflow:hidden;
}
.mouse{
	cursor: pointer;
}
.mouse:hover{
	color: #000000;
}
body,div,h1,p{
	margin: 0;
	padding: 0;
	font-family: "Lucida Grande",Tahoma,Verdana,Arial,sans-serif;
	font-size: 11px;
}
input{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
a,div{
	outline: none;
}
a{
	color: #3F8CD9;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
body{
	background: url(img/bg.png);
}
#ct{
	background: url(img/ct_bg.png) repeat-x #C1C1C1;
	text-align: center;
}
.ohn{
	width: 872px;
	margin: 0 auto;
}
#hd{
	position: relative;
	height: 135px;
}
#hd .logo{
	display: block;
	position: absolute;
	top: 28px;
	left: 0;
	background: url(img/ohionet_logo.png);
	width: 168px;
	height: 74px;
}
#hd .slogan{
	display: block;
	position: absolute;
	top: 65px;
	left: 182px;
	background: url(img/ohionet_slogan.png);
	width: 182px;
	height: 14px;
}
#hd .topnav{
	position: absolute;
	right: 0px;
	margin-top: 11px;
}
#hd .topnav a{
	color: #CCCCCC;
	padding: 0 10px;
	border-left: 1px solid #CCCCCC;
}
#hd .topsearch{
	position: absolute;
	right: 10px;
	top: 58px;
}
#hd .topsearch .text{
	position: absolute;
	background: #FFFFFF;/*IE*/
	border: none;
	margin: 0;/*SF*/
	padding: 3px;
	right: 52px;
	width: 150px;
}

* html #search_global {
	height: 19px;
}	

#hd .topsearch .text:focus{
	background: #FAEEDC;
}
#hd .topsearch .submit{
	position: absolute;
	right: 0;
	border: none;
	width: 51px;
	height: 19px;
	background: url(img/search_btn.png);
	outline: none;
	cursor: pointer;
}
#hd .topnav a.first{
	border-left: none;
}

#nav{
	position: absolute;
	width: 870px;
	top: 103px;
	left: 0;
	height: 32px;
	background: #FFFFFF;
	padding: 0 1px;
	font-size: 11px;
	z-index: 10;
}

* html #nav {
	width: 871px;
}	

#nav ul{
	list-style: none;
	line-height: 16px;
}
#nav li.top{
	display: block;
	float: left;
}
#nav ul.sub{
	position: absolute;
	border-top: 1px solid #CCCCCC;
	background-color: #34383A;
	display: block;
	padding: 4px;
	text-align: left;
	display: none;
	white-space: nowrap;
}
* html #nav ul.sub{
	width: 156px;
}
#nav .sub .sub{
	position: absolute;
	top: -5px;
	border-left: 1px solid #CCCCCC;
	margin-left: 22px;
}
* html #nav .sub .sub{
	margin-left: 16px;
}
#nav .sub li{
	position: relative;
	padding: 6px 16px 6px 6px;
	text-align: left;
	border-bottom: 1px solid #4B4F52;
	cursor: pointer;
}
* html #nav .sub li{
	border-bottom: none;
}
#nav .sub a{
	display: block;
	line-height: 16px;
	color: #FFFFFF;
}
#nav .sub li.ovr{
	background: #222;
}
* html #nav .sub li.ovr{
	background: none;
}
*:first-child+html #nav .sub li.ovr{
	background: none;
}
#nav .sub li.arrow{
	background-image: url(img/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: right 11px;
}
#nav .sub li.lst{
	border-bottom: none;
}
#nav .btn{
	display: block;
	height: 31px;
	background-image: url(img/buttons.png);
	text-indent:-9999px;
	overflow:hidden;
}
#nav .home{width: 74px; background-position: 0 0;}
#nav .about{width: 91px; background-position: -74px 0;}
#nav .membership{width: 109px; background-position: -165px 0;}
#nav .products{width: 150px; background-position: -274px 0;}
#nav .news{width: 120px; background-position: -424px 0;}
#nav .publications{width: 180px; background-position: -544px 0;}
#nav .contact{width: 146px; background-position: -724px 0;}
#mn{
	background-color: #FFFFFF;
}
#content{
	background: url(img/content_bg.png) repeat-x;
	text-align: left;
	padding: 20px 20px 20px 20px;
}
* html #content{
	float: left;
}
*:first-child+html #hd{
	position: relative;
	z-index: 100;
}
* html #hd{
	position: relative;
	z-index: 100;
}
*:first-child+html #mn{
	position: relative;
	z-index: 0;
}
* html #mn{
	position: relative;
	z-index: 0;
}
.narrow{
	width: 532px;
}
p{
	color: #333333;
	line-height: 12px;
	padding: 6px 0 6px 0;
}
.block_s{
	padding-bottom: 14px;
}
.block_s p{
	font-size: 12px;
	line-height: 20px;
	padding: 6px 0;
}
.block_s h1{
	font-family: Arial;
	font-weight: 400;
	font-size: 16px;
	color: #666666;
}
.block_s h3{
	font-family: Arial;
	font-weight: 400;
	font-size: 14px;
	color: #456822;
	padding: 20px 0 4px;
	border-bottom: 1px solid #DDDDDD;
}
.block_s .pic_right{
	border: none;
	padding: 0 0 20px 20px;
	margin: 0;
	float: right;
}
.block_s .col_1{
	float: left;
	padding-right: 40px;
}
.block_s .col_2{
	float: left;
}
.block_blue{
	padding-bottom: 14px;
	border-bottom: 4px solid #C5DDF2;
}
.block_blue p{
	font-size: 12px;
	line-height: 20px;
	padding: 6px;
}
h1{
	color: #333333;
	font-size: 1.7em;
	font-weight: normal;
	letter-spacing: 0px;
	padding: 30px 0 10px 0;
}
#content h1 .green{
	color: #456822;
}
.block_grey{
	padding: 0 10px 14px;
	border-bottom: 2px solid #F0F0F0;
}
#content small{
	display: block;
	color:#666666;
	font-size: 11px;
	line-height: 16px;
	padding-bottom: 10px;
	margin-top: -6px;
}
#content h2{
	color: #333333;
	line-height: 21px;
	font-family: sans-serif;
	font-size: 1.4em;
	font-weight: bold;
	letter-spacing: 0px;
	padding: 6px;
	background-color: #C5DDF2;
}
.narrow h3{
	color: #456822;
	font-family: sans-serif;
	font-size: 14px;
	font-weight: normal;
	letter-spacing: 0px;
	padding: 30px 0 10px 0;
}
#content h4{
	color: #666666;
	line-height: 17px;
	font-family: sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	letter-spacing: 0px;
	padding: 20px 0 0 0;
}
.block_grey p{
	font-size: 12px;
	line-height: 20px;	
	padding: 6px 0;
}
.block_grey ul, .block_grey ol,
.block_blue ul, .block_blue ol,
.block_s ul, .block_s ol
{
	color: #333333;
	font-size: 12px;
	line-height: 22px;
	margin: 8px 0 8px 20px;
}
.block_grey ul, .block_blue ul, .block_s ul{
	list-style: disc;
}
.block_grey ol, .block_blue ol, .block_s ol{
	list-style: lower-roman;
}
.block_grey > ol, .block_blue > ol, .block_s > ol{
	list-style: decimal;
}
.block_grey > ul, .block_grey > ol,
.block_blue > ul, .block_blue > ol,
.block_s ul, .block_s ol
{
	border-left: 5px solid #F0F0F0;
	border-right: 1px solid #F0F0F0;
	padding: 0 28px;
	margin: 14px 20px 18px 5px;
}
.block_s ul li ul, .block_s ol li ol
{
	border: none;
	padding: 0 28px;
	margin: 4px 12px 12px 5px;
}
.block_grey > ul:hover, .block_grey > ol:hover{
	border-left: 10px solid #E0E0E0;
}
.block_grey table, .block_blue table{
	border-collapse: collapse;
	font-size: 12px;
	line-height: 18px;
	color: #333333;
	display: table;
	margin: 8px 20px 18px;
}
.block_s table{
	border-collapse: collapse;
	font-size: 11px;
	line-height: 18px;
	color: #333333;
	display: table;
	margin: 18px 0 18px;
	width: 100%;
}
.block_s table.alternate tr.even{
	background-color: #F3F3F3;
}
.block_s table.alternate tr.odd{

}

.block_grey table.slim, .block_blue table.slim{
	margin: 8px 0 18px;
}
.narrow table.full{
	width: 532px;
}
.wide table.full{
	width: 100%;
}
.block_grey table.hover tr:hover{
	background: #F0F0F0;
}
.block_s table.hover tr:hover{
	background: #FFF url(img/content_bg.png) 0 -20px repeat-x;
}
.block_grey table th{
	background: #C5DDF2;
	width: auto;
	padding: 8px 10px;
	border: 1px solid #F0F0F0;
	font-weight: bold;
}
.block_s table th{
	background: #E2EEF8;
	width: auto;
	padding: 4px 10px;
	border: 1px solid #C5DDF2;
	font-weight: bold;
}
.block_grey table td,
.block_blue table td
{
	width: auto;
	padding: 8px 10px;
	border: 1px solid #F0F0F0;
}
.block_s table td{
	width: auto;
	padding: 8px 10px;
	border: 1px solid #DDD;
}

.block_s table.no-border td {
	border: 0px;
}

img.img_left{
	float: left;
	margin: 30px 24px 14px 0;
}
img.img_right{
	float: right;
	margin: 30px 0 14px 24px;
}
p.img_left{
	padding: 6px 0 6px 120px;
}

p.bi{
	font-size: 11px;
	padding: 10px 10px 10px 60px;
	border-width: 1px;
	border-style: solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-repeat: no-repeat;
	background-position: 18px center;
	margin: 20px 0;
}

.bi_info{
	border-color: #FFE28C;
	background-color: #FFFFDD;
	background-image: url(img/icon/24/fwd.png);
}


#sl_side{
	background: url(img/sl_bg.png) top no-repeat;
	float: left;
	width: 233px;
	text-align: right;
	min-height: 456px;
}
* html #sl_side{
	height: 456px;
	width: 197px;
    padding: 66px 36px 0 0;
}
*:first-child+html #sl_side{
	width: 197px;
	padding-right: 36px;
}
#sl_side a.nav-selected{
	color: #666;
}
#sl_side .side_content:first-child{
	margin: 66px 0 20px 36px;
}
#sl_side .side_content{
	background: none;
	width: 160px;
	margin: 0 0 20px 36px;
	padding: 0;
}
#sl_side .side_content .image{
	position: relative;
	background: url(img/sl_frame.png);
	height: 109px;
	width: 160px;
	margin-bottom: 20px;
}
#sl_side .side_content .image img{
	position: absolute;
	left: 2px;
	top: 2px;
	height: 98px;
	width: 156px;
}
#sl_side .side_content h2, #sl_side .side_content h2 a{
	font-family:"Segoe UI",Arial;
	font-size: 14px;
	color: #666666;
	line-height: 20px;
	padding-bottom: 10px;
}
#sl_side ul li{
	color: #666;
	padding: 4px 0 9px 0;
	line-height: 15px;
}
#sl_side ul li a{
	line-height: 15px;
}

#content.sl_main{
	margin: 0 0 0 233px;
	padding: 60px 50px;
}

#content.sl_wide{
	margin: 0;
	padding: 60px 50px;
}

* html #content.sl_main{
	float: right;
	margin: 0;
	padding: 60px 50px 60px 50px;
}

#side{
	background: url(img/content_bg.png) repeat-x;
	width: 280px;
	padding-right: 20px;
	float: right;
	text-align: left;
}
.side_content{
	background: url(img/side_bg.png) bottom repeat-x #E6E6E6;
	width: 280px;
	padding: 20px 0;
	z-index: 0;
}
.side_block{
	position: relative;
	background: url(img/side_block_bg.png) top repeat-x #F5F5F5;
	margin: 0 2px 20px 2px;
	padding: 10px;
}
.side_block a.ab{
	display: block;
	width: 266px;
	height: 22px;
	padding: 12px 0;
	margin: 0 -5px -6px;
	text-transform: uppercase;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}
.side_block a.ab:hover{
	text-decoration: none;
}
.side_block .ab_orange{
	background: url(img/action_btn_orange.png);
}
.side_block div.top{
	position: absolute;
	top: 0;
	left: 0;
	background: url(img/side_corners.png);
	height: 5px;
	width: 276px;
}
* html .side_block div.top{
	background: none;
}
.side_block div.btm{
	position: absolute;
	bottom: 0;
	left: 0;
	background: url(img/side_corners.png) 0 -5px;
	height: 5px;
	width: 276px;
}
* html .side_block div.btm{
	background: none;
}
.side_block h3{
	color: #333333;
	color: #456822;
	font-family: sans-serif;
	font-size: 1.2em;
	font-weight: 600;
	text-shadow: #CCCCCC 0 0 4px;
}
.side_block p{
	padding: 10px 6px;
	line-height: 18px;
}
.side_block ul li p{
	line-height: 16px;
}
.side_block ul li a{
	font-weight: bold;
}
.side_block li{
	color: #333333;
	border-bottom: 1px dashed #CCCCCC;
	padding: 4px 6px 0;
}
.side_block .news li{
	background: url(img/dot_grey.png) no-repeat 3px 15px;
	color: #333333;
	border-bottom: 1px dashed #CCCCCC;
	padding: 14px 20px;
}
.side_block .news li:hover{
	background: url(img/dot_blue.png) no-repeat 3px 15px;
}
.side_block .news small{
	display: block;
	padding: 0 0 6px 0;
	font-size: 9px;
}
.side_block .news p{
	padding: 0 0;
}
.side_block .news a{
	color: #333333;
}
.side_block .contact li{
	color: #333333;
	border-bottom: 1px dashed #CCCCCC;
	padding: 14px 20px 8px 20px;
}
.side_block .contact td{
	padding: 0 14px 6px 0;
}
.side_block .contact .green{
	color: #456822;
	font-weight: bold;
}
.side_block p.contact {
	color: #666666;
	border-bottom: 1px dashed #CCCCCC;
	padding: 10px 20px 8px;
}
#ft{
	width: 832px;
	margin: 0 auto;
	color: #666666;
	text-align: left;
	padding: 10px 0;
	line-height: 20px;
	padding: 20px;
}

* html #ft {
	margin:  0 200;
}	

#ft p{
	color: #4A4A4A;
}
#ft a{
	color: #999999;
	padding: 0 9px;
	border-left: 1px solid #666666;
}
#ft .first{
	border-left: none;
	padding-left: 0;
}
#ft .first_sub{
	margin-left: 9px;
}
.clear{
	clear: both;
}

/* quicksearch */
.ac_results{
	background-color: #666666;
	z-index: 200;
	margin: 1px 0 0 1px;
}
.ac_results ul{
	background: url(img/bg.png);
	padding: 4px;
}
.ac_results li{
	color: #FFFFFF;
	padding: 10px 6px;
	line-height: 16px;
}
.ac_results strong{
	color: #8EEF65;
    /*color: #3F8CD9;*/
    font-weight: normal;
}
.ac_results .ac_over{
	background-color: #222;
	cursor: pointer;
}

.banner{
	border-bottom: 5px solid #999999;
	margin: 0 1px;
}
.banner a.home_mem_btn{
	position: absolute;
	margin: 192px 0 0 20px;
	width: 340px;
	height: 46px;
}
.banner ul.home {
padding:30px 70px 0 582px;
text-align:left;
}
.banner ul.home li {
position: relative;
display:block;
height:80px;
}
.banner ul.home h3 {
	padding-left: 27px;
}
.banner ul.home h3 a {
color:#333333;
font-size:16px;
}
.banner ul.home h3 a:hover {
color:#000000;
text-decoration:none;
}
.banner ul.home p {
	padding-left: 27px;
}
.banner ul.home p a {
color:#333333;
font-size:11px;
line-height:16px;
}
.banner ul.home p a:hover {
color:#000000;
}
.banner ul.home .ico{
	position: absolute;
	height: 20px;
	width: 20px;
}
.banner ul.home .i_add{ background: url(img/icon/20/add.png); }
.banner ul.home .ovr .i_add{ background: url(img/icon/20/add_ovr.png); }
* html .banner ul.home .i_add{ background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='fixed', src='http://www.ohionet.org/inc/tpl/ohionet/img/icon/20/add.png'); }
.banner ul.home .i_info{ background: url(img/icon/20/info.png); }
.banner ul.home .ovr .i_info{ background: url(img/icon/20/info_ovr.png); }
* html .banner ul.home .i_info{ background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='fixed', src='http://www.ohionet.org/inc/tpl/ohionet/img/icon/20/info.png'); }
.banner ul.home .i_zoom{ background: url(img/icon/20/zoom.png); }
.banner ul.home .ovr .i_zoom{ background: url(img/icon/20/zoom_ovr.png); }
* html .banner ul.home .i_zoom{ background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='fixed', src='http://www.ohionet.org/inc/tpl/ohionet/img/icon/20/zoom.png'); }

.crumb{
	color:#666;
	border-bottom: 1px dotted #CCC;
	height: 20px;
	margin-top: 10px;
}

.crumb li{
	float: left;
	cursor: default;
}

.crumb span{
	padding: 0 8px;
}

.crumb a{
	color:#666;
}

.block_blue p img,
.block_grey p img
{
	margin: 4px 14px 4px 0;
	/*border: 1px solid #CCC;*/
	padding: 1px; 
}

p img.alignleft{
	margin: 4px 14px 4px 0;
	float: left;
}
p img.alignright{
	margin: 4px 0 4px 14px;
	float: right;
}

a.more-link{
	padding-left: 1px;
	text-decoration: none;
}

.entry blockquote{
	background: #F5F5F5;
	border:1px solid #E3E3E3;
	margin:10px 0;
	padding:6px 14px;
}

.post{
	border-bottom:10px solid #DDDDDD;	
}

.entry blockquote p{
	font-size: 11px;
	color: #666;
	line-height: 17px;
}


/*#################### LEGACY */


.asterick{
	color: #CC0000;
}

#left_pic img{
	float: left;
	padding: 1px;
	border: 1px solid #CCCCCC;
}



.block_blue .rssItemTitle{
	color: #333333;
	font-family: sans-serif;
	font-size: 1.4em;
	font-weight: bold;
	letter-spacing: 0px;
	padding: 30px 0 10px 0;
}


.rssSummaryListTitle{
	margin: 14px 14px 4px 0;
	color: #999;

}