﻿#spnav{
	margin:0 0 0 50px;
}
#zealcontainer{
	background-color:#FFF;
	width:960px;
	height:auto;
	position:relative;
	margin:8px auto 0 auto;
	padding:0;
	z-index:10;	
}
#zealheader{
	background-color:#F6F6F6;
	width:960px;
	height:70px;
	position:relative;
	margin:0;
	padding:0;
	background-image:url('/assets/zeal/images/bg.png');
	background-repeat:repeat;	
	z-index:10;
	border-bottom:5px #468abe solid;
}
#zealfeatures{
	margin:0 0 10px 0;
	padding:0;
	width:960px;
	height:375px;
	clear:both;
}
#zeal_content{
}
#center_content{
	width:920px;
	height:auto;
	margin:0 20px 20px 20px;
	padding:0;
	clear:both;
}
.content_center{
	width:920px;
	height:auto;
	margin:0 0 10px 0;
	padding:0;
	clear:both;
	position:relative;
}
.content_center_2{
	width:920px;
	height:auto;
	margin:0;
	padding:0;
	clear:both;
	position:relative;
}
.content_center_bottom{
	width:920px;
	height:auto;
	margin:0;
	padding:0;
	clear:both;
	position:relative;
	border-top:thin aqua solid;
}
.content_center2l{
	width:455px;
	height:auto;
	margin:0 5px 20px 0;
	padding:0;
	float:left;
	position:relative;
}
.content_center2r{
	width:455px;
	height:auto;
	margin:0 0 20px 5px;
	padding:0;
	float:left;
	position:relative;
}
.content_center3l{
	width:300px;
	height:auto;
	margin:0;
	padding:0;
	float:left;
	position:relative;
}
.content_center3c{
	width:300px;
	height:auto;
	margin:0 10px;
	padding:0;
	float:left;
	position:relative;
}
.content_center3r{
	width:300px;
	height:auto;
	margin:0;
	padding:0;
	float:left;
	position:relative;
}

#zeal_left_2{
	width:600px;
	height:auto;
	padding:0;
	margin:0;
	position:relative;
	float:left;
	background-image:url('/assets/zeal/images/left_hp_bg.gif');
	background-repeat:repeat-x;	

}

#left_content{
margin:20px 0 0 20px;

}
#left_content h2{
	text-transform:uppercase;
	font-size:16px;
	letter-spacing:1px;
	color:#155277;
	font-weight:normal;	
	width:100%;
	border-bottom:1px #155277 solid;
	padding:0 0 3px 0;
	margin:0;
}
#zeal_right{
	width:305px;
	height:auto;
	padding:0;
	margin:0 20px 0 0;
	position:relative;
	float:right;
	background-image:url('/assets/zeal/images/right_hp_bg.gif');
	background-repeat:repeat-x;	

}

#zeal_right_2{
	width:305px;
	height:auto;
	padding:0;
	margin:25px 20px 0 0;
	position:relative;
	float:right;
	background-image:url('/assets/zeal/images/right_hp_bg.gif');
	background-repeat:repeat-x;	

}


#right_content{
}
#right_content h2{
	text-transform:uppercase;
	font-size:16px;
	letter-spacing:1px;
	color:#155277;
	font-weight:normal;	
	width:100%;
	border-bottom:1px #155277 solid;
	padding:0 0 3px 0;
	margin:0;
	
}

.rightcontent{
	width:255px;
	height:auto;
	background-color:#FFFFFF;
	padding:10px;
	margin:0;
}
/* 
	NAVIGATION
*/
#top_nav_zeal{
    font-family: ‘Lato’, Arial, sans-serif; 
    font-weight: 900; 
	font-size:10px;
	width:960px;
	height:auto;
	margin:0px;
	padding:0px;
	position:absolute;
	list-style:none;
	top:34px;
	left:0px;
	text-align:left;
	text-transform: capitalize;
	z-index:20;
	}
	
#top_nav_zeal #nav{
	padding:0 20px 0 0;
	margin:0;
	float:right;

}


#nav
{	margin: 0;
	padding: 0
	}
#nav li
	{
	float: left;
	list-style: none;
    font-family: ‘Lato’, Arial, sans-serif; 
    font-weight: 900; 
	font-size: 10px;
	text-transform: capitalize;
	letter-spacing:1px;
}
#nav li a
	{
	display: block;
	text-decoration: none;
	border-right: 1px solid #155277;
	color: #155277;
	white-space: nowrap;
	text-transform: capitalize;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}

#nav li img
	{
opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
}

#nav li a:hover
	{
	color: #546c82;
}	
#nav li ul
{	margin: 0;
	padding: 0;
	position: absolute;
	visibility: hidden;
	border-top: 1px solid white;
}
		
#nav li ul li
{	float: none;
	display: inline;
}			
#nav li ul li a
{
	width: auto;
	color: #666666;
	background-color: #F3F3F3;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
}		
#nav li ul li a:hover
{
	background-color: #FFFFFF;
	color: #000000;
}
#nav li.end
	{
	float: left;
	list-style: none;
    font-family: ‘Lato’, Arial, sans-serif; 
    font-weight: 900; 
	font-size: 10px;
	text-transform: capitalize;
}

#nav li.end a
	{
	display: block;
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #155277;
	white-space: nowrap;
	text-transform: capitalize;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}
#nav li.end a:hover
	{
	color: #546c82;
}
		
#nav li.end ul
{	margin: 0;
	padding: 0;
	position: absolute;
	visibility: hidden;
	border-top: 1px solid white;
}
#nav li.end ul li
{	float: none;
	display: inline;
}
#nav li.end ul li a
{
	width: auto;
	color: #666666;
	background-color: #F3F3F3;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;

}
			
#nav li.end ul li a:hover
{
	background-color: #FFFFFF;
	color: #000000;
}





#zeal_search{
	position:absolute;
	left:690px;
	top:35px;
}
#zealribbon{
	position:absolute;
	top:60px;
	left:-11px;
	height:55px;
	width:290px;
	z-index:100;
}
#zealmichiganlawlogo{
	position:absolute;
	top:18px;
	left:17px;
	height:37px;
	width:300px;
	z-index:100;	
}
/* 2 COLUMN */
.TwoColumnContainer{
	width:530px;
	height:auto;
	margin:0;
	padding:0 0 10px 0;
	position:relative;
	}
.TwoColumnLeft{
	width:255px;
	height:auto;
	margin:0 10px 0 0;
	padding:0;
	position:relative;
	float:left;
	}
.TwoColumnRight{	
	width:255px;
	height:auto;
	margin:0 0 0 10px;
	padding:0;
	position:relative;
	float:left;
	}
#zeal_footer{
	padding: 100px 0 20px 0;
	color: #155277;
	clear:both;
	margin:15px 0 0 0;
	background-color:#F6F6F6;
	position:relative;
	background-image:url('/assets/zeal/images/bg.png');
	background-repeat:repeat;	
	z-index:10;
	border-top:2px #468abe solid;

}
#zeal_footer a{
	color:#155277;
	text-decoration:underline;
}
#zeal_footer a:visited{
	color:#155277;
	text-decoration:underline;
}

.TwoColumnContainer ul li{
	list-style:none;
	margin:0 0 10px -40px;
	padding:0;	
}
.socialmedia{
	position:absolute;
	top:-5px;
	left:130px;	
	width:200px;
	height:25px;
}
/* zeal  CONTENT MENU */
#zeal_right .zealcontent li{
list-style: none;
margin: 0 0 0 -40px;
padding:5px 0 5px 0;	

}
#zeal_right .zealcontent li a{
font-size:14px;
font-weight:bold;
text-transform:uppercase;
color:#808080;
}
#zeal_right .zealcontent li a:hover{
font-size:14px;
font-weight:bold;
text-transform:uppercase;
color:#468ABE;
text-decoration:none;
}


/* 3 COLUMN THUMBNAILS */
.info_block
{
	float: left;
	width: 183px;
	min-height: 200px;
	border: 1px solid #CCCCCC;
	margin: 0 9px 9px 0;
	padding: 7px;
	background-color:#FFFFFF;
}
.info_block_r
{
	float: left;
	width: 183px;
	min-height: 200px;
	border: 1px solid #CCCCCC;
	margin: 0 0 9px 0;
	padding: 7px;
	background-color:#FFFFFF;
}
#left_content a{
	text-decoration:none;
	color:#468ABE;

}
#left_content .info_block a
{
text-decoration:none;
color:#468ABE;
clear:both;
}
#left_content .info_block_r a
{
text-decoration:none;
color:#468ABE;
clear:both;
}
  
.clearboth { clear: both; }

.feature_text{
	font-size:10px;
	margin:10px 0 0 0;
	padding:0;
 
}
.feature_title{
	font-size:10px;
	margin:0;
	padding:0;
	color:#eb911c;
}
#zeal_right .link-item, #zeal_right .link-item a, #zeal_right .link-item a:link {
	text-decoration:none;
	color:#468ABE;
}
#MSOZoneCell_WebPartWPQ10{
	background-color:#ffffff;
	padding:10px;
}

#MSOZoneCell_WebPartWPQ11{
	background-color:#ffffff;
	padding:10px;
}
#zeal_right .groupheader a{
	text-decoration:none;
	color:#468ABE;

}

/* CONTENT SLIDER */
/* Most common stuff you'll need to change */

	#left_content .coda-slider-wrapper { padding: 0; margin:0; }
	#left_content .coda-slider { background-image:url(/assets/tools/contentslider/slider_gradient.gif); background-repeat:repeat-x; background-color:#FFFFFF;}
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	#left_content .coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 20px }
	
	/* Change the width of the entire slider (without dynamic arrows) */
	#left_content .coda-slider, .coda-slider .panel { width: 820px } 
	
	/* Change margin and width of the slider (with dynamic arrows) */
	#left_content .coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 820px }
	#left_content .coda-slider-wrapper.arrows .coda-slider { margin: 0 10px }
	
	/* Arrow styling */
	#left_content .coda-nav-left a, .coda-nav-right a { background: #000; color: #fff; padding: 10px; width: 100px }
	
	/* Tab nav */
	#left_content .ms-WPBody .coda-nav ul li a.current { background-image:url(/assets/zeal/images/active_bg.png); color:#FFFFFF; background-repeat:no-repeat; background-position:center bottom;}
	
	/* Panel padding */
	#left_content .coda-slider .panel-wrapper { padding: 20px; height: auto !important; /* ie6 ignores min-height completely */
    height: 100%; }	
	/* Preloader */
	#left_content .coda-slider p.loading { padding: 20px; text-align: center }
	#left_content .coda-nav{
	background-color:#4589bd;
	background-image:url('images/center_gradient_bg.png');
	background-repeat:repeat-y;
	width:820px;
	height:37px;
}

/* Don't change anything below here unless you know what you're doing */

	/* Tabbed nav */
	#left_content .coda-nav ul { clear: both; display: inline; overflow: hidden; margin-bottom:0; margin-right:0; }
	#left_content .coda-nav ul li { display: inline }
	#left_content .ms-WPBody .coda-nav ul li a { color: #FFFFFF; display: block; float: left; padding: 11px 10px; text-decoration: none; border-right:1px #FFFFFF solid; text-transform:uppercase; font-size:14px;}


	/* Miscellaneous */
	#left_content .coda-slider-wrapper { clear: both; overflow: auto }
	#left_content .coda-slider { float: left; overflow: hidden; position: relative }
	#left_content .coda-slider .panel { display: block; float: left }
	#left_content .coda-slider .panel-container { position: relative }
	#left_content .coda-nav-left, .coda-nav-right { float: left }
	#left_content .coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }



h1{

    font-family: ‘Lato’, Arial, sans-serif; 
    font-weight: 900 !important; 
	font-size: 24px !important;
	text-transform: capitalize;
	letter-spacing:1px;
	text-decoration: none;
	color: #155277;
	margin:5px 0 15px 0;

	
}
hr.rule{
    border: 0;
    height: 0;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    margin:20px 0;
	
}
.list1
{
padding: 0;
margin: 0;
}

.list1 ul{
	margin:5px 0 0 20px;
	padding:0;
}

.list1 li
{
list-style: none;
margin: 0;
padding: 5px 0 5px 0;
}

#center_content .list1 li a{ 
text-decoration: none;
color:#468abe; }


.list2
{
padding: 0;
margin: 0;
font-size:12px;
}

.list2 ul{
	margin:5px 0 0 0;
	padding:0;
}

.list2 li
{
list-style: none;
margin: 0;
padding: 5px 0 5px 0;
}

.list2 li a{ 
text-decoration: none;
color:#468abe !important; }


.ms-vb{
	font-size:12px !important;
}
.events-entry .ms-vb{
	padding:0 0 20px 0;
	margin:0;

}