* { margin:0; padding:0;}
body.home {font-size:100%;  font-family:tahoma; background: url(images/body_bg.jpg) top repeat-x; }
body.sub {font-size:100%;  font-family:tahoma; background: url(images/sub_bg.jpg) top repeat-x; }
body{behavior:url(cssHoverFix.htc);}

.header {
background:url(images/logo.jpg) top left no-repeat;
height: 117px;
width: 100%;
margin-top:-10px;
}

a {
text-decoration:none;
color:#666666;
border:none;
}

a:hover {
color:#ffe43b;
}



.header h1 {
margin-left:120px;
padding-top:20px;
color: #fff;
font-size:1.45em;
}

/*--------------Establish Width for Full width components--------------*/

.logo {width:808px;}
.promo {width:808px;}



#site_center, #footer_center {text-align:center;}
#footer_center {background:url(images/footer.jpg) repeat-x; }
#main, #footer_main, #navigation {
	margin: 0 auto;
	width:808px;
}
 #footer_main {margin:0px auto 0 auto; width:808px; text-align:left;}


.tab {
border:0;
margin:0; 
padding:0; 
list-style:none;
height:26px;
font-size:.80em;
}
.tab li {
float:left; 
margin-right:12px;
}

.tab a:link, .tab a:visited{
background:url(images/tab.png) right 60px;
display:block;
font-weight:bold;
height:26px;
line-height:26px;
text-decoration:none;
color: #2d15a9;
}
.tab a span{
background:url(images/tab.png) left 60px;
display:block;
height:26px;
margin-right:14px;
padding-left:13px;
color: #2d15a9;
}
.tab a:hover{
background:url(images/tab.png) right 0px;
display:block;
color:#2d15a9;
}
.tab a:hover span{
background:url(images/tab.png) left 0px;
display:block;
color:#2d15a9;
}

/* -------------------------------- */
/* ACTIVE ELEMENTS */
.active a:link, .active a:visited, .active a:visited, .active a:hover{
background:url(images/tab.png) right 0 no-repeat;
color:#2d15a9;
}
.active a span, .active a:hover span{
background:url(images/tab.png) left 0 no-repeat;
color:#2d15a9;
}

/*--------------Promo Box on the Homepage--------------*/
.promo {
margin-top:15px;
}


.promoLeft {
	float:left;
	width:324px;
	margin: 8px 0 0 0;
}

.promoRight {
float:right;
width:399px;
}

.promoRightHeader {
font-size: 2.10em;
font-weight: bold;
color: #2d15a9;
}

.promoRightHeaderst {
font-size: 1.20em;
color: #2d15a9;
font-weight: normal;
margin-left: 130px;
margin-bottom: 22px;
}

.promoRight img {
margin-bottom:8px;
}

.assistBoxtop {
background: url(images/assist_top.gif) top center no-repeat;
height:10px;
}
.assistBoxbottom {
background: url(images/assist_bottom.gif) top center no-repeat;
height:10px;
}

.assistBoxmiddle {
background: #FFFFFF;
width:399px;
color:#2D15A9;
}

.assistBoxmiddle p{
font-size: .75em;
padding: 5px 5px 5px 10px;
line-height: 1.06em;
}

.assistBoxmiddle h4{
font-size: 1.02em;
padding-right: 5px;
padding-left: 10px;
line-height: 1.0em;
}

.assistBoxmiddle h5{
font-size: .85em;
line-height: 1.0em;
}

/*--------------End Promo Box on the Homepage--------------*/

div.clear {clear: both}


#content {
width:808px;
margin-top: 20px;
}

#contentLeft {
	margin-top:20px;
	width:538px;
	color: #2D15A9;
	float: left;
	text-align: left;

}

#contentLeftsub a img {
border:none;
}


#contentLeft ul
{
list-style-type: none;
padding: 0;
margin: 0;
}

#contentLeft li
{
background-image: url(images/calendar.png);
background-repeat: no-repeat;
background-position: 0 3px;
padding-left: 80px;
padding-bottom: 20px;
}

#contentLeft li p {

margin-top: 10px;
font-size:.75em;
}

.col2 {
width:200px;
float: left;
margin-bottom:10px;
}



#contentRight {
background:#ffe43b;
float: left;
width: 200px;
margin-top: 20px;
margin-left: 70px;
color: #2D15A9;
}

#contentRight p {
font-size:.75em;
padding:5px 20px 5px 20px;
}

#contentRight h4 {
font-size:.80em;
padding:10px 20px 0 20px;
}

#contentRight a {
text-decoration:none;
color:#2d15a9;
}

#contentRight hr {
border: none 0; 
border-top: 1px solid #ffe43b;
border-bottom: 1px solid #2d15a9;
width: 160px;
height: 2px;
margin: 10px 20px 10px 20px;
}

#contentRight .bottom {
background:#ffe43b url(images/sidebarBottom.jpg) no-repeat bottom center;
height:20px;

}

#contentRight ol {
list-style: disc;
font-size:.75em;
padding:5px 20px 5px 20px;

}

#contentRight ol li {
margin-left: 20px;
}

#footer_main {height:144px;}
#footer { padding:20px 0 0 0px; color:#ffffff; font-size:0.6875em; line-height:1.55em}
#footer .menu_footer { font-size:1.09em; padding-bottom:1px; float:left;}
#footer .menu_footer a {color:#ffe43b; text-decoration:none; word-spacing:0}
#footer .menu_footer a:hover {text-decoration:none; color:#666666;}
#footer a {color:#ffe34b;}
#footer a:hover {text-decoration:none;color:#666666;}
#footer .address_footer { font-size:1.09em; padding-bottom:1px; float:right; text-align:right; margin-right:0px;}
#footer .menu_footer p { font-size:1.09em;padding-bottom:1px;word-spacing:0;}

#colorbar {
height: 18px;
background: #ffe43b;
width:100%;
}

#contentSub {
	background: url(images/content_bg.jpg) repeat-y #ffffff;
	width:808px;
	margin-top: 18px;
}

#contentLeftsub {
margin: 20px 0;
width:600px;
color: #2D15A9;
float: left;
font-size:.75em;

}
#contentLeftsub  p{
	margin:10px 10px 10px 0;
	text-align: left;
}

#contentLeftsub  p.staffList{
margin:10px 10px 0 160px;
}

#contentLeftsub h4 {
	font-size:1.40em;
	text-align: left;
}

#contentLeftsub h5 {
font-size:1.20em;
margin-top:8px;
}

#contentLeftsub a {
color:#666666;
}


#contentLeftsub a:hover {
	color:#ffe43b;
}

#contentRightsub {
float: left;
margin:0px;
color: #2D15A9;
height:100%
}

#subnavigation {
width:208px;
font-size:.75em;
float: left;
}


/*#subnavigation ul {
margin:0px;
padding:0px; 
}

#subnavigation ul li {
height:35px;
line-height:35px;
list-style:none;
padding-left:20px;
color:#2d15a9;
border-bottom:#fff solid 1px;
cursor:pointer;
font-weight: bold;
text-decoration:none;
}

#subnavigation ul li a{
text-decoration:none;
color:#2d15a9;
}

#subnavigation ul li:hover {
background-color:#ffe43b; 
position:relative;
}
*/
#subAssistance {
border-bottom: solid 1px #fff;
border-top: solid 1px #fff;
padding: 10px;
color: #2d15a9;
}

#subAssistance h3 {
padding-bottom: 10px;
}

#subAssistance h4 {
padding-top: 10px;
}

#subAssistance p {
margin-left:5px;
}

#subAssistance a:hover {
color:#ffe43b;

}

#subAssistance a {
color:#666666;
}
.glossymenu{
list-style-type: none;
margin: 0px 0;
padding: 0;
width: 208px;

}

.glossymenu li a{
font-weight:bold;
font-size:1.10em;
color: #2d15a9;
display: block;
width: auto;
padding: 10px 0;
padding-left: 10px;
text-decoration: none;
border-bottom:1px solid #ffffff;
}


* html .glossymenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 160px;
}

.glossymenu li a:hover{
background-color: #ffe43b;
}

#contentLeftsub hr {
height:1px;
background:#ffe43b;
width:90%;
}
#contentLeftsub #staffList {
width:600px;
margin:10px 0;

}
#contentLeftsub #staffList img{
padding:0px 10px 10px 0;
vertical-align:text-top;
float:left;
}

#contentLeftsub  #staffList p {
margin-left:160px;

}

#contentLeftsub #descList {
width:600px;
margin:10px 0;

}

#contentLeftsub  #descList p {
margin-left:auto;
}

.imgleft {
padding-right:20px;
padding-bottom:10px;
padding-top:10px;
float:left;

}

a[href$='.pdf'].noimg {
background:none;
display:inline-block;
padding-left:20px;
line-height:15px;
}


a[href$='.pdf'] {
background:transparent url(images/filetypes/file-pdf.png) center left no-repeat;
display:inline-block;
padding-left:20px;
line-height:20px;
}

#specialbullets a {
background:transparent url(images/filetypes/file-html.png) center left no-repeat;
display:inline-block;
padding-left:20px;
line-height:15px;
}

#specialbullets a[href$='.pdf'] {
background:transparent url(images/filetypes/file-pdf.png) center left no-repeat;
display:inline-block;
padding-left:20px;
line-height:15px;
}

#specialbullets a[href$='.ppt'] {
background:transparent url(images/filetypes/file-ppt.png) center left no-repeat;
display:inline-block;
padding-left:20px;
line-height:15px;
}

ul.nobullets {
list-style:none;
margin:20px;
}

ul.nobullets li {
padding-bottom:10px;
}

#calendar {
margin-top:15px;
}

dl {
margin-top:10px;
}

dt {
font-weight:bold;
}

dd {
margin-left:10px;
font-style:italic;
margin-bottom:10px;
}

h3.section {
	margin-top: 1em;
}

#vertical_slide {
overflow:hidden;
}

div.marginbottom {
	/* Since the Fx.Slide element resets margins, we set a margin on the above element */
	margin-bottom: 10px;
}

ul.bullets {
list-style:disc;
margin:10px 20px;
}

ul.bullets li {
list-style:disc;
margin:auto 10px;
}

ul.bulletsSpecial {
list-style:disc;
margin:10px 20px;
padding-left:180px;
}

ul.bulletsSpecial li {
list-style:disc;
margin:auto 10px;
}
ol.outline  {
margin:10px 20px;
}

ol.outline li ul li {
list-style-type:disc;
margin:auto 30px;
}

ol.outline li p {
margin:10px 10px;
}

#contentLeftsub ol {
margin:10px 30px;
}

.highlight			{ background:#d5fcdc; }
.even					{ background:#fff; }
.mo					{ background:#e3f1fb; }
.odd					{ background:#eee; }
.list-table th		{ padding:5px; background:#FFE43B; border-bottom:1px solid #999; text-align:left; font-weight:bold; font-size:10px; }
.list-table td		{ padding:5px 20px 5px 5px; border-bottom:1px solid #ddd; }
.list-table          {width:90%; margin:10px auto;}


table.council {
	border-spacing:0px;
	padding:10px;
	
}

table.council tr:nth-of-type(odd) {
  background-color:#ccc;
} 

table.council th {
	background-color:#2d15a9;
	color:#ffffff;
	text-align:left;
	padding:3px;
}

table.council td {
	vertical-align:top;
	padding:3px;
}

table.mentors {
	border-spacing:0px;
	padding:10px;
	
}

table.mentors th {
	background-color:#2d15a9;
	color:#ffffff;
	text-align:left;
	padding:3px;
}
table.mentors th a {
	color:#ffffff;
	font-weight:normal;
	font-size:12px;
}
table.mentors td {
	vertical-align:top;
	padding:3px;
	border-bottom:solid 1px #2d15a9;
}
/* START OF CSS FOR MAP */
dl.map.on {
	position:relative;
	width:571px;
	height:619px;
	background:url(images/ohiocountiesmap.gif) no-repeat;
	text-align:left;
	margin:0px;
	padding:0px;
	
}
dl.map.on dt {
	list-style:none;
	display:inline;
}
dl.map.on dd {
	position:absolute;
	left:-9999px;
	width:150px;
	text-align:center;
	padding:4px;
	border:#222 2px solid;
	background:url(images/tooltip-bg.png);

	z-index:11;
	font-size:0.8em;
	color:#FFF;
}
dl.map.on dd img {
	position:relative;
	float:right;
	border:#000 1px solid;
	margin:2px;
}
dl.map.on a.location {
	display:block;
	color:#ffffff;
	position:absolute;
	text-indent:-9999px;
	background:url(images/point.png) no-repeat;
	width:10px;
	height:10px;
	outline:none;
	z-index:10;
	text-decoration:none;
}
dl.map.on a.location:hover {
	background:url(images/point-hover.png) no-repeat -1px -1px;
}
dl.map.on dd a {
	color:#FFF;
}
dl.map.on dd a:hover {
	text-decoration:none;
}
dl.map.on dd a.close {
	position:relative;
	float:right;
	color:#000;
	background:url(images/close.png) no-repeat;
	text-indent:-9999px;
	outline:none;
	height:16px;
	width:16px;
	margin-left:4px;
	margin-right:-6px;
	text-decoration:none;
}
