/* ------------------------------------------------------------------- */
/* Copyright © 2012 The Chicago Bar Association - All rights reserved. */
/* ------------------------------------------------------------------- */

/* Body */

	body
	{
		background-color: #eaeaea; /* #ffffff */
		margin: 0px;
		padding: 0px;
		font-family: Arial, Sans-Serif;
		font-size: 12px;
	}

	a:active { color: #006699; }
	a:link { color: #006699; }
	a:visited { color: #006699; }
	a:hover { color: #006699; }
	
/* Body */


/* Header */

	#headerwrapper
	{
		position: relative;
		width: 100%;
		height: 95px;
		background-color: #003366;
		padding-top: 15px;
	}

	#headerwrappertable
	{
		table-layout: fixed;
		width: 980px;
		height: auto;
		margin-left: auto;
		margin-right: auto;
		border: 0px;

	}

	.headerbutton
	{
		margin-top: 3px;
		margin-right: 1px;
		background-color: #0071bc;
		border: 0px;
		border-radius: 5px;
		color: #ffffff;
		height: 18px;
		width: 55px;
		font-size: 11px;
		font-weight: bold;
		font-family: Arial, Sans-Serif;
		vertical-align:text-top;
	}
	
	.headerbutton:hover { color: #0071bc; background: #99ccff; }

	.headerhelp
	{
		color: #99ccff;
		font-size: 9px;
		font-weight: bold;
		text-transform: uppercase;
	}

	.headerhelp a:active { color: #99ccff; text-decoration: none; }
	.headerhelp a:link { color: #99ccff; text-decoration: none; }
	.headerhelp a:visited { color: #99ccff; text-decoration: none; }
	.headerhelp a:hover { color: #99ccff; text-decoration: underline; }

	.headerinput
	{
		background-color: #ffffff;
		border: 1px #003366 solid;
		color: #000000;
		width: 125px;
		font-size: 14px;
	}
	
	.headerloggedin
	{
		padding-top: 3px;
	}

	.headerloginsection
	{
		padding-top: 5px;
	}

	.headerloggedintext
	{
		color: #ffffff;
		font-size: 12px;
		font-weight: bold;
	}

	.headerloggedintext a:active { text-transform: uppercase; font-size: 11px; color: #99ccff; text-decoration: none; }
	.headerloggedintext a:link { text-transform: uppercase; font-size: 11px; color: #99ccff; text-decoration: none; }
	.headerloggedintext a:visited { text-transform: uppercase; font-size: 11px; color: #99ccff; text-decoration: none; }
	.headerloggedintext a:hover { text-transform: uppercase; font-size: 11px;  color: #99ccff; text-decoration: underline; }

	.headerlogo
	{
		margin-top: 3px;
		border: 0px;
	}

	.headerlogout
	{
		color: #ffffff;
		font-size: 11px;
		font-weight: bold;
		text-transform: uppercase;
	}
	
	.headerlogout a:active { color: #99ccff; text-decoration: none; }
	.headerlogout a:link { color: #99ccff; text-decoration: none; }
	.headerlogout a:visited { color: #99ccff; text-decoration: none; }
	.headerlogout a:hover { color: #99ccff; text-decoration: underline; }
	
	#headerspacing
	{
		position: relative;
		width: 100%;
		height: 3px;
		background-color: #ffffff;
	}
	
	.headertext
	{
		color: #ffffff;
		font-size: 10px;
		font-weight: bold;
	}

	.headertext a:active { color: #ffffff; text-decoration: underline; }
	.headertext a:link { color: #ffffff; text-decoration: underline; }
	.headertext a:visited { color: #ffffff; text-decoration: underline; }
	.headertext a:hover { color: #ffffff; text-decoration: none; }
	
/* Header */


/* Main Navigation */

	#navigationwrapper
	{
		position: relative;
		width: 100%;
		height: 28px;
		background-color: #0071bc;
	}

	#navigationmenu
	{
		width: 980px;
		margin-left: auto;
		margin-right: auto;
	}	
	
	.navigationitem
	{
		position: relative;
		float: left;
		height: 23px;
		width: 118px;
		border-left: 3px #ffffff solid;
		text-align: center;
		padding-top: 5px;
		color: #ffffff;
		font-weight: bold;
	}
	
	/*
	.navigationbumper
	{
		position: relative;
		float: left;
		height: 28px;
		width: 3px;
		background-color: #ffffff;
	}
	*/
	
/* Main Navigation */


/* Body Wrapper */

	#outerwrapper
	{
		position: relative;
		width: 100%;
		height: auto;
		background-color: white;
	}
	
	#wrapper
	{
		position: relative;
		width: 980px;
		height: auto;
		min-height: 400px;
		padding: 30px 0px 0px 0px;
		margin-left: auto;
		margin-right: auto;
	}
	
	#mainleft
	{
		position: relative;
		width: 200px;
		height: auto;
		padding-right: 20px;
	}

	#mainright
	{
		position: relative;
		width: 740px;
		height: auto;
		border-left: 1px #cccccc solid;
		padding-left: 20px;
		padding-bottom: 20px;
	}
	
/* Body Wrapper */


/* Footer */

	#footerspacer
	{
		position: relative;
		width: 100%;
		height: 30px;
		background-color: white;
	}
	
	#footerwrapper
	{
		position: relative;
		width: 100%;
		height: auto;
		/*background-color: #eaeaea;*/
		margin: 0px 0px 0px 0px;
		padding: 20px 0px 20px 0px;
		border-top: 2px #cccccc solid;
	}

	.footer-copyright
	{
		font-size: 11px;
		font-weight: bold;
		color: #333333;
		text-align: right;
	}


	.footer-left
	{
		font-size: 11px;
		font-weight: bold;
		color: #333333;
	}

	.footer-right
	{
		font-size: 11px;
		font-weight: bold;
		color: #006699;
	}
	
	.footer-right a:active { text-decoration: underline; }
	.footer-right a:link {text-decoration: underline; }
	.footer-right a:visited { text-decoration: underline; }
	.footer-right a:hover { text-decoration: none;}

/* Footer */


/* Home Left Hand Navigation */

	.featuredlinks
	{
		width: 100%;
		font-weight: bold;
		color: #ff6633;
	}

	.featuredlinks a:active { color: #ff6633; display: block; padding: 3px 0px 3px 3px; text-decoration: none; }
	.featuredlinks a:link { color: #ff6633; display: block; padding: 3px 0px 3px 3px;  text-decoration: none; }
	.featuredlinks a:visited { color: #ff6633; display: block; padding: 3px 0px 3px 3px; text-decoration: none; }
	.featuredlinks a:hover { color: #ff6633; display: block; padding: 3px 0px 3px 3px; text-decoration: none; background-color: #eaeaea; }

	.homeleftlinks
	{
		width: 100%;
		font-weight: bold;
		color: #003366;
	}
	
	.homeleftlinks a:active { color: #003366; display: block; padding: 4px 0px 4px 4px; text-decoration: none; }
	.homeleftlinks a:link { color: #003366; display: block; padding: 4px 0px 4px 4px; text-decoration: none; }
	.homeleftlinks a:visited { color: #003366; display: block; padding: 4px 0px 4px 4px; text-decoration: none; }
	.homeleftlinks a:hover { color: #003366; display: block; padding: 4px 0px 4px 4px; text-decoration: none; background-color: #eaeaea; }

	.homeleftlinks h1
	{
		padding-left: 4px;
	}

	.hrbreak
	{
		width: 100%;
		margin: 18px 0px 18px 0px;
		padding: 0px;
		height: 1px;
		border-top: 1px #cccccc solid;
	}

	.lrssubtext
	{
		margin-top: 5px;
		font-size: 11px;
	}

	.socialmedia
	{
		margin-top: 10px;

	}

/* Home Left Hand Navigation */


/* Elements */

	.title h1
	{
		padding: 0px 0px 2px 0px;
		margin: 0px 0px 16px 0px;
		border-bottom: 2px #cccccc solid;
	}


	hr
	{
        	width: 100%;
        	margin: 18px 0px 18px 0px;
        	padding: 0px;
        	border: 1px #cccccc solid;
	}

	h1
	{
        	font-size: 16px;
        	font-weight: bold;
        	padding: 0px 0px 10px 0px;
        	margin: 0px;
        	color: #000000;
	}

	h2
	{
		font-size: 14px;
		font-weight: bold;
		padding: 0px;
		margin: 0px;
	}

	h3
	{
		font-size: 14px;
		font-weight: bold;
		padding: 0px;
		margin: 0px;
		color: red;
	}

	h4
	{
        	font-size: 14px;
        	font-weight: bold;
        	border-bottom: 1px #cccccc solid;
        	padding-bottom: 5px;
        	margin-bottom: 5px;
	}

	p
	{
		padding-bottom: 5px;
	}

	ol
	{
		padding: 0 10px 0 10px;
	}

	ul
	{
		padding: 0 10px 0 10px;
	}

	.separator
	{
		height: 18px;
		padding: 0px;
		margin: 0px;
	}

	.separatorlarge
	{
		height: 36px;
		padding: 0px;
		margin: 0px;
	}
    
	.separatorxlarge
	{
		height: 48px;
		padding: 0px;
		margin: 0px;
	}
    
	.separatormid
	{
		height: 24px;
		padding: 0px;
		margin: 0px;
	}

	.separatorsmall
	{
		height: 6px;
		padding: 0px;
		margin: 0px;
	}

	.bodydetails
	{
		font-size: 11px;
	}

	.noticesmall
	{
		font-size: 11px;
		color: #808080;
	}
    
	.noticeextrasmall
	{
		font-size: 10px;
		color: #808080;
	}

	.alert
	{
		font-weight: bold;
		color: #ff0000;
	}

	.alertsmall
	{
		font-size: 11px;
		color: #ff0000;
	}

/* Elements */


/* Standard Feature Set */

	/* Print This Page */
	
		#printpagetext 
		{
			text-align:center;
			border: 2px solid #b1b1b5;
			margin: 20px 10px 0 10px;  
		}

		#printpagetext a 
		{
			font-size: 11px;
			font-family: Arial, Sans-Serif;
			color: #000000;
			display: block;
			text-decoration: none;
			padding:2px;
		}

		#printpagetext a:link, #printpagetext a:visited 
		{
			background-color: #4785C2;  
		}

		#printpagetext a:hover 
		{
			background-color: #A3C2E0;
		}
		
	/* Print This Page*/

	/* Text Only Styles */

		#textonlypage 
		{
			text-align:center;
			border: 2px solid #b1b1b5;
			margin: 5px 10px 0 10px;  
		}

		#textonlypage a 
		{
		  font-size: 11px;
		  font-family: Arial, Sans-Serif;
		  color: #000000;
		  display: block;
		  text-decoration: none;
		  padding:2px;
		}

		#textonlypage a:link, #textonlypage a:visited, #textonlypage a:active 
		{
			background-color: #4785C2;  
		}

		#textonlypage a:hover 
		{
			background-color: #A3C2E0;
		}

	/* Text Only Styles */

	/* Email a Friend */

		#emailfriendtext 
		{
			text-align:center;
			border: 2px solid #b1b1b5;
			margin: 5px 10px 0 10px;  
		}

		#emailfriendtext a 
		{
			font-size: 11px;
			font-family: Arial, Sans-Serif;
			color: #000000;
			display: block;
			text-decoration: none;
			padding:2px;
		}

		#emailfriendtext a:link, #emailfriendtext a:visited 
		{
			background-color: #4785C2;  
		}

		#emailfriendtext a:hover 
		{
			background-color: #A3C2E0;
		}

	/* Email a Friend */
	
	/* Email This Page */
	/*
	http://veerle.duoh.com/comments.php?id=148_0_2_0_C
	http://www.quirksmode.org/css/forms.html
	http://www.sitepoint.com/article/style-web-forms-css/2
	*/
	
		form#emailthispageform
		{
			background-color: #ffffff;
			margin: 0;
			padding: 10px;
			height: 400px;
		}

		form#emailthispageform, form#emailthispageform p
		{
			color: #000000;
			font-family: Arial, Sans-Serif;
			font-size: 12px;
		}

		#emailthispageform .emailthispageheaderbar
		{
			background-color: #efefef;
			padding:3px;
			margin-bottom: 10px;
		}

		#emailthispageform .emailerror
		{
			color: #000000;
			font-weight:bold;
		}

		#emailthispageform .emailthispagelabel
		{
			margin-bottom: 10px;
		}

		#emailthispageform .emailthispageinputtext, #emailthispageform .emailthispageinputtextarea
		{
			margin-bottom: 10px;
			width: 330px;
			font-family: Arial, Sans-Serif;
			font-size: 12px;
			padding: 1px;
			color: #6c6c6c;
			background-color: #FFFFFF;
			border: 1px solid #000000;
		}

		#emailthispageform .emailthispageinputtextarea
		{
			height:100px;
		}

		#emailthispageform .emailthispagesubmitbtn, #emailthispageform .emailthispagesubmitbtn emailthispageclosetbtn
		{
			font-family: Arial, Sans-Serif;
			font-size: 12px;
			background-color: #efefef;
			color: #000000;
			margin: 0;
			padding:0;
			border: 1px solid #000000;
		}

	/* Email This Page */

/* Standard Feature Set */


/* Text Only */

	.textlinksnavlist 
	{
		margin:0;
		padding:0;
	}

	.textlinksnavlist li 
	{
		display: inline;
		list-style-type: none;
		margin:0;
		padding:0;
	}

	.textlinksnavlist a:link, .textlinksnavlist a:visited, .textlinksnavlist a.active 
	{
		color: #FF0000; 
		text-decoration: none;
	}

	.textlinksnavlist a:hover 
	{
		color: #FF0000;
		text-decoration: underline;
	}

	.dividerimage 
	{
		padding: 0 3px 0 3px;
	}

	.horizontalmenuinlinefix
	{
		display: inline-block;
	}

	/* Hides from IE-mac */

		.horizontalmenuinlinefix
		{
			display: block;
		}

	/* End hide from IE-mac */

	.clearfix:after 
	{
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}

	.clearfix
	{
		display: inline-table;
	}

	/* Hides from IE-mac */
	
		* html .clearfix
		{
			height: 1%;
		}
		
		.clearfix
		{
			display: block;
		}
		
	/* End hide from IE-mac */

	.skiplinks 
	{
		display:none;
	}

/* Text Only */