@charset "UTF-8";
/* CSS Document */

/*
http://meyerweb.com/eric/thoughts/2007/04/14/reworked-reset/
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: left;
	vertical-align: baseline;
}

a img, :link img, :visited img { border: 0; }

table {
	border-collapse: collapse;
	border-spacing: 0;
}

ol, ul { list-style: none; }

q:before, q:after, blockquote:before, blockquote:after { content: ""; }


/* =HTML
- - - - - - - - - - - - - - - - - - - - - */

body{
	background:url(../images/bg.jpg) repeat-x #064a44;
	color:#555555;
	text-align:center;
	margin:auto;
}


p, li {
	font-size: .95em;
	line-height: 1.6em;
	padding-bottom: 1em;
}



strong {
	font-weight: bold;
	color: #064a44;
}

small { font-size: 0.9em; }

em,  cite { font-style: italic; }

.orange{
	color:#cc6600;
}


/* =HEADINGS
- - - - - - - - - - - - - - - - - - - - - */
h1 {
	padding-bottom: 1em;
	font-size: 2em;
	color: #064a44;
	font-weight:700;
}

h2 {
	padding-bottom: 0.6em;
	font-size: 1.4em;
	color: #064a44;
	font-weight:700;
	line-height:1.2em;

}

h3 {
	padding-bottom: 0.4em;
	font-size: 1em;
	line-height: 1.2em;
	color: #064a44;
	font-weight:700;

}

h4{
	padding-bottom: 0.1em;
	font-size: .8em;
	line-height: 1.1em;
	color: #064a44;
	font-weight:700;

}

/* =LINKS
- - - - - - - - - - - - - - - - - - - - - */
a:link {
	color: #064a44;
	text-decoration: none;
}

a:visited {
	color: #555555;
	text-decoration: none;
}

a:hover {
	color: #cc6600;
	text-decoration: underline;
}

a:active {
	color: #cc6600;
	text-decoration: underline;
}

/* =LAYOUT
- - - - - - - - - - - - - - - - - - - - - */

.clear { clear: both; }

#head,  #mainContent,  #innerFoot {
	margin: 0 auto;
	width: 960px;
	text-align: left;
}

#head{
	height:280px;
	position:relative;
	background:url(../images/bgHd.jpg) no-repeat;
	overflow:hidden;
}


#logo{
	float:left;
	width:340px;
}

#logo h1 a{
	text-indent:-9999px;
	height:200px;
	width:340px;
	background:url(../images/logo.jpg) no-repeat;
	margin-top:14px;
	display:block;
}

#tagline{
	text-indent:-9999px;
}



#nav{
	position:absolute;
	top:251px;
	left:7px;
	height:32px;
}

#nav ul li{
	height:32px;
	display:block;
	text-indent:-9999px;
	float:left;
}








#abouttab{
	background:url(../images/about.gif) no-repeat;
		width:95px;
			background-position: 0px -32px;


}

#abouttab a:hover, #abouttab.active{
	background:url(../images/about.gif) no-repeat;
}




#newstab{
	background:url(../images/news.gif) no-repeat;
		width:90px;
	background-position: 0px -32px;
}

#newstab a:hover, #newstab.active{
	background:url(../images/news.gif) no-repeat;
}


#oppstab{
	background:url(../images/opps.gif) no-repeat;
	width:148px;
		background-position: 0px -32px;

}

#oppstab a:hover, #oppstab.active{
	background:url(../images/opps.gif) no-repeat;
}

#connecttab{
	background:url(../images/connect.gif) no-repeat;
	width:183px;
		background-position: 0px -32px;

}

#connecttab a:hover, #connecttab.active{
	background:url(../images/connect.gif) no-repeat;}

#projectstab{
	background:url(../images/projects.gif) no-repeat;
		width:105px;
			background-position: 0px -32px;


}

#projectstab a:hover, #projectstab.active{
	background:url(../images/projects.gif) no-repeat;
}


#partnerstab{
	background:url(../images/partners.gif) no-repeat;
		width:109px;
			background-position: 0px -32px;


}

#partnerstab a:hover, #partnerstab.active{
	background:url(../images/partners.gif) no-repeat;
}

#missiontab{
	background:url(../images/mission.gif) no-repeat;
		width:104px;
			background-position: 0px -32px;


}

#missiontab a:hover, #missiontab.active{
	background:url(../images/mission.gif) no-repeat;
}

#contacttab{
	background:url(../images/contact.gif) no-repeat;
		width:106px;
			background-position: 0px -32px;


}

#contacttab a:hover, #contacttab.active{
	background:url(../images/contact.gif) no-repeat;
}



#nav ul li a{
	display: block;
      padding: 32px 0 0 0;
      border: 0;
      background: none;
      height: 0px !important;
      height /**/:32px;
}




#content{
	background-color:#ececec;
}

.lftContent{
	float:left;
	width:300px;
	margin-top:2em;
}

.sideContent{
	background:url(../images/lftbg.jpg) repeat-y;
	margin-bottom:20px;}

	
	.sideContent p{
	font-size:.8em;
	padding:0 24px;
	}
	
	.sideContent h4{
		padding:0 24px;
		font-style:normal;
		font-size:1em;
		color:#cc6600;
		padding-bottom:.5em;
	}
	
		.sideContent h5{
		padding:4px 24px;
		font-style:normal;
		font-size:.9em;
		color:#064a44;
		padding-bottom:.5em;
		line-height:1.5em;
	}
	
	.sideContent li{
	padding:0 24px;
	list-style-position:inside;
	list-style-image:url(../images/bullet.gif);
	padding-bottom:.35em;
	font-size:.9em;
}

	.sideContent li a{
	list-style-position:inside;
	list-style-image:url(../images/bullet.gif);
	padding-bottom:.5em;
	font-size:1em;
}
	
.date{
	font-weight: 700;
	font-style:italic;
}

#news h3{
	text-indent:-9999px;
	background:url(../images/newsupdates.jpg) no-repeat;
	height:58px;
	width:300px;
}


#viewNews a{
	height:55px;
	width:300px;
	display:block;
	background:url(../images/viewNews.jpg) no-repeat;
	text-indent:-9999px;
}

#viewNews a:hover{
	background:url(../images/viewNews.jpg) no-repeat;
	background-position:0 -55px;}
	
	
#featuredProject h3{
	text-indent:-9999px;
	background:url(../images/featuredProjects.jpg) no-repeat;
	height:58px;
	width:300px;
}


#viewProjects a{
	height:55px;
	width:300px;
	display:block;
	background:url(../images/viewProjects.jpg) no-repeat;
	text-indent:-9999px;
}

#viewProjects a:hover{
	background:url(../images/viewProjects.jpg) no-repeat;
	background-position:0 -55px;}
	
	
#sohcnProjects h3{
	text-indent:-9999px;
	background:url(../images/sohcnProjects.jpg)no-repeat;
	height:58px;
	width:300px;
}

#partnerSide h3{
		text-indent:-9999px;
	background:url(../images/partnerSide.jpg) no-repeat;
	height:58px;
	width:300px;
}

#sohcnPartnersNav h3{
	text-indent:-9999px;
	background:url(../images/sohcnPartners.jpg) no-repeat;
	height:58px;
	width:300px;
}

.sideBttm{
	background:url(../images/sideBttm.jpg) no-repeat;
	height:27px;
}
	
	

.rightContent{
	float:right;
	width:660px;
	margin-top:1em;
}

.rightContentText{
	background:url(../images/mainContentBG.jpg) repeat-y;
	padding:0 36px;
	padding-bottom:1em;
	}
	
.rightContentText h2{
	color:#cc6600;
	font-size:1.4em;
	font-weight:700;
	}

	
.rightContentHd{
	background:url(../images/mainContentHd.jpg) no-repeat;
	height:46px;
}

.rightContentText ul{
	padding-bottom:1.5em;
}


.rightContentText li{
	list-style-position:outside;
	list-style-image:url(../images/bullet.gif);
	margin-left:20px;
	padding-bottom:.5em;
}

.rightContentBttm{
	background:url(../images/mainContentBttm.jpg) no-repeat;
	height:18px;
	margin-bottom:1em;
}


#footer {
	clear: both;
	background:url(../images/footerBg.jpg) repeat-x;
	background-color:#ececec;
	padding-bottom:8em;

}


#footer a{
	color:#fff;
	text-decoration:underline;
}

#footer a:hover{
	color:#cc6600;
	text-decoration:underline;
}

#innerFoot{
	padding-top:40px;
	color:#fff;
}

#address{
	float:left;
	width:500px;
}

#street{
	font-size:.8em;
	line-height:1.5em;
}

#contact{
	float:right;
	width:460px;
}

#contact p{
	text-align:right;
	font-size:.8em;
}


/* =SIGNUP
- - - - - - - - - - - - - - - - - - - - - */





 #signupFormContainer
            {
            	position:absolute;
            	left:720px;
			top:0;
            }
		  
		  
		  
            #signupForm
            {
            	height:10em;
            	width:180px;
            	background:#CB6109;
            	display:none;
            }
            #signupForm fieldset
            {
            	padding:20px;
            	border:none;
            }      
            #signupForm label
            {
            	display:block;
            	color:#fff;
			font-size:.9em;
			padding-bottom:2px;
            }      
            #signupForm input[type=text]
            {
            	display:block;
            	border:solid 1px #054A43;
            	width:100%;
            	margin-bottom:10px;
            	height:24px;
            }  
            #signupForm textarea
            {
            	display:block;
            	border:solid 1px #4d3a24;
            	width:100%;
            	margin-bottom:10px;
            }  
            #signupForm input[type=submit]
            {
            	background-color:#054A43;
            	border:solid 1px #23150c;
            	color:#fff;
            	padding:5px;
            }                
            #signupLink
            {
            	height:32px;
            	width:180px;
            	background:url(../images/signup.jpg) no-repeat;
            	display:block;
            	cursor:pointer;
            }

		  
		  #signupParnter{
			  font-size:.8em;
			  font-weight:700;
			  padding:0 20px;
			  text-decoration:underline;
		  }
		  
		  #signupParnter:hover{
			  color:#fff;
		  }

		  /*zoom map*/
		  div.jqZoomTitle
{
	z-index:5000;
	text-align:center;
	font-size:13px;
	height:16px;
	padding-top:2px;
	position:absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	color: #FFF;
	background: #7d6f66;
		border-bottom: 1px solid #fff;


}

.jqZoomPup
{
		overflow:hidden;
		background-color: #FFF;
		-moz-opacity:0.6;
		opacity: 0.6;
		filter: alpha(opacity = 60);
		z-index:10;
		border-color:#c4c4c4;
		border-style: solid;
		cursor:crosshair;
}

.jqZoomPup img
{
	border: 0px;
}

.preload{
	-moz-opacity:0.8;
	opacity: 0.8;
   filter: alpha(opacity = 80);
	color: #333;
	font-size: 12px;   text-decoration: none;
	border: 1px solid #CCC;
   background-color: white;
   padding: 8px;
	text-align:center;
   background-image: url(../images/zoomloader.gif);
   background-repeat: no-repeat;
   background-position: 43px 30px;
	width:90px;
	* width:100px;
	height:43px;
	*height:55px;
	z-index:10;
	position:absolute;
	top:3px;
	left:3px;

}

.jqZoomWindow
{
	border: 1px solid #999;
	background-color: #FFF;
}
/* end of map*/


/*News Items*/
.newsDate{
	font-size:.9em;
	font-style:italic;
	padding-bottom:.5em;
	padding-top:1em;
}


.collapse {
  padding-bottom:1em;
  overflow:hidden;
  padding-left:4px;
  padding-right:4px;
}

.expand{
	padding-bottom:.75em;
}

.expand a{
	text-decoration:underline;
	display:block;
  padding:4px;
}


.expand a:hover, .expand a:active, .expand a:focus {
  background-color:#efefef;
}

/*projects*/

#projectsContainer{
	padding-bottom: .5em;
}
.project{
	padding-top:.5em;
	margin:1em 0;
	border-top:solid 2px #cc6600;
}

.project h3{
	font-size:1.2em;
}

.project p a{
	font-size:.9em;
}

/*Partners*/


.partnerCategory{
	margin:2em 0;
	
}

.partnerListing{
	padding-top:1em;
	margin-bottom:.5em;
	border-top:solid 2px #cc6600;
}

.partnerCategory h3{
	font-size:1.2em;
	padding-bottom:.25em;
}

.partnerEntry{
	margin-bottom:2em;
}

.partnerContact{
	width:300px;
	float:left;
}

.partnerLogo{
	width:280px;
	float:right;
	height:150px;
}

.partnerContact h4{
	font-size:1em;
	padding-bottom:.25em;
	line-height:1.25em;

}
.partnerContact p{
	font-size:.9em;
	line-height:1.35em;
	padding-bottom:.25em;
}



.top{
	font-size:.8em;
	margin:0;
	padding:0;
	text-align:right;
}

.partnerList li{
	font-size:.9em;
	line-height:1.25em;
	padding-bottom:.9em;
}