/*

-----------------------------------------------

Style Sheet



Site: Federal Defenders of San Diego Inc

Author:   Aaryn.com additions made by Tom to accommodate staff search function

Version:  2009.11

----------------------------------------------- */





/* undo some default styling of common (X)HTML browsers

 * ------------------------------------------------------------------------- */



/* No list-markers by default - must redefine bullets w/ bg graphics */

ul,ol { list-style:none; }



/* Avoid browser default inconsistent heading font-sizes and pre/code */

h1,h2,h3,h4,h5,h6,pre,code,td { font-size:1em; }





/* prevent blue linked image borders */

a img, :link img, :visited img, fieldset { border:none; }



/* Remove inconsistent (among browsers) default padding or margin */

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,fieldset,input,label,div,dd,dt,dl,button { margin:0; padding:0; }







/* global elements

 * ------------------------------------------------------------------------- */



/* ---------- A note on font-sizing ---------- 

Default font size in IE6, IE7 and FireFox is 16px. 

Default for Safari 2 is 16px for "standard fonts" and 13px for "fixed-width fonts." (Safari 3 uses 16px for all fonts.) 

I am ignoring the Safai 13px mono-space type issue since this site does not use any mono-spaced fonts.

*/



html {

	font-size:100% /* IE has problems scaling text in ems. Using a percentage makes for better text rendering when scaled. */

	}



body {

	background:#e7e7e7;

	font-size:.70em; /* 75% of 16px = 12px */

	font-family:Verdana, Arial, Helvetica, sans-serif;

	text-align:left;

	color:#58595B;

	}



a:link, a:visited {

	color:#3A72A5;

	}

	

a:hover, a:active {

	color:#8B4730;

	}

	 



/* Classes

 * ------------------------------------------------------------------------- */

/* This class is used for the staff section of the site which has buttons that need to mimic a tag hrefs. This is the regular button*/

.emp_button_reg {

	color:#666;

	font: bold 87% 'Verdana', Arial, Helvetica, sans-serif;

	font-size:1.0em; /* 75% of 16px = 12px */

	background-color:#ffffff;

	border:none;

	float:left;

	text-align:left;

	padding:0px 0px 0px 0px;

	}

/* This class is used for the staff section of the site which has buttons that need to mimic a tag hrefs. This is the mouse-over button*/

.emp_button_over {

	

	color:#8B4730;   

    font: bold 87% 'Verdana', Arial, Helvetica, sans-serif;

	font-size:1.0em; /* 75% of 16px = 12px */

    background-color:#ffffff;   

    border:none;

	cursor:pointer;

	float:left;

	text-align:left;

	padding:0px 0px 0px 0px;

	}

/* This class is used for the staff section of the site which has alpha search buttons that need to mimic a tag hrefs. This is the regular button*/

.alphabar_button_reg {

	color:#666;

	font: bold 87% 'Verdana', Arial, Helvetica, sans-serif;

	font-size:1.2em; /* 75% of 16px = 12px */

	background-color:#e7e7e7;

	}

/* This class is used for the staff section of the site which has alpha search buttons that need to mimic a tag hrefs. This is the mouse-over button*/

.alphabar_button_over {

	

	color:#8B4730;   

    font: bold 87% 'Verdana', Arial, Helvetica, sans-serif;

	font-size:1.2em; /* 75% of 16px = 12px */

    background-color:#e7e7e7;   

	cursor:pointer; 

	}

.staff_full_name {

	

	color:#3a72a5;   

    font: bold 87% 'Verdana', Arial, Helvetica, sans-serif;

	font-size:1.0em; /* 75% of 16px = 12px */

	}

.clear {

	clear:both;

	height:.01em;

	overflow:hidden;

	}



.pic_left {

	margin:0 10px 2px 0;

	float:left;

	}



.pic_right {

	margin:0 0px 2px 10px;

	float:right;

	}



.pic_border {

	padding:5px;

	border:1px solid #9b8e80;

	}

	

.pic_left_border {

	margin:0 10px 2px 0;

	float:left;

	padding:5px;

	border:1px solid #9b8e80;

	}

	

.red {

	color:#8b4730;

	}

	

.gold {

	color:#b68f16;

	}

	

.blue {

	color:#3a72a5;

	}

.input_field_name {

	font: bold 87% 'Verdana', Arial, Helvetica, sans-serif;

	color:#58595B;

	font-size:1.1em; /* 75% of 16px = 12px */

	}

.search_list_text_ff {

	font: 'Verdana', Arial, Helvetica, sans-serif;

	color:#58595B;

	font-size:1.0em; /* 75% of 16px = 12px */

	padding-left:4px;

	}

.search_list_text_ie {

	font: 'Verdana', Arial, Helvetica, sans-serif;

	color:#58595B;

	font-size:1.0em; /* 75% of 16px = 12px */

	}

.pagination_nav {

	font: bold 10% 'Verdana', Arial, Helvetica, sans-serif;

	color:#58595B;

	font-size:1.0em; /* 75% of 16px = 12px */

	}

.message_neutral {

	color:#58595B;

	font: bold 87% 'Verdana', Arial, Helvetica, sans-serif;

	font-size:1.0em; /* 75% of 16px = 12px */

	}



/* Layout

 * ------------------------------------------------------------------------- */

	

#container {

	width:949px;

	margin:0px auto 0 auto;

	line-height:1.8em;

	background:none;

	}

	

#utility {

    width:949px;

	margin:0px auto 0 auto;

	text-align:right;

	line-height: 1.2em;

	color:#8B4730;

	padding:6px 44px 6px 0px;

	}



#content_container_top {

	width:905px;

	background:#ffffff;

	padding:18px 22px 0 22px;

	margin:0 auto;

	border-bottom:none;

	}



#logo {

	width:585px;

	height:88px;

	text-indent:-5000px;

	background:url(../images/fdsdi_logo.gif) no-repeat;

	display:block;

	float:left;

	}

	

#address_left {

	width:165px;

	float:left;

	display:inline;

	line-height: 1.2em;

	text-align:right;

	color:#999999;

	}

	

#address_right {

	width:155px;

	float:right;

	display:inline;

	line-height: 1.2em;

	text-align:right;

	color:#999999;

	}



#home_column_news {

	width:390px;

	float:left;

	display:inline;

	line-height: 1.2em;

	margin-left:22px;

	}

	

#home_column_right {

	width:494px;

	float:right;

	display:inline;

	line-height: 1.2em;

	margin-right:22px;

	}.column_link {	position: absolute;	right: 0;	bottom: 0;}	#home_column_employment, #home_column_clients, #home_column_sandiego {	position: relative;}

#home_column_sandiego {

	width:494px;

	line-height: 1.2em;

	background: #e7e7e7;

	}

	

#home_column_clients {

	width:239px;

	float:left;

	line-height: 1.2em;

	background: #efe5ca;

	}

	



#home_column_employment {

	width:239px;

	float:right;

	line-height: 1.2em;

	background: #d3e0e9;

	}



#sub_single_column {

	padding:0px 44px 0px 44px;

	background:#ffffff;

	}

#new_search_button_column {

	width:239px;

	float:right;}

	

#content_container_bottom {

	width:949px;

	background:#ffffff;

	padding-top:16px;

	margin:0 auto;

	border-top:none;

	}



#subnav_right {

	width:180px;

	float:right;

	display:inline;

	line-height: 1.2em;

	margin:20px 10px 20px 20px;

	background: url(../images/subnavbg.gif) repeat-y;

	}

	

#subnav_list ul {

    	margin: 0;

   		padding: 7px 10px 0px 20px;

    	}



 	#subnav_list li {

    	margin: 0;

    	padding: 0px 15px 0px 0px;

    	display: block;

    	line-height:2.4em;

   

		color:#8B4730;

    	}

 



#helpful_links_bar {

	width:861px;

	height:26px;

	background:url(../images/helpful_links_bar.gif) no-repeat;

	margin:0 auto;

	border-top:none;

	text-align:right;

	line-height:2em;

	color:#ffffff;

	}

	

#helpful_links_bar a{

	color:#ffffff;

	}

	

#helpful_forms_bar {

	width:861px;

	height:26px;

	background:url(../images/helpful_forms_bar.gif) no-repeat;

	margin:0 auto;

	border-top:none;

	text-align:right;

	line-height:2em;

	color:#ffffff;

	}

	

#helpful_forms_bar a{

	color:#ffffff;

	}



#general_list ul {

    	margin: 0;

   		padding: 10px;

    	}



 	#general_list li {

    	margin: 0;

    	padding: 0px 15px 0px 15px;

    	display: block;

    	line-height:2em;

    	background:url(../images/gold_arrow.gif) no-repeat;

		color:#8B4730;

    	}

		

#mgmt_list ul {

    	margin: 0;

   		padding: 10px;

    	}



 	#mgmt_list li {

    	margin: 0;

    	padding: 0px 15px 0px 15px;

    	display: block;

    	line-height:2.4em;

    	background:url(../images/gold_arrow2.gif) no-repeat;

    	}

		

#red_bar {

	width:680px;

	height:26px;

	background-color:#8b4730;

	border-top:none;

	padding-left:10px;

	color:#ffffff;

	}

	

#red_bar2 {

	width:845px;

	height:26px;

	background-color:#8b4730;

	border-top:none;

	padding-left:10px;

	color:#ffffff;

	}



#footer {

	width:949px;

	color:#8B4730;

	margin-top:16px;

	text-align:center;

	padding:10px 0;

	}

	

	#footer ul {

    	margin: 0;

   		padding: 0;

    	}



 	#footer li {

    	margin: 0;				border-right: 1px solid #8B4730;

    	padding: 0 7px 0 7px;

    	display: inline;

    	line-height:1.4em;

    	background: none;

		color:#8B4730;

    	}



	#footer li.last { 			border: none;

    	}



	#footer a:link, #footer a:visited{

		text-decoration:none;

		}



	 #footer a:hover, #footer a:active {

	 	color:#8B4730;

		text-decoration:none;

		}





#copyright {

	width:949px;

	color:#58595B;

	margin:10px auto 16px auto;

	text-align:center;

	padding:0;

	font-size:.92em;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	}

	

#copyright2 {

	width:949px;

	margin:10px auto 16px auto;

	color:#58595B;

	font-size:.85em;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	text-align:center;

	}



table.month {

	width: 690px;

}



td.event {

	padding-left: 20px;

	width: 400px;

}



td.date {

	width: 150px;

}



td.location {

	width: 140px;

}



/* subpage horizontal navigation

 * ------------------------------------------------------------------------- */



#nav { background:url("../images/nav.gif") no-repeat; width:905px; height:29px; position:relative; float:left; margin-top:0px; }

#nav li { position:absolute; top: 0; }

#nav li, #nav a { height:29px; display:block; }

#nav span { display:none; }



#nav-01 { width: 71px; left: 0px; }

#nav-02 { width: 112px; left: 71px; }

#nav-03 { width: 163px; left: 183px; }

#nav-04 { width: 109px; left: 346px; }

#nav-05 { width: 137px; left: 455px; }

#nav-06 { width: 109px; left: 592px; }

#nav-07 { width: 103px; left: 701px; }

#nav-08 { width: 101px; left: 804px; }



#nav-01 a:hover, #nav-01.selected { background: transparent url("../images/nav.gif") -0px -29px no-repeat; }

#nav-02 a:hover, #nav-02.selected { background: transparent url("../images/nav.gif") -71px -29px no-repeat; }

#nav-03 a:hover, #nav-03.selected { background: transparent url("../images/nav.gif") -183px -29px no-repeat; }

#nav-04 a:hover, #nav-04.selected { background: transparent url("../images/nav.gif") -346px -29px no-repeat; }

#nav-05 a:hover, #nav-05.selected { background: transparent url("../images/nav.gif") -455px -29px no-repeat; }

#nav-06 a:hover, #nav-06.selected { background: transparent url("../images/nav.gif") -592px -29px no-repeat; }

#nav-07 a:hover, #nav-07.selected { background: transparent url("../images/nav.gif") -701px -29px no-repeat; }

#nav-08 a:hover, #nav-08.selected { background: transparent url("../images/nav.gif") -804px -29px no-repeat; }

	





/* Son of Suckerfish: Horizontal Sprite Nav

 * ------------------------------------------------------------------------- */



#nav li ul {

	position:absolute;

	left:-9999px;

	text-align:left;

	float:left;

	z-index:5;

	padding-top:4px;

	line-height: 1.2em;

	}



#nav li ul li { 

	height:auto; 				/* Height of each drop down nav item */

	border:1px solid #93b0da;

	border-top:none;

	background-color:#fff; /* Put background here! Not in the ul!!*/

	left:-1px; /*Optional - Makes drop-down line up even with the dividing line in primary nav (instead of 1px to the right) */

	margin-left: 0px;

	line-height: 1.2em;

	padding:10px 10px 10px 10px;

	}	



#nav li ul li a {

	width:auto;

	height:auto;				/* Height of each drop down nav item, should match above */

	line-height: 1.2em;			/* Height of each drop down nav item again, should match above */

	display:inline;

	}



#navleft {

float:left;

}

	

#navright {

float:right;

}

	

#nav li ul li.most_top {

	border-top:1px solid #93b0da;

	

}



#nav li ul li a span {

	display:block;

	}



/* Drop down link styles */

#nav a:link, #nav a:visited, #nav a:hover, #nav a:active {

	text-decoration:underline;

	}



#nav li:hover ul, #nav li.sfHover ul	{ left: auto; background-position: 0 0; }



/* Hover styles for drop down items */

#nav-01 ul a:hover, #nav-02 ul a:hover, #nav-03 ul a:hover, #nav-04 ul a:hover, #nav-05 ul a:hover, #nav-06 ul a:hover, #nav-07 ul a:hover { 

	background-image:none;

	background-color:none;

	text-decoration:underline;

	cursor:pointer; 

	}



/* width of drop down nav - choose width that allows items to display on one line */

#nav-02 ul, #nav-02 li { width:300px; }		

#nav-04 ul, #nav-04 li { width:300px; }	

#nav-05 ul, #nav-05 li { width:250px; }	

#nav-06 ul, #nav-06 li { width:250px; }

#nav-07 ul, #nav-07 li { width:180px; }



/*html fix*/

#nav li:hover ul, #nav li.sfhover ul { left: auto; background-position: 0 0; }





/* subpage horizontal navigation for Spanish pages

 * ------------------------------------------------------------------------- */



#nav_sp { background:url("../images/nav_sp.gif") no-repeat; width:905px; height:29px; position:relative; float:left; margin-top:0px; }

#nav_sp li { position:absolute; top: 0; }

#nav_sp li, #nav_sp a { height:29px; display:block; }

#nav_sp span { display:none; }



#nav_sp-01 { width: 71px; left: 0px; }

#nav_sp-02 { width: 112px; left: 71px; }

#nav_sp-03 { width: 163px; left: 183px; }

#nav_sp-04 { width: 109px; left: 346px; }

#nav_sp-05 { width: 137px; left: 455px; }

#nav_sp-06 { width: 109px; left: 592px; }

#nav_sp-07 { width: 103px; left: 701px; }

#nav_sp-08 { width: 101px; left: 804px; }



#nav_sp-01 a:hover, #nav_sp-01.selected { background: transparent url("../images/nav_sp.gif") -0px -29px no-repeat; }

#nav_sp-02 a:hover, #nav_sp-02.selected { background: transparent url("../images/nav_sp.gif") -71px -29px no-repeat; }

#nav_sp-03 a:hover, #nav_sp-03.selected { background: transparent url("../images/nav_sp.gif") -183px -29px no-repeat; }

#nav_sp-04 a:hover, #nav_sp-04.selected { background: transparent url("../images/nav_sp.gif") -346px -29px no-repeat; }

#nav_sp-05 a:hover, #nav_sp-05.selected { background: transparent url("../images/nav_sp.gif") -455px -29px no-repeat; }

#nav_sp-06 a:hover, #nav_sp-06.selected { background: transparent url("../images/nav_sp.gif") -592px -29px no-repeat; }

#nav_sp-07 a:hover, #nav_sp-07.selected { background: transparent url("../images/nav_sp.gif") -701px -29px no-repeat; }

#nav_sp-08 a:hover, #nav_sp-08.selected { background: transparent url("../images/nav_sp.gif") -804px -29px no-repeat; }

	





/* Son of Suckerfish: Horizontal Sprite Nav

 * ------------------------------------------------------------------------- */



#nav_sp li ul {

	position:absolute;

	left:-9999px;

	text-align:left;

	float:left;

	z-index:5;

	padding-top:4px;

	line-height: 1.2em;

	}



#nav_sp li ul li { 

	height:auto; 				/* Height of each drop down nav item */

	border:1px solid #93b0da;

	border-top:none;

	background-color:#fff; /* Put background here! Not in the ul!!*/

	left:-1px; /*Optional - Makes drop-down line up even with the dividing line in primary nav (instead of 1px to the right) */

	margin-left: 0px;

	line-height: 1.2em;

	padding:10px 10px 10px 10px;

	}	



#nav_sp li ul li a {

	width:auto;

	height:auto;				/* Height of each drop down nav item, should match above */

	line-height: 1.2em;			/* Height of each drop down nav item again, should match above */

	display:inline;

	}



 

	

#nav_sp li ul li.most_top {

	border-top:1px solid #93b0da;

	

}



#nav_sp li ul li a span {

	display:block;

	}



/* Drop down link styles */

#nav_sp a:link, #nav_sp a:visited, #nav_sp a:hover, #nav_sp a:active {

	text-decoration:underline;

	}



#nav_sp li:hover ul, #nav_sp li.sfHover ul	{ left: auto; background-position: 0 0; }



/* Hover styles for drop down items */

#nav_sp-01 ul a:hover, #nav_sp-02 ul a:hover, #nav_sp-03 ul a:hover, #nav_sp-04 ul a:hover, #nav_sp-05 ul a:hover, #nav_sp-06 ul a:hover, #nav_sp-07 ul a:hover { 

	background-image:none;

	background-color:none;

	text-decoration:underline;

	cursor:pointer; 

	}



/* width of drop down nav - choose width that allows items to display on one line */

#nav_sp-02 ul, #nav_sp-02 li { width:300px; }		

#nav_sp-04 ul, #nav_sp-04 li { width:300px; }	

#nav_sp-05 ul, #nav_sp-05 li { width:250px; }	

#nav_sp-06 ul, #nav_sp-06 li { width:250px; }

#nav_sp-07 ul, #nav_sp-07 li { width:180px; }



/*html fix*/

#nav_sp li:hover ul, #nav_sp li.sfhover ul { left: auto; background-position: 0 0; }