@charset "UTF-8";

.citizen { background: url(/images/citizen_bg.png); background-color: #212121; font-family:"Gill Sans MT", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; font-size: 13px; line-height: 18px; margin: 0; padding:0; text-align:left; }
	.marine { background: url(/images/marine_bg.png); background-color: #667151;  font-family:"Gill Sans MT", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; font-size: 13px; line-height: 18px; margin: 0; padding:0; text-align:left; }
	.smallbusinessman { background: url(images/smallbusinessman_bg.jpg); background-color: #3b0b1c;  font-family:"Gill Sans MT", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; font-size: 13px; line-height: 18px; margin: 0; padding:0; text-align:left; }
	.volunteer { background: url(images/volunteer_bg.jpg); background-color: #a7a0a2;  font-family:"Gill Sans MT", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; font-size: 13px; line-height: 18px; margin: 0; padding:0; text-align:left; }


/*--------------------- This is where the default styles go ---------------------------------------------*/

#subBody
{
	background-image:url(/images/citizen_bg.png);
	font-family:"Gill Sans MT", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	font-size: 13px;
	line-height: 18px;
	color:#212121;
	text-align:left;
}

.bodyText
{
	font-family:"Gill Sans MT", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	font-size: 13px;
	line-height: 18px;
	color:#212121;
	text-align:left;
}

.bodySmall
{
font-size: 12px;
color:#212121;

}

a
{
	text-decoration: none;
	color:#93121d;
}

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


/*--------------------- Positioning styles ---------------------------------------------*/


#wrapper
{
width:956px;
height:100%;
margin-left:auto;
margin-right:auto;
}

#header
{
width:956px;
background-image:url(/images/header2.png);
background-position:right;
height:172px;
background-repeat:no-repeat;
}

#content
{

margin-top:10px;
padding:1px;
min-height:1200px;

}


.content
{
	display:block;
}

.content *
{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#f3ecec
}

.content1
{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #aaa7a7;
  border-right:1px solid #aaa7a7;
  background:#d3cece
}

.content2
{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #808080;
  border-right:1px solid #808080;
  background:#dad5d5
}

.content3
{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #dad5d5;
  border-right:1px solid #dad5d5;
}

.content4
{
  border-left:1px solid #aaa7a7;
  border-right:1px solid #aaa7a7
}

.content5
{
  border-left:1px solid #d3cece;
  border-right:1px solid #d3cece
}

.contentfg
{
  background:#f3ecec
}


#leftCol
{
float:left;
}
/*-----------------------NAVIGATION STYLES--------------------------------------------*/
#navigation {
	margin:0px;
	padding:0px;
	text-indent:0px;
	background-color:#07384f;
	width:173px;
	font-size:14px;
	font-style:normal;
	font-weight:100;
	text-transform:uppercase;
}

#navigation a.head {
	cursor:pointer;
	vertical-align:middle;
	background:#07384f url(/images/nav/collapsed.gif) no-repeat scroll 3px 15px;
	color:#FFFFFF;
	display:block;
	margin:0px;
	font-size:14px;
	text-indent:14px;
	text-decoration: none;
	padding: 10px 0px 10px 3px;
	line-height:20px;
	border-bottom: #006c98 solid 1px;
}

#navigation a.head:hover {
	font-size:14px;
	color:#fff;
	background-color:#0a5272;
	width:168px;
	padding: 10px 0px 10px 3px;
}

#navigation a.selected {
	background-image: url(/images/nav/expanded.gif);
}

#navigation a.current {
	background-color:#0a5272;
}

#navigation ul {
	border-width:0px;
	margin:0px;
	padding:0px;
	text-indent:0px;
}

/*#navigation li ul {
	margin-bottom:20px;
	
}*/
#navigation li {
	list-style:none; 
	display:block;
	vertical-align:middle;
			line-height:14px;

}

#navigation li li 
{
		line-height:14px;

}


#navigation li ul li 
{
	line-height:14px;
	margin-left:6px;
	margin-right:6px;
	width:160px;
}

#navigation li li a {
	color:#d9e0e3;
	display:block;
	margin-bottom:4px;
	line-height:14px;
	margin-right:6px;
	width:160px;
	text-decoration: none;
	padding: 2px 0px 8px 3px;
	font-size:12px;
	text-transform:none;
	border-bottom:none;
}


#navigation li li a:hover {
	background-color:#006c98;
	width:160px;
	padding: 2px 0px 8px 3px;
	color:#fff;
	font-size:12px;
	line-height:14px;
	margin-right:6px;
}

#nav
{
width:172px;
margin-left:1px;
margin-top:-3px;
font-size:14px;
color:#fff;
}

#nav ul{line-height:-10px;}

/*#nav li
{
width:172px;
list-style-image:url(images/nav_arrow_closed.png);
padding:8px 0 8px 3px;
margin-left:20px;
}*/


#nav a
{
text-decoration:none;
color:#fff;
display:block;
padding: 3px 0 3px 3px;
}

#nav a:hover
{
background-color:#0a5272;
width:143px;
padding: 3px 0 3px 3px;
}


/*-------------------------------------------------------------------*/
.navBorder
{
border-top-color:#006c98;
border-top-style:solid;
border-top-width:thin;
width:172px;
}

.nav
{

display:block
}

.nav *
{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#07384f
}
  
.nav1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #8d9ea8;
  border-right:1px solid #8d9ea8;
  background:#426576
}

.nav2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #dbdadc;
  border-right:1px solid #dbdadc;
  background:#335a6c
}

.nav3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #335a6c;
  border-right:1px solid #335a6c;
}

.nav4{
  border-left:1px solid #8d9ea8;
  border-right:1px solid #8d9ea8
}

.nav5{
  border-left:1px solid #426576;
  border-right:1px solid #426576
}

.navfg
{
  background:#07384f
}


#testimonials
{
width:163px;
color: #93121d;
font-size:12px;
margin-left:10px;
margin-top:10px;
}

.speaker
{
text-align:right;
}


#middle
{
float:left;
margin-left:12px;
}

#photoBox
{
margin-top:-3px;
margin-bottom:13px;
}

#text
{
margin-top:-3px;
background-image:url(/images/text_bg.jpg);
background-repeat:no-repeat;
padding:10px;
color:#212121;
width:502px;
min-height:509px;
}

#rightSide
{
float:right;
margin-left:11px;
margin-right:2px;
margin-top:-3px;
}


#joinCampaignBtn
{
width:234px;
font-weight:500;
color:#fff;
}

.joinCampaign
{
display:block;

}

.joinCampaign *
{
   display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#006c98
}

.joinCampaign1
{
   margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #8ab4c7;
  border-right:1px solid #8ab4c7;
  background:#3c8cad
}

.joinCampaign2
{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #dadfe3;
  border-right:1px solid #dadfe3;
  background:#2e84a7
}

.joinCampaign3
{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #2e84a7;
  border-right:1px solid #2e84a7;
}

.joinCampaign4
{
   border-left:1px solid #8ab4c7;
  border-right:1px solid #8ab4c7
}

.joinCampaign5
{
  border-left:1px solid #3c8cad;
  border-right:1px solid #3c8cad
}

.joinCampaignfg
{
	background:#006c98
}

#emailBg
{
background-image:url(/images/email_bg.jpg);
background-repeat:no-repeat;
background-position:0 2px;
line-height:30px;
padding-left:3px;


}

input.email
{
width: 160px;
border:0;
background-color:#f3ecec;
}



#contributeBtn
{
margin-top:10px;
width:234px;
font-weight:500;
color:#07384f;


}

.contribute
{
padding-left:5px;
text-align:left;
}

#stayConnectedBtn
{
margin-top:10px;
width:234px;
font-weight:500;
color:#07384f;

}

.grayBox
{
display:block
}
.grayBox *
{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#ddd7d7
  }

.grayBox1
{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #e9e2e2;
  border-right:1px solid #e9e2e2;
  background:#e2dcdc
  }

.grayBox2
{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #f0e9e9;
  border-right:1px solid #f0e9e9;
  background:#e1dada
  }

.grayBox3
{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #e1dada;
  border-right:1px solid #e1dada;
  }

.grayBox4
{
  border-left:1px solid #e9e2e2;
  border-right:1px solid #e9e2e2
  }

.grayBox5
{
  border-left:1px solid #e2dcdc;
  border-right:1px solid #e2dcdc
  }

.grayBoxfg
{
  background:#ddd7d7
  }


#newsroom
{
width:214px;
background-image:url(/images/newsroom_bg.png);
background-repeat:no-repeat;
padding:10px;
min-height:500px;
margin-top:20px;
}


/*--------------------- This starts the content styles ---------------------------------------------*/





#footer
{
	clear:both;
	width: 954px;
	height: 67px;
	text-transform:uppercase;
	line-height:18px;
	
	
}

.footerLinks
{
	font-size: 12px;
	font-weight: normal;
	color: #07384f;
	text-align: left;
	width:647px;
	padding:10px;
	display:block;
}

.copyright
{
	margin-top:-50px;
	margin-left:700px;
	margin-right:10px;
	display:block;
	text-align:right;
	color:#93121d;
	
}
	


#footer a
{
	font-size: 12px;
	font-weight: normal;
	color: #07384f;
	
}

#footer a:hover
{
	font-size: 12px;
	font-weight: normal;
	color: #07384f;
	
}





/*-------- This is where all the headers go -----------*/

.header1
{
	font-size: 18px;
	color: #93121d;
	text-transform:uppercase;
	background-image:url(/images/heading_symbol.png);
	background-repeat:no-repeat;
	background-position:right;
	display:compact;
	width:100%;
	padding-right:35px;
}

.header2
{
	margin:0;
	font-size: 13px;
	font-style:italic;
	color: #07384f;
}

.header3
{
	font-size: 12px;
	color: #93121d;
}

.header4
{
	margin:0;
	font-size: 12px;
	color: #93121d;
	text-transform:uppercase;
}

/*.header5

{
	font-size: 13px;
	font-weight: bold;
	color: #000000;
}

.header6
{
	font-size: 11px;
	font-weight: bold;
	color: #9c132e
}

.header7
{
	font-size: 12px;
	font-weight: bold;
	color: #9c132e;
}*/

/*-------- end of headers -----------*/

#marketplace img
{
	border: none;
}

#marketplace #mainContent
{
	background-color: #5686aa;
	background-image:url(/images/background_image.jpg);
	background-repeat: repeat-x;
}
	

/*  CONTACT FORM STYLES
---------------------------------------------------------------------*/





#contactForm {
        float: left;
		width:502px;
min-height:509px;
		color: #666;
		font-size: 11px;
		font-weight: normal;
		
		margin-top:-3px;
		background-image:url(/images/text_bg.jpg);
		background-repeat:no-repeat;
		padding:10px;
		}

		

#contactForm p { font-size: 12px; line-height: 14px; padding-bottom: 15px; }		
		
*html #contactForm {
        float: left;
		width: 500px;
		font-size: 11px;
		color: #666;
		font-weight: normal;
		margin: 10px 25px 0 0px;
		}
		
#contactForm .cleardefault, #directionsInput .cleardefault {
		width: 225px;
		height: 18px;
		font-family:"Gill Sans MT", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
		font-size: 13px;
		line-height: 18px;
		color:#212121;
		background: url(/images/inputBG.gif) no-repeat 0 0 transparent;
		margin-bottom: 5px;
		padding:7px 5px 2px 5px;
		margin-top: 5px;
		border:0;
		
		}

#contactForm .cleardefault.small {
		background: url(/images/inputBG-small.gif) no-repeat 0 0 transparent;
		width: 82px;
}

#contactForm .cleardefault.state {
		background: url(/images/inputBG-state.gif) no-repeat 0 0 transparent;
		width: 62px;
}

#contactForm .cleardefault.large {
		background: url(/images/inputBG-large.gif) no-repeat 0 0 transparent;
		width: 465px;
}



		
.contactBox {
		width: 342px;
		height: 91px;
		color: #775;
		background: url(/images/inputCommentsBG.gif) no-repeat 0 0 transparent;
		font-family:"Gill Sans MT", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
		font-size: 11px;
		line-height: 15px;
		color:#212121;
		border: 0;
		margin-bottom: 5px;
		padding: 7px 5px 2px 10px;
		margin-top: 5px;
		}		

	
	
	

#contactForm select { 	
	padding: 0;
	margin: 0;
	border: 0;
	margin:2px 0 0 3px;
	font-family:"Gill Sans MT", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
		font-size: 11px;
		line-height: 15px;
		color:#212121;
	width: 222px;
	}

	

	#contactForm select option { font-size: 11px; background: #fff; border: 0; }



#contactForm .select { 
	float: left;
	width: 230px;
	margin: 0 10px 0 0px;
	height: 27px;
	background: url(/images/inputBG.gif) no-repeat 0 0px;
	}


#contactForm .small select  { 	
	width: 102px;
	}

	

#contactForm .select.small { 
	width: 110px;
	background: url(/images/inputBG-small.gif) no-repeat 0 0px;
	}


#contactForm .space {
	clear: both;
	padding-top: 10px;
}


#contactForm .field {
	float: left;
	font-family:"Gill Sans MT", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	font-size: 13px;
	line-height: 18px;
	color:#212121;
	text-align:left;
}


#contactForm .field .required {
	color: #c80;
}