/*
-----------------------------------------------
Style Sheet

Site: tribaladvisors.com
Author:   evanwebdesign.com
Version:  2010.01
----------------------------------------------- */


/* 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,blockquote,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-color:#cecabc;
	font-size:.75em; /* 75% of 16px = 12px */
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	margin:12px 0;
	color:#000;
	}

a:link, a:visited {
	color:#005b21;
	}
	
a:hover, a:active {
	color:#2aa356;
	}

h1 {
	color:#08a3c4;
	font-size:1.5em;
	margin-bottom:5px;
	}
	

/* Classes
 * ------------------------------------------------------------------------- */

.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:2px;
	background-color:#e6e4dd;
	border:1px solid #beb6a9;
	}

.raquo {
	font-size:1.2em;
	color:#09b3d7;
	}

.small {
	font-size:.92em;
	line-height:1.3em;
	}

.hr {
	margin:20px 0;
	width:100%;
	height:1px;
	overflow:hidden;
	color:#ccc;
	background:#ccc;
	}

.pdf {
	background:url(../images/pdf_icon.gif) no-repeat 0px 2px;
	padding-left:25px;
	}

.title_text {
	background:url(../images/title_icon.gif) no-repeat;
	font-size:1.8em;
	color:#005b21;
	font-weight:normal;
	padding:3px 0 12px 30px;
	}

#content_container .section_title_bar, 
#content_container p.section_title_bar, 
#content_container h1.section_title_bar, 
#content_container h2.section_title_bar, 
#content_container h3.section_title_bar {
	background:url(../images/section_title_bar.gif) no-repeat;
	width:708px;
	color:#fff;
	font-size:1.5em;
	padding:8px 0 0 0;
	height:26px;
	margin:0 0 5px 0;
	text-align:center;
	}

.envelope_icon, #content_container p.envelope_icon {
	background:url(../images/envelope_icon.gif) no-repeat 0px 4px;
	padding-left:25px;
	margin-bottom:0;
	}

#content_container p.address_text {
	font-size:1.1em;
	font-weight:bold;
	color:#000;
	width:195px;
	float:left;
	margin-bottom:15px;
	}
	


#content_container p.sub_contact_info_title {
	font-size:1.0em;
	font-weight:bold;
	float:left;
	color:#88735e;
	margin-bottom:15px;
	width:70px;
	}


/* Layout
 * ------------------------------------------------------------------------- */

#container {
	width:950px;
	margin:0 auto;
	background:#fff;
	}
	
	
#content_container {
	padding:20px;
	line-height:1.6em;
	}
	
	#content_container p {
		margin-bottom:12px;
		}
	
	

	
#header {
	background:url(../images/title_bar.gif) no-repeat;
	width:950px;
	height:113px;
	border-bottom:1px solid #fff;
	}

#logo {
	width:342px;
	height:60px;
	display:block;
	text-indent:-5000px;
	outline:none;
	float:left;
	margin:30px 0 0 20px;
	}

#column_left {
	width:708px;
	float:left;
	margin-right:20px;
	display:inline;
	}
	
	#column_left ul {
	margin-left:10px;
	}
	
		
		
	#column_left ul li {
		padding-left: 12px;
		line-height:1.4em;
		margin-bottom:16px;
		list-style: none;
		background: transparent url(../images/bullet_circle.gif) 0px 5px no-repeat;
		}

		#column_left ul li ul li {
			background: transparent url(../images/bullet_med.gif) 0px 8px no-repeat;
			padding-left:11px;
			}

			#column_left ul li ul li ul li {
				background: transparent url(../images/bullet_sm.gif) 0px 9px no-repeat;
				padding-left:9px;
				}	

		#column_left ul ul, #column_left ul ul ul {
			margin-top:8px;
			}
			
		#column_left ul li.last {
			margin-bottom:0;
			}

#column_left ol { 
	margin-left:30px;
	list-style:decimal;
	}

	#column_left ol li {
		margin-bottom:8px;
		}

		#column_left ol ol, #column_left ol ol ol {
			margin-left:22px;
			margin-top:8px;
			}

	#column_left blockquote {
		margin-left:20px;
		margin-bottom:12px;
		}

#column_right {
	width:182px;
	float:left;
	display:inline;
	}

/* News & Publications Area
 * ------------------------------------------------------------------------- */
#news_and_publications {
	background:#e6e4dd;
	border:1px solid #beb6a9;
	width:180px;
	}

#news_pub_title {
	background:url(../images/news_publications.gif) no-repeat;
	text-indent:-5000px;
	width:176px;
	height:25px;
	margin:2px auto 0 auto;
	}

#news_pub_container {
	margin:10px;
	font-size:.92em;
	line-height:1.2em;
	}
	
	.news_pub_divider {
		background:url(../images/news_pub_divider.gif) repeat-x;
		width:100%;
		height:1px;
		overflow:hidden;
		margin:15px 0;
		}

.date {
	font-weight:bold;
	}

#footer {
	background:url(../images/footer.jpg) no-repeat;
	width:935px;
	height:23px;
	padding:13px 0 0 15px;
	color:#fff;
	font-size:.92em;
	}

/* banners
 * ------------------------------------------------------------------------- */
#banner_home {
	background:url(../images/home_header.jpg) no-repeat;
	width:950px;
	height:199px;
	text-indent:-5000px;
	}

#banner_services {
	background:url(../images/services_header.jpg) no-repeat;
	width:950px;
	height:199px;
	text-indent:-5000px;
	}

#banner_why_tfa {
	background:url(../images/why-tfa_header.jpg) no-repeat;
	width:950px;
	height:199px;
	text-indent:-5000px;
	}

#banner_current_mandates {
	background:url(../images/current-mandates_header.jpg) no-repeat;
	width:950px;
	height:199px;
	text-indent:-5000px;
	}

#banner_people {
	background:url(../images/people_header.jpg) no-repeat;
	width:950px;
	height:199px;
	text-indent:-5000px;
	}

#banner_contact {
	background:url(../images/contact_header.jpg) no-repeat;
	width:950px;
	height:199px;
	text-indent:-5000px;
	}
 

/* form
 * ------------------------------------------------------------------------- */

form { 
	width:165px; 
	padding:0px; 
	font-family:Arial, Helvetica, sans-serif; 
	margin:0;
	}

	form label	{ 
		font-size:.83em;
		}

	form legend {
	 font-weight: bold;
	 color:#116121;
	 font-size:1.3em;
	}


	form br { 
	line-height:0; /* defaults vertical spacing between fields */
	clear:left;
	}  

form fieldset.boxed_in {
	margin: 1em 0; /*  space out the fieldsets a little*/
	padding:0px 20px 20px 20px;
	border : 1px solid #ccc;
	background:url(../images/form_bg.gif) repeat-x bottom left;
	}

input, textarea, select { 
	background-color:#fff; 
	border:1px solid #000;
	color:#000;
	width:160px; /* 5 pixles smaller than form width !important */
	height:18px;
	vertical-align: middle;
	margin-bottom:4px; /* sets vertical spacing between fields */
	padding-top:1px; /* vertically position text in input/textarea field */
	padding-left:4px; /* horizontally position text in input/textarea field */
	font-family:Arial, Helvetica, sans-serif; 
	font-size:1em;
	float:left;
	}

select { 
	width:150px; /* same width as form !important */
	padding:0;
	}

textarea { 
	height:90px; 
	overflow:auto; 
	}


input.submit { 
	width:60px; 
	cursor:pointer; 
	padding:0; 
	}	


/* ----- Main Contact Form ----- */

#contact-main { 
	padding:0px 0 10px 0; 
	width:500px;
	float:right;
	}
	
#contact-main label { 
	width:65px; 
	float:left;
	text-align:right; 
	margin-right:10px;
	font-size:1em;
	font-weight:bold;
	}
	
	#contact-main label.error {
		color:#f00;
		width:150px;
		margin-left:10px;
		text-align:left;
		float:left;
		line-height:1.0em;
		}
	
#contact-main input, #contact-main textarea, #contact-main select { 
	width:200px;
	float:left;
	margin-bottom:10px;

	}
	
#contact-main select {
	width:175px;
	}
	
#contact-main textarea { 
	height:180px;
	width:365px;
	}

button.submit-contact-main { 
	margin:0 0 0 73px;
	padding:0;
	width:70px;
	cursor:pointer;  
	}











/* Expand / Collapse Styles
 * ------------------------------------------------------------------------- */
#wrapper{

  	text-align:left
	}
#content {
 

}
.demo {

}

.collapse {
	background:#f0efe8;
	padding:20px;
	margin-bottom:12px;
	margin-top:-5px;
	}

/* -- To control "expand/collapse all" switch (right now it's set to hide the switch) --*/
#switch, .switch {
	visibility:hidden;
	overflow:hidden;
	display:none;
	width:0;
	height:0;
	}
	


/* --- Headings  --- */
#wrapper h1 {
  margin-bottom:.75em; 
  font-family:georgia,'times new roman',times,serif; 
  font-size:2.5em; 
  font-weight:normal; 
  color:#c30
	}

#wrapper h2{font-size:1.1em}

.expand{
	padding-bottom:5px;
	}

/* --- Links  --- */
#wrapper h2 a:link, #wrapper h2 a:visited {
  border:1px solid #c7c1ad;

  text-decoration:none;
  color:#005b21;
}
#wrapper a:hover, #wrapper a:active, #wrapper a:focus {
  border-style:solid;
  background-color:#e7e1d8;
  outline:0 none;
}
#wrapper a:active, #wrapper a:focus {
  color:#005b21;
}
.expand a {
  display:block;
  padding:6px 10px;
  background:#d7cbb6;
}
.expand a:link, .expand a:visited {
  border-width:1px;
  background-image:url(../images/arrow_down.gif);
  background-repeat:no-repeat;
  background-position:98% 50%;
}
.expand a:hover, .expand a:active, .expand a:focus {
  text-decoration:underline
}
.expand.open a:link, .expand.open a:visited {
  border-style:none;
  background:#e7e1d8 url(../images/arrow_up.gif) no-repeat 98% 50%
}

#wrapper .collapse a:link, #wrapper .collapse a:visited, #wrapper .collapse a:hover, #wrapper .collapse a:active {
	border:0;
	background-color:none;
	background:none;
	}



/* horizontal navigation
 * ------------------------------------------------------------------------- */

#nav { background:url("../images/nav.gif") no-repeat; width:531px; height:39px; position:relative; float:right; margin-top:74px; }
#nav li { position:absolute; top: 0; }
#nav li, #nav a { height:39px; display:block; }
#nav span { display:none; }

#nav-01 { width: 55px; left:0; }
#nav-02 { width: 76px; left: 55px; }
#nav-03 { width: 78px; left: 131px; }
#nav-04 { width: 138px; left: 209px; }
#nav-05 { width: 92px; left: 347px; }
#nav-06 { width: 92px; left: 439px; }



#nav-01 a:hover, #nav-01.selected { background: transparent url("../images/nav.gif") -0 -39px no-repeat; }
#nav-02 a:hover, #nav-02.selected { background: transparent url("../images/nav.gif") -55px -39px no-repeat; }
#nav-03 a:hover, #nav-03.selected { background: transparent url("../images/nav.gif") -131px -39px no-repeat; }
#nav-04 a:hover, #nav-04.selected { background: transparent url("../images/nav.gif") -209px -39px no-repeat; }
#nav-05 a:hover, #nav-05.selected { background: transparent url("../images/nav.gif") -347px -39px no-repeat; }
#nav-06 a:hover, #nav-06.selected { background: transparent url("../images/nav.gif") -439px -39px no-repeat; }