/* ---------------------
	Title: Shepherd Law Group screen stylesheet
	Filename: screen.css
	Author: One Pica Inc, Boston MA
	
	Table of Contents:
		Section Title (Searchstring)			Description
		
		General Styles(=General):				Set font sizes, Page backgrounds, etc
		Master #container Styles(=Master):		Placing, sizing, styling the main container
		Branding Styles(=Branding):				Logos, taglines, branding info
		Navigation Styles(=Nav):				The navigation bar; internal and external
		Content Styles(=Content):				The main content of the page
		Credit/Footer Styles(=Footer):			The footer
		Universal Styles(=Uni):					Classes and elements that apply throughout ('clear', 'blue', etc)
	
	Common Color Table:
		Background White:					#FFFFFF;
		Shepherd Red:						#FD1B14;
		Light Grey							#A3A3A3;	
		Dark Grey 							#1D1D1D;
	
	Thanks To:
		CSS structure/commenting: 				http://www.huddletogether.com/2006/02/16/practical-web-development-tips/
		Markup Structure:						http://www.stuffandnonsense.co.uk/archives/whats_in_a_name_pt2.html
---------------------- */

/* =General
---------------------- 
	General Styles applied to 'normalize' things
	Notes:
		EM styling generally following (http://www.clagnut.com/blog/348/) from this point 10px=1em, 11px=1.1em, etc
---------------------- */
html {
	padding: 0;
	margin: 0;
	font-size: 100%; /* ensures font consistency across browsers */
	height: 100%; /* for footer-stick */
}
body {
	font-size: 62.5%; /* correct value for IE6 */
	line-height: 1.5;
	background: #FFFFFF url("../images/backgrounds/bg-x.jpg") repeat-x;
	text-align: center;/* fix IE5 bug that doesn't honor margin auto */
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px;
	margin: 0px;
	height: 100%; /* for footer-stick */
}
html > body {
	font-size: 10px; /* correct value for non-IE6 browsers */
}
p {
	margin: 0 0 1em 0;
	/*color:#4a4a4a;*/
	color:#333333;
}

INPUT, SELECT, TH, TD {font-size: 1em}
h1 {font-size: 2em}  /* displayed at 24px */
h2 {font-size: 1.5em}  /* displayed at 18px */
h3 {
	font-size: 1.75em;
	line-height: 1.75em;
	background: url("../images/inline/li-header.jpg") 0px no-repeat;
	margin: 0 0 10px 0px;
	padding: 0 0 0 12px;
	font-family: Arial, Helvetica, sans-serif;
	width:95%;
}
h3 span {
	color:#FF0000;
}
h4 {
	font-size: 1.0em;
	background: url("../images/inline/h3.jpg") no-repeat;
	margin: 0 0 .5em 0;
	padding: 0 0 0 10px;
	line-height: 1em;
	color: #4A4A4A;
}

h4.alt {
	font-size: 1.0em;
	background: none;
	margin: 0 0 0em 13px;
	padding: 0 0 0 0px;
	line-height: 1.5em;
	color:#FD1B14;
	xborder-left:3px solid #ccc;
}
h4.alt a{
	color:#FD1B14;
	margin:0 0 0 0px;
}
h4.alt a:hover{
	color:#FD1B14;
	text-decoration:underline;
}
h4.althanging {
	font-size: 1.0em;
	background: none;
	margin: 0 0 .5em 13px;
	padding: 0 0 0 0px;
	line-height: 1em;
	color:#FD1B14;
}
h4.althanging img{
	padding:0px 0px 0 0;
	margin:0 3px 0 0;
}
h4.gray {
	font-size: 1.0em;
	background: none;
	margin: 0 0 1em 13px;
	padding: 0 0 0 0px;
	line-height: 1em;
	color:#4a4a4a;
}
.date {
	color:#FD1B14;
	font-weight:bold;
}

td {
	font-size: .70em;
	padding: 5px 5px 5px 0;
	margin-left: 0px;
	top: auto;
}

a { 
	color: #959595;
	text-decoration: none;
}
a.arrows {
	padding-right:8px;
	background:url('../images/images/linkarrow.gif') right 5px no-repeat;
}
a:hover { color: #000000; }

#content-main ul { list-style-type: none; list-style: none; }
#content-main li { list-style-type: none; list-style: none; }

/* =Master
---------------------- 
	Master Container
	Notes:
		margin: 0px auto; centers the container horizontally except in IE5, which is fixed in the body tag
---------------------- */
#container {
	position: relative; /* for footer-stick */
	margin: 0px auto;
	width: 655px;
	font-size: 1.1em; /* displayed at 11px */
	text-align: left; /* unfix all other browsers from the IE fix in the body tag above */
	height: auto !important; /* for footer-stick */
	height: 100%; /* for footer-stick */
	min-height: 100%; /* for footer-stick */
}

/* =Branding
----------------------
	Branding styles: Usually the logo and tagline
	Notes:
		Image replacement: Usually Phark Method (http://www.mezzoblue.com/tests/revised-image-replacement/)
---------------------- */
#branding {
	xborder:1px solid red;
	width: 100%;
	clear: both;
	float: left;
	height: 80px;
}
	#branding-logo {
	}
		#branding-logo h1 {
			text-indent: -5000px;
			overflow: hidden;
			background: url("../images/branding/main-logo.gif");
			height: 45px;
			width: 179px;
			float: right;
			margin-right: 10px !important;
			margin-right:6px;
			margin-top:21px;
			xborder:1px solid blue;
		}
	.printlogo { 
		position:absolute;
		left:468px;
		top:25px;
		visibility:hidden;
	}
	a#skiplink {
		display: none;
	}
	#branding-tagline {
	}
		#branding-tagline h2 {
			/* uncomment this for Image Replacement
			text-indent: -5000px;
			overflow: hidden;
			background: ;
			height: ;
			*/
			display: none;
		}
	#branding-info {
	}

/* =Nav
----------------------
	Navigation styles
	Notes:
		Navigation belongs in an UL tag with <ul><li><a></a></li></ul> as the markup scheme.
		Keep each of the below #elements as divs, and put the UL inside them
		If there's a Left-Hand navigation, use #nav-section, give it a width & float it left
---------------------- */
#nav-container {
	float: right;
	width: 193px;
	background: #FFFFFF;
}
#nav {
	xborder-bottom:1px solid red;

}
	#nav-main ul { margin: 7px 0 10px 0px !important; margin: 7px 0 10px 25px; }
	#nav-main li {
		font: 12px/22px Arial, Helvetica, sans-serif;
		list-style: none;
		color: #5E5E5E;
		text-decoration: none;	
	}
	#nav-main li a {
		list-style: none;
		color: #5E5E5E;
		text-decoration: none;	
		padding-left: 12px !important;	
		padding-left: 16px;
	}	
	#nav-main li a:hover {
		list-style: none;
		background: url("../images/inline/li-nav.jpg") no-repeat 0px;
		padding-left: 12px !important;
		padding-left: 16px;
		color: #000000;
	}
	#nav-main ul ul{
		margin:0;
		padding:0 0 0 30px;
	}
	#nav-main ul ul li {
		font: 10px/15px Arial, Helvetica, sans-serif;
		margin: 5px 5px 8px -10px;
		padding:0;
	}
	#nav-main ul ul li a{
		xline-height:.25em;
		padding-left:0px !important;
		margin:0;
	}
	#nav-main ul ul li a:hover{
		padding-left:0px !important;
		margin:0;
		background:none;
	}
	#sub-nav {
		width:173px !important;
		width:193px;
		padding:10px;
		margin:0;
		display:block;
	}
	#sub-nav .controls {
		background:#666666;
		color:#FFFFFF;
		padding:3px 15px;
		margin:0 0 10px 0;
	}
	#sub-nav .controls a{
		color:#ffffff;
		font-size:inherit;
		text-decoration:none;
		}
	#sub-nav .controls a:hover {
		text-decoration:underline;
	}
	#sub-nav .doclist {
		background:#F2F2F2;
		border:1px solid #B2B2B2;
		padding:10px 15px;
		color:#424242;
	}
	#sub-nav .doclist h1{
		padding:0;
		margin:0 0 8px 0;
		font-size:1em;
		font-weight:bold;
	}
	#sub-nav .doclist a {
		color:#424242;
		font-size:inherit;
		text-decoration:none;
		display:block;
	}
	#sub-nav .doclist a:hover {
		text-decoration:underline;
	}
/* =Content
----------------------
	Main Content styles
	Notes:
		font-size: 1em makes the text 10px but expandable in IE
		Remember: The font is inherited, so some math will be necessary to size children up or down correctly
---------------------- */
#content {
	font-size: 1em;
	width: 462px;
	float: left;
	clear: none;
	padding-bottom: 3em;
}
	#content-main {
		padding: 15px 15px 15px 0;
		color: #4A4A4A;
	}
		#content-main ul { margin: 0 0 1.5em 15px; padding: 0 0 0 0; }
		#content-main li {
			background: url("../images/inline/li.jpg") no-repeat 0px 7px;
			margin-left: 0px;
			padding-left: 8px;
			list-style: none;
		}
		#content-main li a { text-decoration: none; color: #A3A3A3; }
		#content-main li a:hover { text-decoration: none; color: #000000; }
		#content-main p {
			margin: 0 0 1.5em 13px;
			padding: 0 0 0 0;
			}
		
		#content-main label {
			width:100px;
			}
		
	#content-news {
	}
	
/* =Footer
----------------------
	Credit/footer styles: Usually the copyright/company info
	Notes:
---------------------- */
#siteinfo-container {
	clear: both;
	position: relative; /* for footer-stick */
	width: 665px;
	margin: -32px auto 0; /* negative margin makes footer-stick work */	
	height: 30px;
	padding: 0;
	text-align: left;
}
	#siteinfo {
		border-top: 1px solid #E5E5E5;
		width: 462px;
		color: #7F7F7F;
		font: 10px Arial, Helvetica, sans-serif;
		padding: 5px 0 5px 0;
		text-align: left;
	}
		#siteinfo-address {
			text-align: left;
		}
		#siteinfo-phone {
			margin: 0 20px 0 20px !important;
			margin: 0 28px 0 28px;
		}
		#siteinfo-email a {
			margin-left: 0px !important;
			text-decoration: none;
			color: #474747;
		}
	#martindale {
		color:#CCCCCC;
		font-size:.8em;
	}
	#martindale a{
		color:#CCCCCC;
		text-decoration:underline;
	}
/* =Uni
----------------------
	Universal styles: Styles that apply to elements found throughout the site
	Notes:
		The best example of this is the "clear" div
---------------------- */
.clear { clear: left; }
.red { color: #FD1B14; }
.light-grey { 
	color: #A3A3A3;
	color:#969696;
	padding-left:0;
	margin-left:0;
	}
.dark-grey { 
	color: #1D1D1D; 
	margin-right: 4px;
	color:#000000;	
	padding-right:00px;
	
}
.err p{
	color:#FF0000;
}