/* -------------------------------------------------------------
	CSCSO.
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Description:	Screen Style
	Filename:		style.css
	Version:		1.0
	Date:			01 September 2009
-------------------------------------------------------------
*/


/* -------------------------------------------------------------
	Semantic Elements / Defaults
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

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;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

html{
height: 100%;
overflow: -moz-scrollbars-vertical;
overflow-x: auto;
}

body {
	background: #93a189;
	font-family: Georgia, Times, serif;
	font-size: 62.5%;
	color: #1e4f6a;
	text-align: center;
	border-top:4px solid #2a423c;
}

#index{width:980px;margin:0 auto;text-align:left}
b, strong {font-weight: bold;}

.brand a{
display:block;
width:317px;height:122px;
text-indent:-9999em;
border-right: 1px solid #cddec6;
float:left;
background: url(/images/cscsoLogo.png) no-repeat;
}
#nav{
float:left;
width: 662px;height:122px;
overflow:hidden;
background: #fff url(/images/navBorder.gif) no-repeat 22px 56px;
}
#smallNav{margin: 36px 0 0 19px;}
#smallNav li, #mainNav li{float:left;list-style:none;}
#navHome, #navContact, #navDonations,
#navHome_active, #navContact_active, #navDonations_active{
display:block;
height: 9px;
text-indent: -9999em;
background: url(/images/nav.png) no-repeat -10px 0px;
margin-right: 17px;
width: 54px;
}
#navHome:hover{background-position: -8px -50px;}
#navHome_active{background-position: -10px -100px;}
#navContact, #navContact_active{
width:78px;
background-position: -81px 0px;
}
#navContact_active{background-position: -81px -100px;}
#navContact:hover{background-position: -79px -50px;}
#navDonations, #navDonations_active{
width:80px;
background-position: -176px 0px;
}
#navDontations_active{background-position: -176px -100px;}
#navDonations:hover{background-position: -174px -50px;}

#mainNav{clear:both;float:left;margin: 13px 0 0 9px;}
#navServices, #navLocations, #navEmployment, #navCscso, 
#navServices_active, #navLocations_active, #navEmployment_active, #navCscso_active{
display:block;
float:left;
height: 28px;
text-indent: -9999em;
background: url(/images/nav.png) no-repeat 0px -22px;
margin-right: 17px;
width: 80px;
}
#navServices:hover{background-position: 2px -72px;}
#navServices_active{background-position: 0px -122px;}

#navLocations{width:97px;background-position: -97px -22px;}
#navLocations:hover{background-position: -95px -72px;}
#navLocations_active{width:97px;background-position: -97px -122px;}

#navEmployment{width:229px;background-position: -211px -22px;}
#navEmployment:hover{background-position: -209px -72px;}
#navEmployment_active{width:229px;background-position: -211px -122px;}

#navCscso{width:168px;background-position: -457px -22px;margin-right:0px;}
#navCscso:hover{background-position: -455px -72px;}
#navCscso_active{width:168px;background-position: -457px -122px;margin-right:0px;}

#mainMessage{
height:300px;
clear:both;
overflow: hidden;
background: #000000;
}
#messageCover{
position: relative;
z-index: 10;
margin-top: -142px;
}

#content{
width: 933px;
float:left;
margin-top: -3px;
padding: 50px 19px 32px 28px;
font-size: 1.35em;
line-height: 1.8;
background:#fff url(/images/contentBottomBg.png) no-repeat bottom;
}
#content p{
margin-bottom: 10px;
}
#leftCol{
float:left;
width: 608px;
margin-right: 18px;
font-family:arial;
font-size: 1.2em;
}
#home #leftCol h2{
font-family: Trebuchet MS, Helvetica, Arial, sans-serif;
color:#1e4f6a;
font-size: 1.5em;

/*height: 23px;
margin: 0 0 15px 0;
text-indent: -9999em;*/
/*background:url(/images/title_welcome.gif) no-repeat;*/
}
#leftCol #welcomeLinks{
float:right;
}
#leftCol #welcomeLinks .contactLink, #leftCol #welcomeLinks .learnLink{
display:block;
float:left;
height: 25px;
width: 88px;
text-indent: -9999em;
background: url(/images/contactLink.png) no-repeat 0 0;
}
#leftCol #welcomeLinks .learnLink{background-position:-88px 0;}
#leftCol #welcomeLinks .contactLink:hover{background-position:0 -25px;}
#leftCol #welcomeLinks .learnLink:hover{background-position:-88px -25px;}
#rightCol{
width: 279px;
float:left;
padding: 0 0 0 28px;
background: url(/images/rightColBg.gif) no-repeat;
}
#leftCol ul{margin-left: 15px;}
#home #rightCol h2{
height: 27px;
margin: 0 0 15px 0;
text-indent: -9999em;
background:url(/images/titleHistory.gif) no-repeat;
}
#rightCol .servicesLink{
display:block;
float:right;
height: 25px;
width:98px;
text-indent: -9999em;
background: url(/images/servicesLink.png) no-repeat 0 0;
}
#rightCol .servicesLink:hover{background-position:0 -25px;}
#footerWrap{
clear:both;
height: 230px;
background: url(/images/footerBg.png) no-repeat 50% top;
}
#footer{width:980px;margin: 0 auto;text-align:left;}
#footer ul{
list-style: none;
text-indent:-9999em;
}
#footerHiring, #footerMission, #footerDonate{
float:left;
width: 322px;
height: 163px;
margin: 0 7px 22px 0;
background: url(/images/footerButtonHiring.png) no-repeat 0 0;
}
#footerMission{background: url(/images/footerButtonMission.png) no-repeat 0 0;}
#footerDonate{background: url(/images/footerButtonDonate.png) no-repeat 0 0; margin-right:0px;}
#csLogo{
display:block;
width:124px;
height:28px;
float:left;
text-indent: -9999em;
background: url(/images/csLogo.png) no-repeat 0 0;
}
#csLogo:hover{background-position: 0 -28px;}
#footerLinks{
display:block;
float:right;
margin: 3px 0 20px 0;
width: 227px;height:30px;
text-indent: -9999em;
background: url(/images/footerLinks.png) no-repeat 10px 5px;
}
#footerHome, #footerContact, #footerPolicy{
display:block;
float:left;
height: 20px;
width: 47px;
margin-right: 7px;
}
#footerContact{width:76px;}
#footerPolicy{width:90px;margin-right:0px;}

.fLeft{
float:left;
margin: 10px 20px 10px 0;
}
.fRight{
float:right;
margin: 10px 0 10px 20px;
}
#innerMessage{height:230px;clear:both;}	
#inner #content{padding-top:30px;}
#inner #leftCol h2{
font-family: Trebuchet MS, Helvetica, Arial, sans-serif;
color:#1e4f6a;
font-size: 1.7em;
}
#inner #leftCol a{
color: #4098b2;
}
#inner #rightCol{
width: 269px;
}
#inner #rightCol h3{
font-family: Trebuchet MS, Helvetica, Arial, sans-serif;
color:#1e4f6a;
margin: 10px 0 10px 0;
font-size: 1.4em;
}
#inner #rightCol #subNav{margin:40px 0 40px 0;}
#inner #rightCol #subNav li{list-style:none;}
#inner #rightCol #subNav li a{
display:block;
font-size: .9em;
background: #eaf5fe;
margin-bottom: 1px;
text-decoration: none;
color:#748469;
padding: 5px 13px 5px 13px;
}
#inner #rightCol #subNav li a:hover{
text-decoration:underline;
}
#inner #rightCol #subNav li a.active{
color:#2a423c;
}
blockquote{
color:#424242;
font-style: italic;
font-size: 1.2em;
line-height: 1.4;
}
#policy{
font-size: .7em;
}
#applyForm{
font-family:arial, sans-serif;
width: 515px;
margin-bottom: 30px;
}
#applyForm input[type="text"],
#applyForm textarea{
border: 2px solid #afbca6;
font-size: 1em;
padding: 5px;
margin: 0 0 5px 0;
font-weight:bold;
color:#fff;
background: #93a189;
}
#applyForm textarea{
width: 500px;
overflow: auto;
font-family:arial, sans-serif;
}
#applyForm label{
display:block;
color:#1e4f80;
font-size: 1.1em;
margin: 10px 0 5px 0;
}
#applyForm #formSubmit{
display: block;
clear:both;
width: 98px;
height: 30px;
font-size: 0;
text-decoration: none;
color: #eaf5fe;
cursor:pointer;
margin-top:10px;
border: 2px solid #c6d6e4;
background: url(/images/submitBg.gif) no-repeat 0 0;
}
#applyForm #formSubmit:hover{
background-position: 0 -25px;
}