/*@import url("drill.css");
*/
/*************************************************************
Drill page specific style sheet

When defining styles, for consistency,
use a similar order for definitions.

1. Display & Positioning (display, position, left, etc.)
2. Box model items (margin, padding, border, etc.)
2a. top right bottom left for box measurements
3. Sizes (width, height) *Don't forget the box model hack
4. Appearance items (background, font, color, etc.)
*************************************************************/

/*************************************************************
Main Styles
*************************************************************/

body
	{
		display: block;
		margin: 0 auto;
		padding: 0;
		border: 0;
		background: #ABE3FF url("/assets/images/body_bg.gif") repeat-y center top;
		font: .7em Verdana, Arial, sans-serif;
		color: #797979;
	}

#contain
	{
		display: block;
		margin: 0 auto;
		padding: 0;
		border: 0;
		width: 981px;
		background: #FFF;                
	}


#contain .clb 
	{ 
		clear: both; 
		height: 1px; 
		visibility: hidden;                      
	}


img
	{
		margin: 0;
		padding: 0;
		border: 0;                                       
	}



/***************************************************************
Header Items
***************************************************************/

#contain .header
	{
		position: relative;
		display: block;
		float: left;
		margin: 0;
		padding: 0;
		border: 0;
		width: 981px;
		height: 103px;
		background: #03ACFE url("/assets/images/contain_header_bg.gif") repeat-x top left ;

	}

#contain .header a.logo
	{
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		margin: 21px 38px 0 38px;
		padding: 0;
	}

#contain .header #utilNav 
	{
		position: absolute;
		top: 0;
		right: 0;
		margin: 10px 0 0 0;
		padding: 0;
		display: block;
	}

#contain .header #utilNav ul
	{
		margin: 0;
		padding: 0;
		list-style:	none;
	}

#contain .header #utilNav ul li
	{
		display: inline;
		margin: 0;
		padding: 0;
		border-right: 1px solid white;
	}

#contain .header #utilNav ul li.noborder
	{
		border: none;
	}

#contain .header #utilNav ul li a
	{
		margin: 0;
		padding: 0 15px 0 12px;
		text-decoration: none;
		color: #FFF;
	}

#contain .header #utilNav ul li a:hover
	{
		text-decoration: underline;
	}

  #contain .header #utilNav ul li.search {
        
            border: none;
        }	
	
#contain .header #utilNav ul li.search form
	{
	 	display: inline;
		padding: 0 8px 0 15px;
	}

#contain .header #utilNav ul li.search form input
	{
		padding: 2px;
	}
	
#contain .header #utilNav ul li.search form input.submit
	{
		padding: 3px;
		font-size: 1em;
		color: #FFF;
		background-color: #0084b2;
		border-top: 1px solid #00aae4;
		border-left: 1px solid #00aae4;
		border-right: 1px solid #006083;
		border-bottom: 1px solid #006083;
	}

#contain .header #mainNav 
	{
		position: absolute;
		top: 0;
		left: 228px;
		float: left;
		display: block;
		margin: 58px 0 0 0;
	}

#contain .header #mainNav ul
	{
		margin: 0;
		padding: 0;
		list-style: none;
	}

#contain .header #mainNav ul li
	{
		float: left;
		display: inline;
		margin: 0 6px 0 0;
		padding: 0;
	}

#contain .header #mainNav ul li a
	{
		display: block;
		height: 40px;
		text-transform: uppercase;
		text-indent: -2000px;
		overflow: hidden;
		background: no-repeat;
	}

#contain .header #mainNav ul li a:hover
	{
		background-position: 0 -40px;
	}
	
#contain .header #mainNav ul li a.about
	{
		width: 103px;
		background-image: url(/assets/images/nav_main_home_about.gif);
	}

#contain .header #mainNav ul li a.work
	{
		width: 141px;
		background-image: url(/assets/images/nav_main_home_work.gif);
	}

#contain .header #mainNav ul li a.people
	{
		width: 159px;
		background-image: url(/assets/images/nav_main_home_people.gif);
	}

#contain .header #mainNav ul li a.campaigns
	{
		width: 114px;
		background-image: url(/assets/images/nav_main_home_campaigns.gif);
	}
	
#contain .header #mainNav ul li a.news
	{
		width: 136px;
		background-image: url(/assets/images/nav_main_home_news.gif);
	}
	

/*************************************************************
Structural Items
***************************************************************/

#structure
	{
		display: block;
		float: left;
		margin: 7px 0 0 0;
		padding: 0 0 60px 0;
		border: 0;
		width: 981px;
		background: #FFF;
	}
	
/*************************************************************
Home Styles
***************************************************************/

#contain #structure .flash-feature
	{
		width: 720px;
		height: 400px;
	}

/*************************************************************
Structural Left
***************************************************************/
	
#contain #structure .left
	{
		float: left;
		display: inline;
		margin: 0 0 0 0;
		width: 720px;
	}

#contain #structure .left .mission
	{
		margin: 8px 0 0 0;
		padding: 0;
		color: #FFFFFF;
		background: #0099ff;
	}

#contain #structure .left .mission h1
	{
		margin: 0;
		padding: 20px 12px;
		line-height: 1.4em;
		font-weight: normal;
		font-size: 2.1em;
		color: #ffffff;
	}

#contain #structure .left .news
	{
		display: block;
		margin: 8px 0 0 0;
		padding: 0;
		background: #FFF url(/assets/images/news_bg.gif) repeat-y 232px 0px;
	}

#contain #structure .left .news .item-title
	{
		position: relative;
		margin: 0;
		padding: 10px 14px;
		background: #abddfe;
		border-bottom: 8px solid #FFF;
	}

#contain #structure .left .news .item-title h1
	{
		display: inline;
		margin: 0;
		padding: 0;
	}
	
#contain #structure .left .news .item-title a.more
	{
		position: absolute;
		top: 8px;
		right: 15px;
		display: inline;
		margin: 0;
		padding: 0 0 0 7px;
		font-weight: bold;
		color: #006699;
		background: url(/assets/images/content_textpub_blt.gif) no-repeat 0 .4em;
	}

#contain #structure .left .news .item-news
	{
		float: left;
		display: block;
		margin: 0;
		padding: 15px 14px 10px 14px;
		width: 210px;
	}

#contain #structure .left .news .item-news.last
	{
		background: none;
	}

#contain #structure .left .news .item-news h2, #contain #structure .left .news .item-news p
	{
		margin: 0;
		padding: 0;
	}
	
#contain #structure .left .news .item-news h2
	{
		margin: .2em 0 .6em 0;
		font-size: 1.2em;
		color: #006699;
	}

#contain #structure .left .news .item-news p.date
	{
		margin: 0;
		padding: 0;
		font-weight: bold;
		color: #66ccff;
	}

#contain #structure .left .news .item-news p
	{
		margin: 0 0 .6em 0;
		padding: 0;
		font-size: 1em;
		line-height: 1.4em;
	}

#contain #structure .left .news .item-news a
	{
		color: #666666;
		text-decoration: none;
	}

#contain #structure .left .news .item-news a:hover
	{
		color: #666666;
		text-decoration: underline;
	}

/*************************************************************
Structural Right
***************************************************************/
	
#contain #structure .right
	{
		float: right;
		display: inline;
		margin: 0 0 0 0;
		padding: 0;
		width: 253px;
	}
	
#contain #structure .right p
	{
		margin: 2px 8px 10px 15px;
		padding: 0;
		color: #003366;
	}
	
#contain #structure .right h2
	{
		margin: 10px 5px 0 15px;
		font-size: 1.15em;
		color: #003366;
	}
	
#contain #structure .right ul
	{
		margin: 0;
		padding: 0;
	}
	
#contain #structure .right li
	{
		margin: 0 25px 10px 15px;
		padding: 0 0 0 12px;
		list-style: none;
		color: #003366;
	}
	
#contain #structure .right a
	{
		color: #003366;
		text-decoration: underline;
	}
	
#contain #structure .right a:hover
	{
		color: #003366;
		text-decoration: none;
	}

#contain #structure .right .box-side
	{
		display: block;
		float: left;
		position: relative;
		margin: 0;
		padding: 20px 0;
		width: 230px;
		background: #F6F6F6 url("/assets/images/right_box_bg.gif") no-repeat bottom left;
	}
	
#contain #structure .right .box-side h1
	{
		margin: 0 0 0 15px;
		padding: 0;
		color: #006699;
		font: bold 1.2em Arial;
		text-transform: uppercase;
	}
	
#contain #structure .right .box-side li
	{
		padding-left: 20px;
		background: url("/assets/images/right_box_blt_pdf.gif") no-repeat 0 8%;
	}
	
#contain #structure .right .box-banner
	{
		display: block;
		float: left;
		margin: 0 0 12px 0;
		padding: 0;
		width: 230px;      
	}
	
#contain #structure .right .box-side .item-news
	{
		margin: 10px 15px;
		padding: 0 0 10px 0px;
		border-bottom: 1px dotted #AEAEAE;
	}
	
#contain #structure .right .box-side .item-news.end
	{
		border: none;
	}

#contain #structure .right .box-side .item-news p
	{
		margin: 5px 0 0 0;
		color: #797979;
	}
	
#contain #structure .right .box-side .item-news p.type-story
	{
		margin-top: 2px;
	}
	
#contain #structure .right .box-side .item-news p.type-date
	{
		color: #81CDFF;
	}
	
#contain #structure .right .box-side .item-news h2
	{
		margin: 2px 0 6px 0;
		font-size: 1em;
		font-weight: normal;
		color: #007AA9;
	}
	
#contain #structure .right .box-side .item-news h3
	{
		margin: 2px 0 0 0;
		font-size: 1em;
		font-weight: bold;
		color: #006699;
	}
	

#contain #structure .right .box-side .item-news li
	{
		margin: 0;
		padding: 0;
		background: none;
	}

#contain #structure .right .box-side .item-news li a
	{
		display: block;
		padding: 5px 10px 10px 12px;
		background: url("/assets/images/right_box_link_blt.gif") no-repeat 0 .8em;
		color: #003366;
	}
	
#contain #structure .right .box-side .item-news li a:hover
	{
		background: #FFF url("/assets/images/right_box_link_blt.gif") no-repeat 0 .8em;
		color: #003366;
	}
	
#contain #structure .right .box-side .item-news a
	{
		padding: 2px 8px 2px 7px;
		color: #797979;
		background: url("/assets/images/right_box_blt_arrow.gif") no-repeat 0 .55em;
	}
	
#contain #structure .right .box-side .item-news a:hover
	{
		color: #FFF;
		background: #CDCDCD;
	}
	
#contain #structure .right .box-side .rss
	{
		position: absolute;
		top: 18px;
		left: 205px;
		margin: 0;
		padding: 0;
		
		
	}
	
#contain #structure .right .box-side .item-photo
	{
		margin: 10px 0 10px 15px;
	}
	

#contain #structure .right .box-side p.item-part-link a
	{
		font-weight: bold;
		text-decoration: underline;
		color: #003366;
	}
	
#contain #structure .right .box-side p.item-part-link a:hover
	{
		text-decoration: none;
	}

#contain #structure .right .box-side.join-us
	{
		position: relative;
		float: left;
		margin: 0 0 8px 0;
		padding: 10px 0 10px 0;
		width: 253px;
		background: #ddf1ff;
	}
	
#contain #structure .right .box-side.join-us form
	{
		margin: 5px 0 0 12px;
		padding: 0;
	}

#contain #structure .right .box-side.join-us input.enter
	{
		padding: 3px 3px;
		border: 1px solid #A9A9A9;
		width: 223px;
		font: .85em Verdana, Arial, sans-serif;
		color:	#A9A9A9;
		background: #FFF;
	}
	
#contain #structure .right .box-side.join-us p
	{
		margin: 9px 0;
		padding: 0;
	}

#contain #structure .right .box-side.join-us p a
	{
		font: bold .9em Verdana, Arial, sans-serif;
		color: #00ABFE;
	}
	
#contain #structure .right .box-side.join-us p a:hover
	{
		text-decoration: none;
	}
	
#contain #structure .right .box-side.join-us .bttn-sub
	{
		float: left;
		display: inline;
		background-color: #FFCCFF;
	}

#contain #structure .right .box-side.join-us .bttn-sub input
	{

		position: absolute;
		top: 54px;
		right: 10px;
		display: inline;
		margin: 0;
		padding: 2px 0 2px 0;
		border: 1px solid;
		border-top-color: #2398de;
		border-left-color: #2398de;
		border-right-color: #003366;
		border-bottom-color: #003366;
		width: 80px;
		font: .9em Verdana, Arial, sans-serif;
		font-weight: bold;
		color:	#FFF;
		background: #2498ff;
/*		 url("/assets/images/left_joinus_bttn.gif") no-repeat 8px 50%;*/
	}

#contain #structure .right .blog
	{
		margin: 0 0 8px 0;
		padding: 0;
		width: 100%;
		background: #dcf1ff;
	}

#contain #structure .right .blog h1
	{
		margin: 0;
		padding: 12px 0 9px 14px;
		background: #abddfe;
	}
	
#contain #structure .right .blog h1 a img
	{
		margin: 0;
		padding: 0;
	}

#contain #structure .right .blog h1 a 
	{
		display: inline;
	}
	
#contain #structure .right .blog h1 a.rss
	{
		margin: 0;
		padding: 0;
		top: 10px;
		right: 0px;
	}

#contain #structure .right .blog h1 a.rss img
	{
	}


#contain #structure .right .blog .item-news.last
	{
		border: none;
		background-image: none;
	}

#contain #structure .right .banners
	{
		margin: 0;
		padding: 0;
		width: 100%;
		background: none;
	}

#contain #structure .right .banners img
	{
		margin-bottom: 8px;
	}

#contain #structure .right .box-side.partners
	{
		display: inline;
		margin: 0;
		padding: 13px 0 10px 0;
		background-image: none;
		width: 100%;
	}

#contain #structure .right .box-side.partners p, #contain #structure .box-side.partners h1
	{
		margin: 0 0 10px 10px;
		padding: 0;
	}

#contain #structure .right .box-side.partners .item-photo
	{
		margin: 0;
		padding: 15px 0;
		text-align: center;
		border-top: 1px solid #FFFFFF;
	}
	
#contain #structure .right .box-side.partners .item-part-link, #contain #structure .right .box-side.partners .item-part-more
	{
		float: left;
		display: inline;
		margin: 5px 0 0 10px;
		padding: 0;
	}

#contain #structure .right .box-side.partners .item-part-more
	{
		float: right;
		
		margin: 0 10px 0 0;
		padding: 5px;

		background: #6b6b6b;
		border: 1px solid;
		border-top-color: #b5b5b5;
		border-left-color: #b5b5b5;
		border-bottom-color: #3c3c3c;
		border-right-color: #3c3c3c;
	}

#contain #structure .right .box-side.partners .item-part-more a
	{
		text-decoration: none;
		font-size: .9em;
		font-weight: bold;
		color: #FFFFFF;
	}
	
	
/***************************************************************
Footer Items
***************************************************************/

#footer
	{
		display: block;
		float: left;
		margin: 20px 0;
		padding: 0;
		width: 981px;
		text-align: center;
		background: #FFF url("/assets/images/footer_bg.gif") repeat-x top left;
	}
	
#footer	ul
	{
		/*margin: 10px 10px 50px 10px;*/
		margin: 10px 20px 50px 20px;
		padding: 0;
		font-size: 9px;
	}
	
#footer li
	{
		display: inline;  
		padding: 0;
	}
	
#footer li.item-phone
	{
		/*margin: 0 165px 0 3px;*/ 
		margin: 0 108px 0 3px;
	}

#footer li.item-link
	{
		margin: 0 10px 0 0;
		padding: 0 10px 0 0;
		border-right: 1px solid #00A8FA;
	}
	
#footer li.item-link-end
	{
		margin: 0;
		padding: 0;
		border-right: none;
	}
	
#footer li a
	{
		font-weight: bold;
		color: #00A8FA;
	}

#contain #structure .left .news .item-news h2 a, #contain #structure .left .news .item-news h2 a:hover
	{
		color: #006699;
	}

#contain #structure .left .message
        {
            padding: 10px 12px;
        }	
#contain #structure .left .message h2
        {
		/*font-size: 1.2em;
		color: #006699;*/
		font-family:Arial, Helvetica, sans-serif;
		font-size:1em;
		color: #333333;
		font-weight:bold;
		line-height:1.6em;
		margin:0;
        }