/*****************************************/
/*                                       */
/*        FitMotion CSS Document         */
/*             fitmotion.css	         */
/*  by Atlantic BT - www.atlanticbt.com  */
/*                                       */
/*****************************************/

/************************/
/*  Main Body Styles    */
/************************/


body {
	margin: 0;
	padding: 0;
	background: #316da8 url(/images/bg_main.gif) repeat-y center top;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif; 	
	font-size: 11px; 							
	color: #000;
	text-align: center;
}

div, td {
	margin: 0;
	padding: 0;
	font-size: 100%;
	text-align: left;
}

p { }

a, a:visited {
	color: #982b00;
	text-decoration: underline;
}

a:hover {
	color: #2871a2;
	/*color: #f19819;*/
	text-decoration: none;
}

h2 {
	font-size: 120%;
	color: #2f75bd;
	font-weight: bold;
	font-variant: small-caps;
}

h2 a { color: #2f75bd; text-decoration: none; }



/************************/
/* Main Layout Elements */
/************************/

/* Common IE misjudgement */
* html .ie_adjust {
	margin-left: 1px;
}
/* End IE hack */

#top_area {
	background: #fff url(/images/bg_top.gif) repeat-x 0 0;
}

#search_area {
	padding: 38px 7px 9px 0px;
	text-align: right;
}

#date_area {
	padding-right: 1px;
	background: #fff url(/images/bg_date.gif) no-repeat right top;
	text-align: right;
}

#date {
	float: left;
	padding: 10px 0 0 10px;
	width: 300px;
	font-size: 90%;
	color: #6e6e6e;
	text-transform: uppercase;
}

body#index #content_area { padding-bottom: 0; }
body#index #content_area2 { padding-top: 0; }

#content_area, #content_area2 {
	padding: 22px 20px 20px 40px;
	background: #fff;
	line-height: 1.5em;
	font-size: 105%;
	width: 100%;
}

	/* for the bio pages now that they're 2 columns on the inside */
	body.bio #content_area { padding: 22px 0 20px 0; background: #fff url(/images/bg_bio.gif) repeat-y 0 0;}
	body.bio #content_area p { margin: 1.5em 20px 1.5em 40px; }
	body.bio #content_area div#bio_area {
		width: 757px;
	}
	
		#bio_area #credentials { float: left; display: inline; width: 212px; padding: 0 10px; font-size: 100%; }
		#bio_area #bio { float: left; display: inline; width: 464px; padding: 0 20px 0 40px; font-size: 100%; }
		* html #bio_area #bio { overflow: hidden; }
		#bio_area #credentials p { margin: 1.5em 0; clear: both; }
		#bio_area #bio p { margin: 1.5em 0; }
		
		#bio_area #credentials p strong { color: #06697c; font-size: 105%; }
		#bio_area #credentials h2 { margin: 0 -10px 10px -10px; padding: 0 10px 5px 10px; color: #174473; font-size: 120%; font-variant: normal; border-bottom: 1px solid #607e9c; font-variant: small-caps; }
		#bio_area #credentials p img { margin-top: 25px; border: 1px solid #333; }
		
		#bio_area #bio div.bio_pic p { margin: .2em 0; line-height: 1em; }
		#bio_area #bio div.bio_pic p.position { margin-top: .5em; }
		

#right_side2 {
	padding: 0;
	width: 177px;
}

	.right_white { height: 20px; background: #fff; }

#right_side {
	padding: 0px 17px 20px 18px;
	width: 177px;
	background: #ffff82 url(/images/bo_greyline.gif) no-repeat left bottom;
}

#left_side {
	padding: 0;
	background: #f9f9f9;
	border-right: 1px solid #c7c7c7;
	width: 150px;
}

#left_nav {
	padding: 0;
}

#footer {
	padding: 20px 200px 17px 40px;
	background: #fff url(/images/bg_footer.gif) repeat-x 0 0;
}

	#footer p {
		margin: 5px 0 5px 0;
	}

#footer_address2 {
	text-align: right;
}

/************************/
/*  Navigation Styles   */
/************************/

a.abt_link, a.abt_link:visited {
	color: #707070;
}

a.abt_link:hover {
	color: #06697c;
}

#navigation { }
#navigation ul, #navigation ul li, #navigation ul li a { float:left; display: inline; height: 28px; }

	#navigation ul { 
		height: 28px; 
		background:url(/images/sp_nav.gif) no-repeat 0 0;
		margin: 0;
	}		
	
		#navigation ul li,
		#navigation ul li a { width: 105px; text-indent: -9000em; } /* for n-home */
		#navigation ul li#n-about,
		#navigation ul li#n-about a { width: 92px; }
		#navigation ul li#n-practice,
		#navigation ul li#n-practice a { width: 106px; }
		#navigation ul li#n-attorneys,
		#navigation ul li#n-attorneys a { width: 110px; }
		#navigation ul li#n-nc-media-law,
		#navigation ul li#n-nc-media-law a { width: 114px; }
		#navigation ul li#n-careers,
		#navigation ul li#n-careers a { width: 72px; }
		#navigation ul li#n-contact,
		#navigation ul li#n-contact a { width: 159px; }
		
		
		#navigation ul li a:hover { background: url(/images/sp_nav.gif) no-repeat 0px -28px; }
		#navigation ul li#n-about:hover a,
		#navigation ul li#n-about a:hover { background-position: -105px -28px; }
		#navigation ul li#n-practice:hover a,
		#navigation ul li#n-practice a:hover { background-position: -197px -28px; }
		#navigation ul li#n-attorneys:hover a,
		#navigation ul li#n-attorneys a:hover { background-position: -303px -28px; }
		#navigation ul li#n-nc-media-law:hover a,
		#navigation ul li#n-nc-media-law a:hover { background-position: -413px -28px; }
		#navigation ul li#n-careers:hover a,
		#navigation ul li#n-careers a:hover { background-position: -527px -28px; }
		#navigation ul li#n-contact:hover a,
		#navigation ul li#n-contact a:hover { background-position: -599px -28px; }



/************************/
/* Other Markup Styles  */
/************************/

ul {
	margin: 0 0 0 20px;
	padding: 0;
	list-style-image: url(/images/i_arrow.gif);
}

	ul.cases {
		/*list-style-image: url(/images/i_gavel.gif);*/
		list-style-image: url(/images/i_arrow.gif);
	}
	
	ul.left_nav, ul.cases2 {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	#footer ul {
		margin: 0 0 10px 0;
		list-style: none;
	}
	

li {
	margin: 0 0 7px 0;
	padding: auto;
}

	ul.cases li {
		margin-bottom: 10px;
	}
	
	
	
	ul.left_nav li, ul.cases2 li {
		display: block;
		margin: 0;
		padding: 7px 10px 7px 15px;
		background: transparent url(/images/i_arrow.gif) no-repeat 2% 1em;
		border-bottom: 1px solid #b4c3d2;
	}
	
	ul.left_nav li ul { margin-left: 0; }
		ul.left_nav li ul li { }
	
	
	ul.cases2 li { background-image: url(/images/i_gavel2.gif); padding-left: 20px; }
	
	/* MEDIA LAW */
	ul.sub-nav li, ul.sub-nav2 li { display: none; margin-left: -20px; padding: 5px 0 5px 20px; border: 0; background: url(/ContentOne/images/i_folder-closed.gif) no-repeat 0 .3em; }
	ul.sub-nav2 li { padding-left: 15px; background: url(/ContentOne/images/i_file.gif) no-repeat 0 .5em; }
	
	body#advertising ul.sub-nav li#sn-advertising,
	body#copyright ul.sub-nav li#sn-copyright,
	body#court ul.sub-nav li#sn-court,
	body#libel ul.sub-nav li#sn-libel,
	body#lottery ul.sub-nav li#sn-lottery,
	body#newsgathering ul.sub-nav li#sn-newsgathering,
	body#meetings ul.sub-nav li#sn-meetings,
	body#privacy ul.sub-nav li#sn-privacy,
	body#public ul.sub-nav li#sn-public,
	body#reporters ul.sub-nav li#sn-reporters,
	body#taxes ul.sub-nav li#sn-taxes 
	{ background-image: url(/ContentOne/images/i_folder-open.gif); }
	
	
	
	/* END MEDIA LAW */

	#footer li {
		display: inline;
		padding: 0 7px 0 7px;
		border-right: 1px solid #000
	}
	
	#footer li.first_item {
		padding-left: 0;
	}
	
	#footer li.last_item {
		border: 0;
	}
	
	
	
	ul.paging {
		clear: both;
		float: left;
		display: inline;
		margin: 20px 0;
	}
	
		ul.paging li {
			float: left;
			display: inline;
			margin: 0 20px 0 0;
		}
		
			ul.paging li.next-page { padding: 0 20px 0 0; background: url(/images/i_next-page.gif) no-repeat right center; }
			ul.paging li.previous-page { padding: 0 0 0 20px; background: url(/images/i_prev-page.gif) no-repeat left center; }
			
	
	
	

form {
	margin: 0;
	padding: 0;
}

input, select {
	margin-top: 0;
	margin-bottom: 0;
	border: 1px solid #a5acb6;
	font-size: 100%;
}

input.button {
	margin-top: 0;
	border: 0;
}



/************************/
/*    Custom Styles     */
/************************/

.clear {
	clear: both;
}

.green_blue {
	color: #06697c;
}

.red {
	color: #982b00;
}

#bio .position {
	font-size: 120%;
	font-weight: bold;
	color: #982b00;
}

.pic_left {
	float: left;
	margin: .3em 15px 10px 0;
	border: 1px solid #333;
}

body#index .pic_left { border: 0; }

.pic_left2 {
	float: left;
	margin: 10px 15px 10px 0;
	border: 1px solid #333;
}

img.pic_right, div.pic_right {
	margin: 0 20px 10px 10px;
	border: 1px solid #333;
}

div.pic_right { border: 0; width: 140px; text-align: center; }
div.pic_right img { border: 1px solid #333; }
div.pic_right p { margin: 0; padding: 0; font-size: 90%; text-align: center; width: 100%; }

div.bio_pic { border: 0; float: left; margin: 0 20px 10px 0; text-align: center; display: inline; width: 210px; }
div.bio_pic img { border: 3px solid #ccc; }
div.bio_pic p { margin: 1.5em 0; padding: 0; font-size: 90%; text-align: center; width: 100%; }

/* Internet Explorer, you are dumb. Not sure why I had to do this...but Bad IE, BAD!! */
* html ul.left_nav li {
	list-style: none;
	list-style-image: none;
}
/* End IE stupidity */


/* contact form */
.contact_form { 
	background-color: #eee;
	border: 1px solid #316da8;
}

	.contact_form td {
		padding: 5px;
	}
	
	table.contact_form .labels {
		text-align: right;
	}
	
.html_button {
	background-color: #316da8;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
}
	
.note {
	font-size: 90%;
	color: #333;
	line-height: 1em;
}

.legal { font-size: 10px; line-height: 1.3em; }

.error {
	color: #c00;
}
/* end contact form */

.inner_table { }

	.inner_table td {
		padding: 5px;
	}
	
.map {
	border: 2px solid #316da8;
}

.top_link, bio_area #credentials p.top_link, #bio_area #bio p.top_link {
	clear: both;
	margin: 20px 0;
	padding-right: 12px;
	background: #fff url(/images/g_up-arrow.gif) no-repeat right center;
	text-align: right;
}

.right_link { text-align: right; clear: both; }

.back_link {
	clear: both;
	padding-left: 12px;
	background: #fff url(/images/i_arrow-left.gif) no-repeat 0 50%;
}


/*################## temp */

#tomer-tree a { text-decoration: none; }


/************************/
/*  Programming Styles  */
/************************/

div#file-tree input {
	padding-right: 5px;
	border: none;

}

div#file-tree ul, div#file-tree ul li { list-style: none; background: none; padding-left: 0; }

a.folder-link { text-decoration: none; color: #000; cursor: pointer; }

#content_area ul#news-list p {
	margin-top: 0;
}




/* media-law stuff */
#breadcrumbs { margin-bottom: 2em; }
#breadcrumbs a { text-decoration: none; }
#print-law { position: relative; float: right; display: inline; margin: -2em 0 0 0; padding-left: 16px; background: url(/images/i_print.gif) no-repeat 0 50%; font-size: 85%; color: #444; text-decoration: none; }

#content_area #search-results, #content_area #media-results { float: left; display: inline; width: 100%; margin: 1em 0; padding-bottom: 2em; border-bottom: 1px solid #ccc; }
#content_area #search-results { /*margin-bottom: 2em;*/ }
#content_area #search-results p, #content_area #media-results p { margin-bottom: 0; }
p.total-results { text-align: right; font-style: italic; font-size: 11px; }

.clear { clear: both; }
hr { display: none; }


/*======================================
	=Drop Down Styles
======================================*/
* html body { behavior: url(/css/csshover2.htc); } /* allow IE to follow :hover rules */

#navigation ul { position: relative; z-index: 800; }
#navigation ul li { position: relative; }
#navigation ul li ul,
#navigation ul li ul li ul { position: absolute; left: -9000em; top: 0; margin: 0; background: #316da8; }

/* base drop downs */
#navigation ul li:hover ul,
#container #navigation ul li ul li:hover ul { display: block;  position: absolute; z-index: 900; }

/* overrides for sprites */
#navigation ul li:hover ul,
#navigation ul li:hover ul li,
#navigation ul li:hover ul li a { height: auto; /* override height from nav */ background: none; text-indent: 0; }


/*======================================
	=Editable Area
======================================*/


/* SPRITES */
#navigation ul li:hover a { }
	/* same as navigation sprites, but :hover is on li, no a */
	
			/* example --v */
			#navigation ul li:hover a { background: url(/images/sp_nav.gif) no-repeat 0 -28px; }
			#navigation ul li#n-menu2:hover a { background-position: -97px -28px; }
			#navigation ul li#n-menu3:hover a { background-position: -218px -28px; }



/* ### Base styles ### */

/* 1st level */
#navigation ul li:hover ul {
	top: 28px; left: 0; /* top = height of primary nav button */
	margin: 0; padding: 5px;
	width: 200px;
	background: #3679AC;
	color: #fff;
	padding: 0;
}
	#navigation ul li:hover ul.left { left: -160px; }
	
#main-nav #navigation ul li:hover ul li {
	margin: 0; padding: 0;
	width: 200px;
	background: none;
	background-image: none;
	line-height: 1em;
	border-top: 1px solid #468AB4;
	border-bottom: 1px solid #204A6A;
}

#main-nav #navigation ul li:hover ul li a {
	padding: 4px 10px;
	width: 200px;
	background: none;
	background-image: none;
	font-weight: bold;
	text-align: left;
	color: #fff;
	text-decoration: none;
}
	#navigation ul li ul li a { width: 100%; }
	
	#navigation ul li#n-about:hover ul li a,
	#navigation ul li#n-practice:hover ul li a,
	#navigation ul li#n-attorneys:hover ul li a,
	#navigation ul li#n-nc-media-law:hover ul li a,
	#navigation ul li#n-careers:hover ul li a,
	#navigation ul li#n-contact:hover ul li a { width: 180px;}
	
	#main-nav #navigation ul li ul li a:hover { color: #054578; text-decoration: none; }


/* 2nd level */
/* for these IE might need a <div> around the inner <ul>, to be ingored in the css -- only there for holder */
#main-nav #navigation ul li ul li ul { display: none; background: #7ec3f7; } 
	#main-nav #navigation ul li ul li:hover ul li { border-top: 1px solid #629ecc; border-bottom: 1px solid #62a6d5; }

#main-nav #navigation ul li ul li:hover ul {
	/*left: 170px; top: 0;
	width: 160px;
	font-size: 100%;*/
	display: block;
	position: absolute;
	top:-1px;
	left: -200px;
	}
	#navigation ul li ul li:hover ul.left { left: -170px; }