/*************************************************************
Garrison & Sisson Global style sheet

Written by vitamin
http://www.vitamininc.net/
*************************************************************/

/*************************************************************
Global styles
*************************************************************/

* {
	margin: 0;
	padding: 0;
}

body {
	background: #7b97ad url(/images/content_shadow.gif) no-repeat center 60px;
	text-align: center;
	padding-top: 10px;
}

body, p, td, th, li {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #444;
}

img {
	border-width: 0;
}

p, table, ul, ol {
	margin-bottom: 1em;
	line-height: 12px;
}

h1 {
	font-size: 24px;
	margin-bottom: 5px;
}

h2 {
	font-size: 17px;
	margin-bottom: 0;
	padding: 0;
}

h3 {
	margin-bottom: .5em;
	color: #02253a;
}

h3, h4, h5, h6 {
	font-size: 12px;
	color: #02253a;
}

abbr, acronym {
	border-bottom: 1px dotted #666;
}

.left {
	float: left;
}

.right {
	float: right;
}

.clear {
	clear: both;
	height: 1px;
	overflow: hidden;
}

.featured_position {
	font-weight: bold;
	color: #612d2d;
}

/*************************************************************
Meat and potatoes
*************************************************************/

#wrapper {
	margin: 0 auto;
	width: 760px;
}

#header {
	background: #7b97ad url(/images/bg_header.gif) no-repeat bottom;
}

#header img.left {
	padding: 0 0 15px 30px;
}


#content {
	clear: both;
	margin: 0 auto;
	background-color: #fff;
	width: 740px;
}

#content_wrap {
	background-image: url(/images/bg_content.gif);
	background-repeat: repeat-y;
	background-position: -5px 0;
	text-align: left;
	margin: 5px;
	width: 730px;
}

/*************************************************************
Navigation styles
*************************************************************/

#nav {
	height: 40px;
	overflow: hidden;
	background: #eeece0 url(/images/bg_nav.gif) no-repeat;
	width: 740px;
}

#nav ul {
	list-style: none;
	padding-left: 10px;
}

#nav ul li {
	float: left;
	margin-right: 1px;
	margin-left: 1px;
}

#nav ul li a {
	display: block;
	height: 40px;
	white-space: nowrap;
}

#nav ul li span {
	display: none;
}

li#about a {
	background-image:url("/images/nav_about.gif");
	background-repeat:no-repeat;
	width:47px;
}
li#recruiters a {
	background-image:url("/images/nav_recruiters.gif");
	background-repeat:no-repeat;
	width:66px;
}
li#news a {
	background-image:url("/images/nav_news.gif");
	background-repeat:no-repeat;
	width:41px;
}
li#current_searches a {
	background-image:url("/images/nav_searches.gif");
	background-repeat:no-repeat;
	width:101px;
}
li#attorneys a {
	background-image:url("/images/nav_attorneys.gif");
	background-repeat:no-repeat;
	width:66px;
}
li#law_firms a {
	background-image:url("/images/nav_lawfirms.gif");
	background-repeat:no-repeat;
	width:61px;
}
li#corporations a {
	background-image:url("/images/nav_corporations.gif");
	background-repeat:no-repeat;
	width:86px;
}
li#resume a {
	background-image:url("/images/nav_resume.gif");
	background-repeat:no-repeat;
	width:98px;
}
li#contact a {
	background-image:url("/images/nav_contact.gif");
	background-repeat:no-repeat;
	width:74px;
}
li#faqs a {
	background-image:url("/images/nav_faqs.gif");
	background-repeat:no-repeat;
	width:46px;
}
li#about a:hover, li#news a:hover, li#recruiters a:hover, li#current_searches a:hover, li#attorneys a:hover, li#law_firms a:hover, li#corporations a:hover, li#resume a:hover, li#contact a:hover, li#faqs a:hover {
	background-position:0 -40px;
}

li.nav_divider {
	height: 40px;
	width: 11px;
	background-image: url(/images/nav_divider.gif);
}

/*************************************************************
Left Side Content
*************************************************************/

#content_left {
	float: left;
	width: 487px;
}

#content_left p, #content_left h1, #content_left h2, #content_left h3, #content_left h4, #content_left h5, #content_left h6 {
	margin-left: 10px;
	margin-right: 10px;
}

#content_left p {
	line-height: 1.5em;
}

#content_left li {
	margin-bottom: 0.5em;
}

#content_left h1 {
	margin-top: 10px;
}

#content_left ul, #content_left ol, #content_left li {
	margin-left: 20px;
	margin-right: 20px;
}

#content_left a {
	color: #602c2c;
}

#content_left img {
	float: left;
	margin-bottom: 0px;
}

/*************************************************************
Right Side Content
*************************************************************/

#content_right {
	float: right;
	width: 238px;
	position: relative;
	height: 437px;
}

#content_right div {
	border: 1px solid #c5c3b5;
	margin: 3px;
	overflow: hidden;
	width: 238px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 230px;
}

html>body #content_right div {
	width: 230px;
}

#content_right {
	color: #02253a;
}

#content_right h2 {
	margin-left: 14px;
	margin-right: 14px;
}

#content_right h2 {
	margin-top: 5px;
	margin-bottom: 2px;
}

#content_right ul {
	list-style: none;
	margin-bottom: 0;
}

#content_right ul li {
	display: inline;
}

#content_right ul li a {
	display: block;
}

#content_right ul li a span {
	display: none;
}


/*************************************************************
Home page buttons
*************************************************************/

li.learn_more a  {
	background-image: url(/images/btn_learn_more.gif);
	background-repeat: no-repeat;
	width: 230px;	
	height: 32px;
}

li.representative a  {
	background-image: url(/images/btn_representative.gif);
	background-repeat: no-repeat;
	width: 230px;	
	height: 32px;
}

li.find_position a  {
	background-image: url(/images/btn_find_position.gif);
	background-repeat: no-repeat;
	width: 230px;	
	height: 32px;
}

li.find_attorney a  {
	background-image: url(/images/btn_find_attorney.gif);
	background-repeat: no-repeat;
	width: 230px;	
	height: 32px;
}

li.setup_mtg a  {
	background-image: url(/images/btn_setup_mtg.gif);
	background-repeat: no-repeat;
	width: 230px;	
	height: 32px;
}

li.submit_res a  {
	background-image: url(/images/btn_submit_res.gif);
	background-repeat: no-repeat;
	width: 230px;	
	height: 32px;
}

li.contact_us a  {
	background-image: url(/images/btn_contactus.gif);
	background-repeat: no-repeat;
	width: 230px;	
	height: 32px;
}

li.learn_more a:hover,
li.representative a:hover,
li.find_position a:hover,
li.find_attorney a:hover,
li.setup_mtg a:hover,
li.submit_res a:hover,
li.contact_us a:hover {
	background-position: 0 -32px;
}



/*************************************************************
Footer Content
*************************************************************/

div#footer {
	clear: both;
	background-color: #7b97ad;
	text-align: center;
	width: 740px;
}

	div#footer p{
		border-right: #93a8b5 1px solid;
		margin: 15px 0 15px 20px;
		padding-right: 20px;
		text-align: left;
		float: left;
		font-size: 11px;
		color: #fff
	}
	
		div#footer p a{
			color: #fff;
		}
	
		div#footer div#socials{
			border-right: none;
			text-align: right;
			float: right;
			margin-right: 20px;
			margin-top: 15px;
		}
		
			div#footer div#socials img{
				margin-left: 10px;
				border: none;
			}











/*
#content_right h5#btn_nalsc a {
	position: relative;
	margin: 9px 0 0 3px;
	width: 232px;
	height: 30px;
	display: block;
	background: transparent url("/images/btn_nalsc.gif") no-repeat;	
}

#content_right h5#btn_nalsc a:hover {
	background-position: 0 -38px;
}

#content_right h5#btn_nalsc span {
	display: none;
}*/




#content_right #lt-winner {
	padding: 15px 0 10px 17px;
}
				
#content_right #membership {
	background:url("/images/bg_membership.jpg") no-repeat scroll center top transparent;
	border:medium none;
	bottom:10px;
	margin:0;
	overflow:hidden;
	padding-top:20px;
	position:absolute;
	text-align:center;
	width:238px;
}


	#certs {
		position: relative;
		list-style: none;
		width: 238px;
		padding-left: 15px;
	}
	
		#certs li {
			position: relative;
			float: left;
		}
		
			#certs li a {
				width: 100px;
				height: 43px;
				display: block;	
			}
			
				li#cert_wbenc a { 	background: transparent url("/images/bg_cert_wbenc.jpg") no-repeat 0 -43px; }
				li#cert_nalsc a { 	background: transparent url("/images/bg_cert_nalsc.jpg") no-repeat 0 -43px; }
				
					
					li#cert_wbenc a:hover,
					li#cert_nalsc a:hover {
						background-position: 0 0;
					}
					
						#certs li a span {
							display: none;
						}
		
				
		
		





/*************************************************************
sIFR Styles
*************************************************************/

/* These are standard sIFR styles... do not modify */

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {

  .sIFR-active h1 {
    font-family: Verdana;
    visibility: hidden;
  }
  
  .sIFR-active h2 {
    font-family: Verdana;
    visibility: hidden;
  }
  
  .sIFR-active h3 {
    font-family: Verdana;
    visibility: hidden;
  }
  
  .sIFR-active h4 {
    font-family: Verdana;
    visibility: hidden;
  }

}

/* NEWS SECTION STYLES */
div#sidebar-news{
	height: 220px;
}
ul#news-list {
	margin:5px 15px;
	list-style: none;
}

ul#news-list li a {
	color:#02253a;
	margin: 4px 0;
}
	ul#news-list li a:hover {
		text-decoration: none;
	}
	
li.more-news  {
	background-image: url(/images/sn_more-news.gif);
	background-repeat: no-repeat;
	width: 230px;
	height: 32px;
	list-style: none;
	list-style-position: outside;

}

	li.more-news a{
		width: 100%;
		height: 100%;
		display: block;
	}
	
	li.more-news:hover  {
		background-position: 0 -32px;
	}
	
	li.more-news span{
		display: none
	}
