/* 
Version v1.2
Author: Zak Mensah and Ant Theobald
email: tribehut@gmail.com
Website: http://www.tribehut.com
  */
@import "reset.css";
	
body {margin:0;	padding:0; background:#fff;	color:#000;	min-width: 800px; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
	
#wrap {	background:#fff; margin:0 auto;	width: 800px; border: 1px solid #666666;}
	
#mast {	text-align: right; float: left; height: 80px; width: 800px; border-bottom: 1px solid #666666; background:none;}
#googlemap {padding-left: 1em;}

#cm_sidebarDIV {float: right;}
#bodymap { margin:0; padding:0; background:#fff; color:#000; min-width: 870px;	}
	
#wrapmap {	background:#fff; margin:0 auto; width: 870px;	border: 1px solid #666666;	}
	
#mastmap {	text-align: right; float: left; height: 60px;	width: 870px; border-bottom: 1px solid #666666;	background:#ffffff;}
#mainmap {	background:#fff; float:right; width:640px; border-top: 16px solid #FBA922;	
	}

#summary-img img {float:right; margin: 2.5em;}
	
#mainmap h2, #mainmap h3, #mainmap p {	padding:0 10px; }
#mast-logo { text-align: left; float: left; width: 150px; border: 0px; }
#mast-logo a:link {background: none;}
#mast-logo a:visited {background: none;}

#img a {border: 0px;float: left;}

img {border: none;}
#main-content img {float: right; margin-right: 1em;}

.imgleft {border: 0px none; float: left; padding: 5px;}
.imgright {	border: 0px none; float: right;
}

	
	#main-content {	background:#fff; float:right; width:565px; border-top: 16px solid #FBA922; padding-bottom: 30px;}

	#main h2, #main h3, #main p {padding:0 10px;}

/*
******************************************************************** side bar related ish */ 
#sidebar { background:#fff; float:left; width:230px; border-bottom: 15px solid #FBA922;	padding:0;
	}
	#sidebar ul { margin-bottom:0; margin:0;	padding:0; }
    #sidebar h3, #sidebar p { padding:0 10px 0 0;   }
#flashmenu {float: left; width: 49px; border: 0px solid #666666;}
#menuwrap {	border-top: 16px solid #FBA922;		border-right: 1px solid #666666; margin-left: 50px;	min-height: 280px;}
/* for Internet Explorer menuwrap bug fix from cssplay*/
/*\*/
* html #menuwrap { height: 280px;}
/**/

#projectintroleft {	background:#fff; float:left; width:260px;	}
#projectintroright { background:#fff;	float:right; width:300px;	}


#footer { background:#fff;	clear:both;	}
	#footer p {font: 10px Arial, Helvetica, sans-serif; color: #FFFFFF; background: #999999; padding:5px; margin:0; text-align: center; }

ul {list-style-type: none;}

/* ------------------------------------------------------------ homepage specific styles */

#flash { float: left; height: 225px; width: 800px; background: #ffffff;	text-align: center;}

#menu {	float: left; width: 200px; margin-top: 0px; text-align: left; font: 11px Arial, Helvetica, sans-serif; color: #D2932B; margin-left: 0px;	}

.frontnews { font: 11px Arial, Helvetica, sans-serif; color: #666666; float: left; width: 180px; margin-left: 20px; text-align: left;}
.frontnews h2 {	font: 13px Arial, Helvetica, sans-serif; color: #D2932B;}

.frontnews a:link {  font-family: Arial, Helvetica, sans-serif; font-size: 12px;  color: #666666; text-decoration: underline}
.frontnews a:visited {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; text-decoration: underline}
.frontnews a:hover {  font-family: Arial, Helvetica, sans-serif; font-size: 12px;  color: #FBA922; text-decoration: underline}

/* ----------------------------------- main styles */

h1, h2, h3, h4, h5, h6 {color:#FBA922; font-family: Arial, Helvetica, sans-serif;  }
h1 {  color:#FBA922; font-size: 2em;	font-weight: bold; 	text-decoration: none;	font-style: normal; margin-bottom: 1em; padding: 1em 0 0 0.5em;}

h2 { font-size: 1.4em; color: #FBA922;	font-weight: normal; text-decoration: none;
	font-style: italic; padding: 0.5em 1em;}



h3 { font-size: 1.14em;	font-weight: 900;	color: #000000;	text-decoration: none;
	font-style: normal;	margin-bottom: 0.5em;}

h4 {font-size: 14px;	font-weight: bold;	color: #000000;	text-decoration: none;	font-style: normal;	}
	
	p {font: 12px Arial, Helvetica, sans-serif;
 color:#666666; padding: 0 1em; line-height: 1.2em;}
 
a:link, a:visited {text-decoration:none; color: #666666;  }

p, ul, dl, ol { margin-bottom:1em;}
ol li {line-height: 2em; }

ol a:link, a:visited {color: #666; }

#main-content a:link, #main-content a:visited {color:#666666; font-weight: bold; }

#main-content a:hover {color:#FBA922; }

#main-content h2 a:link {color:#000000;}
#main-content h2 a:visited {color:#000000;}
#main-content h2 a:hover {color:#FBA922;}
#main-content ul {
	list-style: none;	text-decoration: none;}
#main-content li {
	background:  url(bullet.gif) no-repeat 0 50%; padding-left: 10px; font-size: 12px;	color: #666666; line-height: 1.5em;
}
#main li a {
font-family: Arial, Helvetica, sans-serif;	font-size: 12px;	color: #666666;
}
#main li a:visited {
font-family: Arial, Helvetica, sans-serif;	font-size: 12px; color: #666666;
}
#main li a:hover {
font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FBA922;
}


#projects-list li {padding-left: 1em; line-height: 1.5em; color: #666; }
#projects-list li a:link, a:visited {color: #333;}



	/* repeated for photovoice projects map only */
#mainmap ul {
	list-style: none;
	text-decoration: none;

}
#mainmap li {
	background:  url(bullet.gif) no-repeat 0 50%;	
	padding-left: 10px;
	font-size: 12px;
	color: #666666;
}
#mainmap li a {
font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}
#mainmap li a:visited {
font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}
#mainmap li a:hover {
font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FBA922;
}
	
.bullet {
	background:  url(bullet.gif) no-repeat 0 50%;	
	padding-left: 10px;
}

/*

Old code.... i think.... check and remove
#main a {
font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}
.main a:link {  font-family: Arial, Helvetica, sans-serif; font-size: 11px;  color:#FBA922; text-decoration: underline}
.main a:visited {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#FBA922; text-decoration: underline}
.main a:hover {  font-family: Arial, Helvetica, sans-serif; font-size: 11px;  color:#000000; text-decoration: underline}

 */

/* form information */
fieldset {	margin: 1em 0;padding: 1em; border : 1px solid #ccc; background: #ffffff;
}

label {	display: block;
}



textarea {	width: 250px; height: 100px;
}

input.radio {float: right; margin-right: 30em;
}

input: focus, textarea:focus {	background: #ffc;
}

input[type="text"], textarea {	border-top: 2px solid #999;	border-left: 2px solid #999; border-bottom: 1px solid #ccc;	border-right: 1px solid #ccc;
}
#searchform {width: 15em;}
#search {float: left; margin-right: 0em; width: 8em;  }

#searchBtn {width: 60px; float:left; margin-left:0.1em; margin-right:0em;}

blockquote  { padding:1em; color:#333; line-height: 1.4em; border-bottom:4px solid #FBA922; margin-right: 1em; margin-bottom:1.5em; }

ul#projectthumbs li { padding-left:70px; overflow:hidden; }
ul#projectthumbs li img { float:left; position:relative; left:-70px; margin-right:-60px; }


/*
************************************************ Menu Navigation */
#sidebar .nav-section  {text-decoration: none; list-style: none; line-height: 0.2em;}
#sidebar .nav-section a:link, #sidebar .nav-section a:visited {	font: 12px Arial, Helvetica, sans-serif; color: #333333; display: block; background:   url(arrow.gif) no-repeat left center;
	text-indent: 15px; text-decoration: none; font-weight: bold; 
	}

#sidebar .nav-section a:hover {font: 12px Arial, Helvetica, sans-serif; color: #FBA922; font-weight: 900; list-style: none; text-decoration: none;
}

#sidebar .nav-subsection {text-decoration: none; list-style: none; line-height: 0.2em; 
}
#sidebar .nav-subsection a:link {	font: 12px Arial, Helvetica, sans-serif; color: #666666;	display: block;	text-indent: 15px;	text-decoration: none;	font-weight: 500; margin-left: 0px;background: none;
}

#sidebar .nav-subsection a:visited {	font: 12px Arial, Helvetica, sans-serif; color: #666666;	display: block;	text-indent: 15px;	text-decoration: none;	font-weight: 500; margin-left: 0px; background: none;
}

#sidebar .nav-subsection a:hover {font: 12px Arial, Helvetica, sans-serif; color: #FBA922; list-style: none;text-decoration: none;
}


#mastlink {	text-align: left; float: right;	width: 200px; margin-top: 5px; background: none;}
#mastlink a:link {	font: 10px Arial, Helvetica, sans-serif; color: #666666;	display: block;	background:   url(arrow.gif) no-repeat left center;	text-indent: 15px;	text-decoration: none;}
#mastlink a:visited {	font: 10px Arial, Helvetica, sans-serif; color: #666666;	display: block;	background:   url(arrow.gif) no-repeat left center;	text-indent: 15px;	text-decoration: none;}

#mastlink a:hover {color: #FBA922; list-style: none;}