/* CSS Document */


/* Standard Styles
----------------------------------------------------------------------- */
body {
	font-weight: normal;
	padding: 0px;
    font-size:0.875em; /* 16x.875=14 */
    line-height:1.25em; /* 16×1.25=20 */
	background-color: #DA7C23;
	font-family: Verdana, Arial, Helvetica, sans-serif, "Century Gothic";
	color:#555555;
	*font-size:small;
	*font:x-small;
}

html, body {
	height: 100%;
  	margin: 0 0 1px;
}

#bodywrapper {
	position: relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -140px; /* the bottom margin is the negative value of the footer's height */
}


/*Opacity Effect works on IE 5.5+ and Mozilla Browsers*/

.opacityit img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}

.opacityit:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
-moz-opacity: 0.6;
}

/*------- Styles for the Rates Table -----*/

#ratestable {
	table-layout:fixed;
	padding-bottom:20px;
	width:auto;
}

#ratestable thead th {
	font-weight:normal;
	color:#f60;
	padding:0px 20px 5px 5px;
	text-align:left;
	border-bottom:2px solid #666;
}

#ratestable tbody td {
	padding:10px 20px 10px 5px;
	border-bottom:2px solid #666;
}

/* New Styles
----------------------------------------------------------------------- */
a.sitemap {
	font-family: Verdana, Arial, Helvetica, sans-serif, "Century Gothic";
	font-size:12px;
	text-decoration: none;
	font-weight: normal;
	color: #000000;
	}

/* Primary Navigation Styles
------------------------------------------------------------------------ */
#primaryNavWrapper{
	height: 42px;
	background:none;
}
#primaryNav{
	position: relative;
	width: 960px;
	height: 40px;
	border: 2px solid #000;
	background-color: #28a8c0;
	margin: auto;
	z-index:2;
}
#primaryNav ul{
	list-style: none;
	padding: 0px;
	margin: 0px;
}
#primaryNav ul li{
	font-family: Verdana, Arial, Helvetica, sans-serif, "Century Gothic";
	font-size:14px;
	float: left;
	padding: 0; 
	margin: 0;
}

#primaryNav ul li a:hover{
	background-color: #eecf29;
	color: #000;	
}


/* Son of Suckerfish Styles
------------------------------------------------------------------------ */


#nav, #nav ul {
	float: left;
	list-style: none;
	padding: 0;
	margin: 0px;	
}


#nav a {
	padding-left: 27px;
	padding-right: 27px;
	background-color: #28a8c0;
	display: block;
	color: #fff;
	border: solid #000;
	border-width: 0px 2px 2px 0px;
	line-height: 40px;
	text-decoration: none;
}


#nav ul li a {
	padding-left: 27px;
	padding-right: 0px;
	margin-top:-2px;
	margin-left:-2px;
	font-size: 12px;
	display: block;
	color: #fff;
	border-style: solid;
	border-color: #000;
	border-width: 2px 2px 0 2px;
	line-height: 40px;
	text-decoration: none;
}

#nav ul li {
	float: left;
	padding: 0;
	border-color: #000;
	border-style: solid;
	border-width: 0px 0px 2px 0px;
 	width: 278px;
}

#nav li ul {
	position: absolute;
	background: #000000;
	left: -999em;
	height: auto;
	width: 260px;
	font-weight: normal;
	border-width: 0 0 0 2px;
	line-height: 30px;
	border-style: solid;
	border-color: #000;
	margin: 0;
}

#nav li li {
	padding-right: 0px;
	background: #000000;
	
}

#nav li ul a {
	width: 250px;
	padding-right: 0px;
}

#nav li ul ul {
	margin: 0px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li:hover {
	background: url(../images/nav_over.png) repeat-x;
}

#nav ul:hover {
	background-color: #005d95;
}

#nav #currentpage .levelone {
	background-color: #000;
	color:#eecf29;
}

/* Mootools Animated Sidebar
------------------------------------------------------------------------ */

#sidebar { width:200px}

#sidebar ul {
	list-style: none;
}

#sidebar a, #sidebar h3.cat {
	width: 140px;
	display: block;
	padding: 3px 5px 3px 20px;
	margin: 5px 0;
	text-decoration: none;
}

#sidebar a {
	color: #005d95;
}

#sidebar a.big, #sidebar h3.cat {
	padding: 4px 5px 4px 40px;
	margin: 8px 0;
}

#sidebar h3 {
	font-size: 13px;
}

#sidebar h2.cat {
	color: #ff6600;
	padding: 0px 0px 4px 0px;
	text-shadow: 0px 0px 0px 0px #fff;
}

#sidebar a.big {
	color: #fff;
}


/* Mast Head Styles
------------------------------------------------------------------------ */

#mastheadbackground {
	width:100%;
	background-color: #023960;
	height:auto;
    text-align: center;
	
}

#mastheadwrapper {
	width:1060px;
	height:auto;
	background: url(../images/mastshadow.png) repeat-y;
    text-align:left;
	margin:auto;
}

#header {
	width: 960px;
	padding: 0px;
	background-color: #000;
	margin: auto;
	height:200px;
	border: solid #000;
	margin-top:2px;
	border-width: 0px 2px 2px 2px;
}


#my_slideshow {
	width:960px;
	height:200px;
	z-index:1;
}

/* Page Structure
------------------------------------------------------------------------ */

/* Underlayer - This layer sits beneath the site to fill in the background
area when the footer sticks to the bottom
------------------------------------------------------------------------ */

#underlayer {
	position:absolute;
	z-index:0;
	width:100%;
	background-color: #da7c23;
	min-height: 100%;
	height: auto !important;
	height: 100%;    text-align: center;
	
}
#underwrapper {
	position:absolute;
	width:1060px;
	margin-left: -530px;
	left: 50%;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	background: url(../images/bkgdshadow.gif) repeat-y;
}


/* contentarea
------------------------------------------------------------------------ */

#contentbackground {
	width:auto;
	background-color: #da7c23;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	text-align: center;
	
}
#contentwrapper {
	width:1060px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	background: url(../images/bkgdshadow.gif) repeat-y;
	padding: 0;
	margin: 0 auto;
    text-align: left;
}
#content {
	width: 960px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	padding: 0;
	margin: 0 auto;
	text-align: left;
}




/* Footer Styles
------------------------------------------------------------------------ */
#footerbackground {
	position: relative;
	height:140px;
	width:100%;
	background-color: #da7c23;
    text-align: center;
	margin: auto;
	
}


#footerwrapper {
	position: relative;
	width:1060px;
	height:140px;
	background: url(../images/bkgdshadow.gif) repeat-y;
	margin: 0 auto;
}

#footer {
	position: relative;
	width: 100%;
	margin: auto;
	color:#000;
	height:120px;
	padding-top:20px;
	text-align:center;
	font-size:12px;
}

#footer a {
	text-decoration: none;
}

#footer a:link {
	color: #005d95;
}

#footer a:linked {
	color: #005d95;
}

#footer a:hover {
	text-decoration: none;
	color: #ff6600;
}



/* Stickyfooter 
------------------------------------------------------------- */

#push {
	height: 140px; /* .push must be the same height as .footer */
	
}

/* Columns Home 
------------------------------------------------------------- */

#homecontent {
	width: 960px;
	margin: 0 auto;
	background-color: #fff;
	text-align: left;
	border-color: #000;
	border-style: solid;
	border-width: 0px 2px 2px 2px;
}

.homeleft {
	width:173px;
	height:442px;
	float:left;
	padding:20px;
	margin: 0;
	background:#d92600;
	border-color: #000;
	border-style: solid;
	border-width: 0px 2px 0px 0px;
	cursor: pointer;/* modern browsers */ 
	cursor: hand; /* IE 5.0 */ 
}

.homeleft:hover {
	opacity: 0.8;
	-moz-opacity: 0.8;
	filter: alpha(opacity=80);
}

.missionLabel {
color: #FFFFFF;
position:relative;
top:65px
}


.hometopright {
	width:705px;
	height:120px;
	float:left;
	background:#924a07;
	backgroundckground: url(../images/home/programs1.gif) repeat-y;
	padding:20px;
	border: solid #000;
	border-width: 0px 0px 2px 0px;	
	cursor: pointer;/* modern browsers */ 
	cursor: hand; /* IE 5.0 */ 
}

.hometopright:hover {
	opacity: 0.8;
	-moz-opacity: 0.8;
	filter: alpha(opacity=80);
}

#articleListContainer {
	width:217px;
	height:310px;
	float:left;
	padding:10px 10px 0px 10px;
	background-color: #000;
}

#contentContainer {
	background-color: #eecf29;
	color:#000000;
	overflow:auto;
	width:466px;
	height:280px;
	float:left;
	padding:20px;
	background-color: #eecf29;
	border: solid #000;
	border-width: 0px 0px 0px 2px;
}

.homebottomleft {
	width:680px;
	height:160px;
	float:left;
	padding:20px;
	margin: 0;
	background:#e1952a;
	background: url(../images/home/getinvolved1.gif) repeat-y;
	border: solid #000;
	border-width: 2px 2px 0px 0px;	
	cursor: pointer;/* modern browsers */ 
	cursor: hand; /* IE 5.0 */ 
}

.homebottomleft:hover {
	opacity: 0.8;
	-moz-opacity: 0.8;
	filter: alpha(opacity=80);
}

.homebottomright {
	width:198px;
	height:160px;
	float:left;
	padding:20px;
	background:#fe5400;
	background: url(../images/home/contact1.gif) repeat-y;
	border: solid #000;
	border-width: 2px 0px 0px 0px;	
	cursor: pointer;/* modern browsers */ 
	cursor: hand; /* IE 5.0 */ 
}

.homebottomright:hover {
	opacity: 0.8;
	-moz-opacity: 0.8;
	filter: alpha(opacity=80);
}

* html #homeleft, * html #homeright {width:178px;wid\th:159px;}
* html #homecenter {width:400px;wid\th:380px;}
* html #menu {height:2em;}


/* Articles Loader
------------------------------------------------------------------------ */

	
#contentContainersave {
	
	/* CSS HACK */
	width: 497px;	/* IE 5.x */
	width/* */:/**/480px;	/* Other browsers */
	width: /**/480px;
	
	/* CSS HACK */
	height: 412px;	/* IE 5.x */
	height/* */:/**/390px;	/* Other browsers */
	height: /**/390px;
}

#articleListContainer{	/* <ul> container for article list */
	overflow:auto;	
}

.articleList{
	margin:0px;
}

.articleList li{	/* General layout article in list */
	list-style-type:none;
	border:0px solid #999;
	background-color:#000;
	height:auto;
	margin:0px 0px 0px 0px;
	padding:5px 0px 5px 10px;
	color:#005d95;
	cursor:pointer;
}

.articleList li.articleMouseOver{	/* Mouse over article in list - layout */
	color:#ff6600;
}

.articleList li.articleClick{	/* Active article in list - layout */
	background-color:#eecf29;
	color:#000;
}

.articleList li.articleMouseOut{	/* Mouse over article in list - layout */
	color:#005d95;
}

.clear{
	clear:both;
}

img{
	border:0px;
}



/* Columns 
------------------------------------------------------------- */


#left {
	width:240px;
	margin-right:20px;
	float:left;
	padding:10px;
	background:#fff;
	border-right:0px solid #333;
}

#center {
	width:600px;
	float:left;
	padding:10px;
}

#rightwide {
	width:600px;
	float:left;
	padding:10px;
	background:#fff;
	border-left:0px solid #333;
}

#rightchannel {
	width:220px;
	float:left;
	padding:10px;
	background:#fff;
	border-left:0px solid #333;
}

* html #left, * html #right {width:178px;wid\th:159px;}
* html #center {width:400px;wid\th:380px;}
* html #menu {height:2em;}


/* Form Styles
------------------------------------------------------------------------ */

#mainForm{
	padding: 0px;
	margin: 0px;
}

#mainForm div label{
	display: block;
	width: 80px;
	text-align: right;
	padding-right: 5px;
	float: left;
}

#message{
	border: 1px solid #000;
	background: #990000;
	padding: 10px;
	color: #fff;
	text-align: center;
	font-weight: bold;
}

/* table styles */
table a,
table a:link,
table a:visited {
	border:none;
	}							
	
table.perf {
	border-top:1px solid #e5e5e5;
	border-right:1px solid #e5e5e5;
	margin:2em 0em 4em 0em;
	border-collapse:collapse;
}
	
table.perf tr.odd td	{
	background:#e7edf1;
}

table.perf tr.odd .column1	{
	background:#e7edf1;
}	

table.perf .column1	{
	background:#f9fcfe;
	width:300px;
}

table.perf td {
	color:#678197;
	border-bottom:1px solid #e5e5e5;
	border-left:1px solid #e5e5e5;
	padding:.3em 1em;
	text-align:center;
}				

table.perf th {
	font-weight:normal;
	font-size:16px;
	color: #678197;
	text-align:left;
	border-bottom: 1px solid #e5e5e5;
	border-left:1px solid #e5e5e5;
	padding:.3em 1em;
}							

table.perf thead th {
	background:#ffffff;
	text-align:center;
	font:"Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	color:#66a3d3
}	

table.perf tfoot th {
	text-align:center;
	background:#f4f9fe;
}	

table.perf tfoot th strong {
	font:"Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	margin:.5em .5em .5em 0;
	color:#66a3d3;
}		

table.perf tfoot th em {
	color:#f03b58;
	font-weight: bold;
	font-size: 1.1em;
	font-style: normal;
}	


/* YUI Reset and Fonts
------------------------------------------------------------------------ */

/*reset.css*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
}

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

fieldset {
	border:0;
}

img {
	padding:0px;
	margin:0px;
	border-style: none;
}


td {
	vertical-align:top;

} 

ul {
	list-style: none;
	padding: 0;
	margin: 0;
}


address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}

ol,ul {
}

caption,th {
	text-align:left;
}

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
	
}

q:before,q:after {
	content:'';
}

abbr,acronym {
	border:0;
}

/*fonts.css*/

table {
	font-size:
	inherit;
	font:100%;
}

select, input, textarea {font:99% arial,helvetica,clean,sans-serif;
}

pre, code {font:115% monospace;*font-size:100%;
}


/* Base Typograhy Settings */


/* Body */
:focus {
	outline:0;
}


/* Headings */

.pageLabel { /* formerly the h10 */
	font-size: 2em;
	color: #000;
	margin: 0;
	line-height: 1.25em; /* 16×1.125=18 */
}


h1 {
	color: #000;
	margin:30px 0 20px 0;
    line-height:1.25em; /* 16×1.125=18 */
}

.articleheadline {
	color: #000;
	font-size:2.25em;
	margin:0px 0 20px 0;
    line-height:1.25em; /* 16×1.125=18 */
}

h2 {
	color: #000;
	margin:20px 0 10px 0;
    line-height:1.25em; /* 16×1.125=18 */
}

h3, h4, h5, h6, h7 {
	color: #000;
	margin:0px 0 0px 0;
    line-height:1.25em; /* 16×1.125=18 */
}

h1 {font-size:2.25em;}
h2 {font-size:1.7em;}
h3 {font-size:1.2em;}
h4 {font-size:1.1em;}
h5 {font-size:1em;}
h6 {font-size:0.9em;}
h7 {font-size:0.8em;}

/* Paragraph Text */
p, pre {
    line-height:1.25em; /* 16×1.125=18 */
	margin:10px 30px 10px 0px;
}	

p2 {
	font-size:.9em;
	margin:10px 40px 10px 0px;


}
	
/* Block Level Type Styles */
blockquote {margin:1em 2em 1em 1em;}
address {} del {} ins {} pre {}

/* Inline Type Styles */
abbr, acronym { border-bottom: 1px dotted #333; cursor: help; }
strong {font-weight:bold;}
em, dfn, cite {font-style:italic;}

/* Tables */


/* Forms */
form {margin:.25em 0 1em 0;}
label {display:block;font-size:.94em;}
fieldset {border:1px solid #000;padding:.5em 1em;margin:.25em 0 1em 0;}
legend {font-weight:bold;color:#000;}

/* Links */

a:link	{
	color: #005d95;
	font-weight:bold;
	text-decoration:none;
}

a:visited {
	color: #005d95;
	font-weight:bold;
	text-decoration:none;
} 

a:hover   {
	color:#ff6600;
	font-weight:bold;
	text-decoration:none;
} 

a:active  {
	color: #005d95;
	font-weight:bold;
	text-decoration:none;
}

.clear {
	clear:both;
}

/* Lists */


.bullets {
	list-style-image: url(../images/mybullet.gif);
	font-size:12px;
	padding-left: 12px;
	margin-bottom:6px;
}