/* ---------------------------------------

Client: RCSM
Version: 1.0
Author: Rock Creek Strategic Marketing
Website: http://www.rockcreeksm.com

Colors:

Dark Blue: 					#687890;
Light Blue:					#a6b7d2;

------------------------------------------*/


/*--LAYOUT STYLES ---*/

 
.sm #sidebar {
	float:left;
}

.ms #sidebar {
	float:right;
}

.ms #xtra, .sm #xtra {
	display:none;
}

.smx #sidebar {
	float:left;
}

.xms #sidebar {
	float:right;
}

.xms #xtra {
	float:left;
}

.xms #main{
	float:right;
}

.smx #xtra {
	float:right;
}

.sxm #main, .sxm #xtra {
	float:right; 
}
 

.xsm #sidebar{
	margin-left:250px;
}


.xsm #xtra{
	margin-left:-950px;
}



.msx #sidebar{
	margin-left:490px;
}

.msx #main {
	margin-left:-710px;
}

 .mxs #main { 
 	float:left;
 }
 
.mxs #xtra{
	float:left;
}

.mxs #sidebar {
	float:right;
}



/*--- =Lists ----*/

/*-- IMAGE STYLES ----*/
img{
	font-size:1em;
}
img.left-img{ /* Float any image to the LEFT and give it some margin */
	font-size:1em;
	float:left;
	padding:4px;
	border:1px solid #ccc;
	margin-bottom:1.8em;
	margin-right:2em;
	margin-top:0.3em;
}
img.right-img{ /* Float any image to the RIGHT and give it some margin */
	font-size:1em;
	float:right;
	padding:4px;
	border:1px solid #ccc;
	margin-bottom:1.8em;
	margin-left:2em;
	margin-top:0.3em;
}

a img {
	border: none;
}

a img:hover {
	border: none;
}

/*-- Miscellaneous ----*/

.right-float {
float:right;
margin-left:2em;
margin-right:0;
}
.twoeighty { 
margin-right:2em;
width:28em;
}

/* -- BEGIN MODIFICATION BELOW ----*/
body {background:#8acef1 url(../img/bkgd_body.png) repeat-x 0 0; font-family: Arial, Verdana, san serif; }

p, ul, ol{
	color: #333;
	list-style-image: url(../img/arrow_ie6.gif);
}
li {
	padding-top: 2px;
	padding-bottom: 2px;
}
/* =overrides */
h3 {
	font-variant: normal;
}
.container_12 {
	margin-top:0px;
	margin-bottom: 25px;
	background:#fff;
	width: 980px;
}
.container_12 > .gutter{margin-top:0; margin-bottom: 0;}
#header {margin-bottom: 7px; z-index: 3000;}

#header #topPanel { 
	height: 10px;
	position: relative;
}
#header #topPanel h1#title span{
	text-indent: -5000px;
	background: url(../img/logo_top.png) no-repeat 0 0;
	position: absolute;
	
}

#header #topPanel h1#title {
	position: relative;
	background: url(../img/logo_top.png) no-repeat 0 0;
	left: 0px;
	padding-left: 74px;
	font-size: 11px;
	height: 25px;
	color: #444;
	font-size: 1.5em!important;
	font-weight: normal;
}

#header #utility_nav {
	position: absolute;
	top: 5px;
	right: 18px;
	z-index: 1000;
}

#header #utility_nav li {
	display: inline;
}
#header #utility_nav a{
	color: #333;
	font-size: 1.1em;
}  


#header #logoPanel {
	background: url(../img/bkgd_banner.gif) repeat-x 0 0;
	height: 107px;
	overflow: hidden;
	position:relative;
	z-index: -5;
}

#header #logoPanel a:hover {
	border-bottom: none;
}

#header #logoPanel a.meatball-link {
	display:block;
	height:107px;
	width:107px;
	position:absolute;
	top:0;
	left:0;
	margin:0 0 0 15px;
}


/* =search form */
#header #search_form {
	position: absolute;
	z-index: -5;
	right: 0px;
	top: 50px;
	width: 250px;
	height: 43px;
	overflow: hidden;
}

#header #search_form fieldset legend {
	left:0;
position:absolute;
text-indent:-5000px;
top:0;
margin-top:-50px;
width:0;
}

#header #search_form #searchInput label {
	position: absolute;
	z-index: 0;	
}

#header #search_form #searchInput input {
	position: relative;
	z-index: 1;	
	padding: 3px 5px;
	border: 1px solid #aaa;
	top:-3px
}

#header #search_form #searchOn  {
	position: absolute;
	top: 25px;
	left:3px;
	color: #fff;
}
#header #search_form #submitBtn {
	position: absolute;
	top: 0;
	left: 164px;
}

#header #search_form #submitBtn {
	position: absolute;
	top: 0;
	left: 164px;
}

#header #navPanel{
	background: #149204;	
	height: 57px;
	position: relative;
	 
}

/* navigation */
#header #nav {
	background:url(../img/sprites.png) no-repeat 0 -124px;
	width: 175px;
	height: 57px;
}

#header #nav li {
	list-style: none;
	float: left;
	padding-top: 6px;
}


#header #nav > li > a {
	text-indent: -5000px;
	display: block;
	
	height: 51px;
	
}
#header #nav a:hover{
	border: none;
	background:url(../img/sprites.png) no-repeat 0 -190px;
}

#header #nav #explorePlan, #header #navPanel ul li#tab1:hover ul li{
	width: 176px;
	
}



#header #nav a#explorePlan:hover, #header #navPanel ul li:hover a#explorePlan{
	background:url(../img/sprites.png) no-repeat 0 -190px;	
}

#header #nav #ourProgress, #header #navPanel ul li#tab2:hover ul li{
	width: 161px;
}
#header #nav a#ourProgress:hover, #header #navPanel ul li:hover a#ourProgress{
	background:url(../img/sprites.png) no-repeat -176px -190px;	
}

/* sub nav hover */

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/dd_valid.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* common styling */
#header #navPanel {z-index:1000;}
#header #navPanel ul li a, #header #navPanel ul li a:visited {display:block; overflow:hidden; color: #fff;}
#header #navPanel ul {padding:0; margin:0; list-style: none;}
#header #navPanel ul li {position:relative;}
#header #navPanel ul li ul {display: none;}
#header #navPanel ul li ul li {	display: block; position: relative; padding: 0; margin: 0;  text-indent:0; background:#005a9e;}

/* specific to non IE browsers */
#header #navPanel ul li:hover a {color:#fff; }
#header #navPanel ul li:hover ul {display:block; position:absolute; top:57px; left:0; }
#header #navPanel ul li:hover ul li a.hide {color:#fff; text-indent:0; 
	background: url(../img/bullet_yellow_arrow.gif) no-repeat 10px 12px;}

/* My Comment */
#header #navPanel ul li:hover ul li:hover a.hide {color:#fff;	background: #007ec6 url(../img/bullet_yellow_arrow.gif) no-repeat 10px 12px;}
#header #navPanel ul li:hover ul li ul {display: none;}
#header #navPanel ul li:hover ul li a {display:block;  color:#fff;  text-indent:0; padding: 7px 28px 7px 22px; }
#header #navPanel ul li:hover ul li a:hover {background:#007ec6; color:#fff;}
#header #navPanel ul li:hover ul li:hover ul {display:block; position:absolute; top:0; background: #149204;}
#header #navPanel ul li:hover ul li:hover ul.left {left:-105px;}
#header #navPanel ul li:hover ul li:hover ul li {
	background: #005a9e; color: #333;
}
 
 
#header #navPanel  ul li#tab1:hover ul li:hover ul {
	left:175px;
}
#header #navPanel  ul li#tab2:hover ul li:hover ul {
	left:161px;
}

#header #navPanel  ul li#tab3:hover ul li:hover ul {
	left:164px;
}

#header #navPanel  ul li#tab4:hover ul li:hover ul {
	left:152px;
}



#header #nav a#explorePlan:hover, #header #navPanel ul li:hover a#explorePlan{
	background:url(../img/sprites.png) no-repeat 0 -190px;	
}

#header #nav #ourProgress, #header #navPanel ul li#tab2:hover ul li{
	width: 161px;
}
#header #nav a#ourProgress:hover, #header #navPanel ul li:hover a#ourProgress{
	background:url(../img/sprites.png) no-repeat -176px -190px;	
}

#header #nav #ngspResources, #header #navPanel ul li#tab3:hover ul li{
	width: 164px;
	background: 007ec6;
	color: ffffff;
}

#header #nav a#ngspResources:hover, #header #navPanel ul li:hover a#ngspResources {
	background:url(../img/sprites.png) no-repeat -338px -190px;	
}


#header #nav #weHeard, #header #navPanel ul li#tab4:hover ul li{
	width: 152px;
}

#header #nav a#weHeard:hover, #header #navPanel ul li:hover a#weHeard {
	background:url(../img/sprites.png) no-repeat -501px -190px;	
 
}


#header #navPanel .weWantToHearFromYou {
	position: absolute;
	right: 0;
	top:0;
	height: 57px;
	width:286px;
}

#focus_zone .weWantToHearFromYou p{
	font-weight: bold;

}
a.comment_btn{
	background: url(../img/sprites.png) no-repeat 0 -244px;
	width: 98px;
	height: 33px;
	display: block;
	text-indent: -5000px;
}
a.comment_btn:hover{
	background-position: 0 -277px;
	border: none;
	
}

#header #navPanel .weWantToHearFromYou a.comment_btn {
	position: relative;
	left: 20px;
	top: 15px;
}

#header #navPanel .weWantToHearFromYou h2.message {
	position: absolute;
	left: 130px;
	top: 12px;
	text-indent: -5000px;
	width: 146px;
	height: 38px;
	background: url(../img/sprites.png) no-repeat -656px -135px;
}






#sidebar {background:#CCC; height:550px;}
#main {background:#fff; height:auto; }
.gutter {
	margin:10px;
}
#footer{height:35px; margin-bottom:15px; text-align:center; color:#000; }


/* list */
ul li {

}

/* anchors */

a, a:link, a:visited{
	color: #333;
	text-decoration: none;

}
a:hover {
	text-decoration: none;
	color: #000;
	border-bottom: 1px dotted #000;
}


.home #main {
	margin-bottom: 7px;
}

.home #main .gutter {
	margin: 0;
}

/* carousel */
.home #carousel_wrapper {

}


.home #carousel { 
	height: 322px;
	width: 100%;
	overflow: hidden;
}


/* =carousel slides */
.home #carousel li h1{
	color: #fff;
	position: absolute;
	left: 50px;
	top: 46px;
	font-size: 3.2em;
	text-shadow: 2px 3px 5px #000;
	filter: Shadow(Color=#000000,Direction=125,Strength=4);
	width: 800px;
}


.home #carousel li h1 span{
 	font-size: 1.4em;
 	margin-left: 90px;
 	line-height: 1em;
	letter-spacing: -3px;
	filter: Shadow(Color=#000000,Direction=125,Strength=4);
}

.home #carousel li p.summary {
	position: absolute;
	bottom:18px;
	width: 260px;
	color: #fff;
	line-height: 1.4em;
	left:660px;
}

.home #carousel li p.summary a:hover {
	color: #eba921;
	border: none;
}
.home #carousel li p.summary .learnmore{
	font-size: .9em;
	text-transform: uppercase;
	color: #fff; 
	display: block;
	float: right;
	margin-right: 8px;
	margin-top: 5px;
	background: url(../img/white_arrow.png) no-repeat 100% 4px;
	padding-right: 14px;
	height: 14px;
}
.home #carousel li p.summary .learnmore:hover {
	color: #eba921;
	border: none;
	background: url(../img/white_arrow.png) no-repeat 100% -11px; 
}

.home #carousel li{
	height: 322px!important;
	width: 940px!important;
}


/* .misc */

.last {
	border: none!important;
}





.home #carousel #slide1 {
	background: url("../img/carousel_slide1.jpg") no-repeat 0 0;
}

.home #carousel #slide2 {
	background: url("../img/carousel_slide2.jpg") no-repeat 0 0;
}

.home #carousel #slide3 {
	background: url("../img/carousel_slide3.jpg") no-repeat 0 0;
}

.home #carousel #slide4 {
	background: url("../img/carousel_slide4.jpg") no-repeat 0 0;
}

/* carousel nav */
.home #carousel_wrapper #cnav {
	position: absolute;
	background: red;
	width:286px;
	height: 70px;
	top: 17px;
	right: -6px;
	background:url(../img/sprites.png) no-repeat 0 0;
	z-index: 100;	
}  
.home div#cnav a {	  
	display:block;
	position: absolute;
	top: 12px;
	font-size:1px;
	height:47px;
	text-indent:-5000px;
	width:48px; 
	margin-right: 23px ;
	
}

.home div#cnav a:hover {
	background:url(../img/sprites.png) no-repeat 0 -74px;
	border: none;
	
}
.home div#cnav a#n_slide0 {
	left: 28px;
}
.activeSlide {
	cursor:default;
}
.home div#cnav a#n_slide0:hover, .home div#cnav a#n_slide0.activeSlide{
	background:url(../img/sprites.png) -28px -74px; 
}
 

.home div#cnav a#n_slide1 {
	left: 89px;
}
.home div#cnav a#n_slide1:hover,.home div#cnav a#n_slide1.activeSlide{
	background: url(../img/sprites.png) -89px -74px; 
}
 

.home div#cnav a#n_slide2 {
	left: 149px;
	
}
.home div#cnav a#n_slide2:hover, .home div#cnav a#n_slide2.activeSlide  {
	background: url(../img/sprites.png) -149px -74px; 
}

.home div#cnav a#n_slide3 {
	left: 209px;
}
.home div#cnav a#n_slide3:hover, .home div#cnav a#n_slide3.activeSlide  {
	background: url(../img/sprites.png) -209px -74px; 
} 





.home #focus_zone.grid_3 {
	background: url(../img/fz_1.jpg) no-repeat 0 0;
	width: 308px;
	height: 274px;
	overflow: hidden;	
	position: relative;
	border-top:5px solid #17a404;
}

.home #focus_zone .gutter {
	padding: 21px 17px 0;
}


.home #focus_zone .weWantToHearFromYou { 
	height: 170px;	
}


.home #focus_zone .weWantToHearFromYou h3  {
	font-size: 2.2em; 
	text-transform: uppercase;
	margin-bottom: 4px;
	line-height: 1em;
	color: #1b6e9e;

}

.home #focus_zone .weWantToHearFromYou p{
	font-size: 1.4em;
	color: #1b6e9e;
}

.home #focus_zone #social_media {
	position: absolute;
	top: 215px;
	height: 46px;
	left: 0;
	width: 100%;
}

.home #focus_zone #social_media h3{
	width: 130px;
	
	font-size: 1.7em;
	text-align: right;
	color: #025c91;
	margin-left: 25px;
	margin-top: 10px;
}


.home #focus_zone #social_media #socialMediaLinks{
	width: 124px;
	position: absolute;
	left: 170px;
	top: 0;
	background: url(../img/border_blue_gradient.gif) no-repeat 0 0;
	height: 80px;
	padding-left: 14px;
}

.home #focus_zone #social_media #socialMediaLinks ul{
	background: url(../img/sprites.png) no-repeat 0 -311px;
	width: 120px;
	height: 80px;
}
.home #focus_zone #social_media #socialMediaLinks ul li{
	float: left;
	display: block; 
	width:25px;
	height: 26px;
	margin-right: 14px;
	margin-bottom: 6px;
}

.home #focus_zone #social_media #socialMediaLinks ul li a{
	display: block;
	width:25px;
	height: 26px;
	text-indent: -5000px;

}

.home #focus_zone #social_media #socialMediaLinks ul li a:hover {
	border: none;
}


.home #media_zone.grid_9 {
	width: 623px;
	margin-left: 9px;
	overflow: hidden;
	background-color: #004c82;
	background-image: url(../img/player_bg.png);
	height: 260px;
	background-repeat: no-repeat;
}

.home #media_zone .gutter {
	padding: 13px 12px;
	
}


.home #media_zone .description {
	width: 261px;
	position: absolute;
	left: 340px;
	top: 34px;
	overflow: hidden;
	color: #fff;
	height: 259px;
	
}
.home #media_zone .description p{
	color: #fff;
}

.home #media_zone .description h3{
	margin-bottom:13px;
	color: #fff;
	font-size:1.4em;
}

.home #media_zone .description a {
	color: #c1e7f4;
	text-decoration: none;
	font-weight: bold;
	position: relative;
	bottom: 2px;
}

.home #media_zone img {
	left: 60px;
	top: 20px;
	position: relative;
}

.home #media_zone .description a:hover {
	color: #fff;
	border-bottom: 1px dotted #fff;
}


.home #loading_screen span{
	background: url(../img/progress.gif) no-repeat 0 -2px;
	padding-left:30px;
	position: absolute;
	left: 47%;
	top: 48%;
	color: #fff;
	display: block;
	height: 40px;
	padding-top: 6px;
	font-size: 1.2em;
}

.home #loading_screen {
	background: url(../img/loading_screen.jpg) no-repeat 0 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1000;
	height: 322px;
}

#footer {
	margin-bottom: 20px;
}

#footer_nav {
	margin-right: 10px;
	float: right;
	color: #333;
}

#footer_nav li {
	display: inline;
}


/* -- Jquery TABLE STYLES ----*/
 
#main table  {
border:1px solid #BBBBBB;
margin-bottom:10px;
width:100%;
border-collapse: collapse;
border-spacing: 0;
font-size: 1.2em;
line-height: 1.5em;
}

#main  thead th.table-head {
background:none repeat scroll 0 0 #555555;
border:1px solid #555555;
color:#FFFFFF;
font-size:1em;
font-weight:normal;
text-transform:uppercase;
}

#main  thead th {
background:none repeat scroll 0 0 #BBBBBB;
border-bottom:2px solid #888888;
padding:0.4em 1em 0.2em;
}

#main th, #main td {
padding:0.2em 1em;
text-align:left;
}


#main tfoot tr.total th {
text-transform:uppercase;
}
#main tfoot tr.total th,#main  tfoot tr.total td {
border-top:6px double #666666;
}
#main tfoot th, #main tfoot td {
background:none repeat scroll 0 0 #EEEEEE;
border-top:2px solid #666666;
}

#main tbody tr.odd th, #main tbody tr.odd td {
background:none repeat scroll 0 0 #FFFFFF;
}
#main tbody th, #main tbody td {
background:none repeat scroll 0 0 #EEEEEE;
border-bottom:1px solid #BBBBBB;
border-top:1px solid #BBBBBB;
}




/* forms */

.form fieldset  {
	background:none repeat scroll 0 0 #efefef;
	border:1px solid #BBBBBB;
	margin-bottom:10px;
	padding:10px;
	position:relative;
}

.form legend  {
	background:none repeat scroll 0 0 #FFFFFF;
	border:1px solid #BBBBBB;
	font-size:1.1em;
	padding:0.4em 0.8em;
}

.form p label {
	display: block;
}

.form input.text {
	width: 200px;
}