@charset "UTF-8";
/* =CALL LIBRARY */
	@import url("reset-min.css"); /* ------- Reset all CSS Styles */

/* =GENERAL - the general styles */
	body{
	color: #FFF;
	background: #1E1E1E url(../images/bg_patterns.gif);
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 62.5%;
	line-height: 2em;
	}
	a{text-decoration: none;color: #5599a7;}
	a:hover{color: #bb800f;}
	.hide,hr{display: none;}
	strong{font-weight: bold;}
	

/* =LAYOUT - the main layout styles */
	/* for the rounded top */
	#containertop{
		position: absolute;
		width: 902px;
		margin: -10px auto 0 auto;
		height: 10px;
		font-size:0.1em;
		background:url(../images/container_top.png) left bottom no-repeat;
	}
	* html #containertop{behavior: url(/Stylesheets/iepngfix.htc);} /* to correct transparent png in IE */
	/* container */
	#container{
	width: 902px;
	margin: 44px auto 0 auto;
	padding-bottom:10px;
	background-color: #171717;
	background-image: url(../images/bg_container.png);
	}

	/* Social Media Buttons */
    .socialmedia{
	padding: 0px 25px 0px;
	float: right; 
	}


/* =HEADER */
	/* Logo and Site Title */
	h1{
		font-size: 2.4em;
		text-transform: uppercase;
	}
	h1 a,h1 a:hover{
		display: block;
		width: 300px;
		height: 30px;
		padding-top:10px;
		/*
		background: url(../images/logo-1.gif) 0 0 no-repeat;*/
		padding-left:22px;
		color: #FFFFFF;
	}

/* =TOP NAVIGATION and SEARCH */
	/* top navigation */
	#navigation_wrapper{
	height: 37px;
	width: 861px;
	margin: 70px auto 20px auto;
	background-color: #333;
	background-image: url(../images/nav_bg.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
	}
	#navigation{
		float: left;
		padding-left:7px;
		height: 37px;
		background: url(../images/navigation_left.gif) left top no-repeat;
	}
	#navigation li{
		float: left;
	}
	.menu-item, .menu-item-selected, .menu-item-hover{
	cursor:pointer;
	padding: 7px 15px 8px 10px;
	height: 20px;
        width: 158px;
	font-family: "Trebuchet MS";
	font-size: 1em;
text-transform:uppercase;
	font-weight: bold;
	letter-spacing:-0.03em;
	color: #B1B1B1;
	}
	.menu-item-hover, .menu-item-selected{
	color: #FFF;
	background-color: #444;
	background-image: url(../images/nav_hover_bg.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
	}
#submenu-first{margin-top:11px; border-top:0;}

.submenu-item{background:#000;width:150px; }
	.submenu-item, .submenu-item-selected, .submenu-item-hover{
		 width: 175px;
min-height: 30px; /* set height to min-height */ 
cursor: pointer; 
text-decoration: none; 
word-wrap: break-word; /* add word wrap */ 

cursor:pointer; padding: 7px 7px 0px 7px;
		

		float: left;
		font-family: "Trebuchet MS";
		font-size: 1.11em;
text-transform:uppercase;
		font-weight: bold;
		letter-spacing:-0.03em;
		color: #b1b3ab; 
border-top:1px solid #333;
	}
	.submenu-item-hover,.submenu-item-selected{
		color: #FFF;
		background: #444;
	}
	/* search */
	#search_wrapper{
		float: right;
		height: 30px;
		padding:7px 10px 0 0;
		background: url(../images/navigation_right.gif) right top no-repeat;
	}
	.search{
	background: #FFFFFF;
	border: 1px solid #212121;
	width: 160px;
	height: 18px;
	padding: 3px 2px 0 3px;
	color: #474747;
	}
	
	#search-results h3{
	height: 30px;
	font-size:2em;
	color: #FFFFFF;
	}
	
/* =MAIN IMAGE */
	#main_image{
		width:860px;
		height: 408px;
		position: relative;
		margin: 0 auto;
	}
	/* frame: the small rounded image in the corner picture (top,right,bottom,left) */
	#frame_image_top,#frame_image_bottom{
		position: absolute;
		width: 860px;
		height: 7px;
		font-size:0.1em;
		top:0;left:0;
		background: url(../images/frame_image_top.png) top no-repeat;
	}
	#frame_image_bottom{
		bottom:0;top:auto;
		background: url(../images/frame_image_bottom.png) bottom no-repeat;
	}
	
	
	* html #frame_image_top,* html #frame_image_bottom{behavior: url(stylesheets/iepngfix.htc);} /* to correct transparent png in IE */

/* =BANNER */
	#banner_wrapper{
		width: 874px;
		overflow: hidden;
		padding:30px 0 0 28px;
	}
	.banner{
		width: 243px;
		height:290px;
		float: left;
		background: #1E1E1E url(../images/banner_bg_dk.gif) left no-repeat;
		margin-right:56px;
		padding-bottom:6px;
		position: relative;
	}
	.image_wrapper{text-align: center;}
	.banner img{
        border: 3px solid #000000;
	width:229px;
	height:229px;
	overflow:hidden;
}
	
	.banner_last{margin-right:0;}
	.banner h2{
	height: 38px;
	text-transform: uppercase;
	color: #919191;
	padding: 15px 0 0 17px;
	font-family: "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.9em;
	}
	/* for the rounded bottom */
	.image_wrapper span{
	position: absolute;
	width: 245px;
	height: 6px;
	font-size:.1em;
	left:0;
	bottom:-1px;
	background-color: #353535;
	background-image: url(../images/banner_bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	}
/* =PAGECONTENT */
#content{
		width: 858px;
		margin: 0 auto;
		overflow: hidden;
		//background: #818181 url(../images/services_bg.jpg) bottom repeat-x;
		padding: 30px 0 20px 0;

	}

.pagecontent{
		width: 650px;
		margin: 10px auto;
		overflow: hidden;
		color: #FFFFFF;
		padding: 0px 30px 0px 30px;
font-size:14px;
line-height:18px;
	}

.h3-yellow{
	color: #F0b500;
	}
	
.yellow{
	color: #F0b500;
	}
.blue {
	color: #5599a7;
}
.orange {
	color: #FF6600;
}
.red {
	color: #C00;	
}
.gray {
	color: #444;
}
	
/* =SERVICES */
	#services{
	width: 858px;
	background: #333;
	margin:26px auto 0 auto;
	position: relative;
	border: 2px solid #3B3B3B;
	min-height:550px;
	}
	#servicescontent{
		width: 758px;
		margin: 0 auto;
		overflow: hidden;
font-size:1em;
		
		padding: 30px 50px 20px 50px;

	}
#servicescontent p{	
font-size:1.4em;
padding-top:15px;
		
	}
	/* sevices header */
	#services h2{
	height: 39px;
	font-size:2.5em;
	color: #919191;
	padding: 15px 0 0 20px;
	background-color: #2B2B2B;
	background-image: url(../images/services_top_bg.jpg);
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #2B2B2B;
	}
#services h3{
	height: 30px;
	font-size:2em;
	color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #2B2B2B;
	}
#services h4{
	height: 30px;
	font-size:2em;
	color: #FFFFFF;
	}


	/* top rounded image */
	#services h2 span{
		position: absolute;
		display: block;
		height: 8px;
		width: 862px;
		left:0;top:0;
		font-size:0.1em;
		background: url(../images/services_top.jpg) left top no-repeat;
		margin: -2px;
	}
	/* bottom rounded image */
	.bottom_rounded{
		position: absolute;
		display: block;
		width: 862px;
		height: 7px;
		font-size:0.1em;
		right:0;bottom:0;
		background: url(../images/services_bottom.jpg) no-repeat;
		margin: -2px;
	}
	/* big image on the right bottom */
	.bottom_pic{
		z-index:2;
		position: absolute;
		padding-right: 28px;
		bottom:2px;right:0;
		width: 287px;
		height: 224px;
		margin-bottom:-2px;
		background: url(../images/services_bg_pic.jpg) left top no-repeat;
	}
	/* list of services */
	.serviceslist{
		padding-left: 30px;
		float: left;
		font-size:1.3em;
		line-height:1em;
	}
	.serviceslist li a{
	display: block;
	padding: 10px;
	width: 197px;
	font-family: "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing:-.03em;
	color: #7B7B7B;
	background: #3c3c3c url(../images/list_dotted_border.gif) bottom repeat-x;
	}
	.serviceslist li a:hover{
	color: #7B7B7B;
	background: #1E1E1E url(../images/list_dotted_border.gif) bottom repeat-x;
	}
	
/* =FOOTER */
	#footer_wrapper{
		width: 871px;
		padding-left:31px;
		padding-bottom:25px;
		margin: 0 auto;
		text-transform:uppercase;
		font-size: 1.2em;
		background: url(../images/footer_left.png) 0 0 no-repeat;
	}
	#footer{
	position: relative;
	width: 840px;
	height: 67px;
        color: #919191;
	background-color: #313131;
	background-image: url(../images/footer_bg.png);
	background-repeat: repeat-x;
	background-position: 0 bottom;
	}
	#footer .logo{
	width: 300px;
	float: left;
	padding-top: 37px;
	}
	#footer .logo span{
		position: absolute;
		display: block;
		right:-31px;top:0;
		width: 31px;
		height: 67px;
		background: url(../images/footer_right.png) right bottom no-repeat;
	}
	* html #footer .logo span, * html #footer_wrapper{behavior: url(/Stylesheets/iepngfix.htc);}
	#footer ul{
	padding-top: 0px;
	padding-right: 0px;
	float: right;
font-size: 10px;
	}
	#footer ul li{
	float: left;
	padding-left:5px;
	}
	#footer a, #footer li a{
	color: #919191;
	}
	#footer a:hover, #footer li a:hover, #footer li a:selected{
	color: #AFAFAF;
	}
#footer .copyright{
	color: #919191;
	font-size:10px;
}

/* content image style */

.amia-img-wrap {
	margin: 10px; padding: 7px;
	text-align: center;
	border: 1px solid #ccc;
	background-color:#DDD;
	-moz-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	-khtml-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	display: inline; /*--Gimp Fix aka IE6 Fix - Fixes double margin bug--*/
}

.amia-img {
            margin: 10px;
            padding: 5px;
            background: #ddd;
            border: 1px solid #ccc;
-moz-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	-khtml-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	display: inline; /*--Gimp Fix aka IE6 Fix - Fixes double margin bug--*/
            }
.amia h2 {
	font-size: 1em;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0; padding: 10px;
	background: #f0f0f0;
	border-top: 1px solid #fff; /*--Subtle bevel effect--*/
}
.amia span { /*--Used to crop image--*/
	width: 204px;
	height: 182px;
	overflow: hidden;
	display: block;
}
.amia a.thumb {
	width: 204px; /*--Width of image--*/
	height: 182px; /*--Height of image--*/
	padding: 5px;
	border-bottom: 1px solid #ccc;
	cursor: pointer;
}

.amia a.thumb:hover {
	background: #333; /*--Hover effect for browser with js turned off--*/
}


.amia a {text-decoration: none; color: #777; display: block;}

/* hover gallery */

ul.gallery {
	width: 708px; /*--Adjust width to scenario--*/
	list-style: none;
	margin: 0; padding: 0;
}
ul.gallery li {
	float: left;
	margin: 10px; padding: 0;
	text-align: center;
	border: 1px solid #ccc;
	background-color:#FFFFFF;
	-moz-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	-khtml-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	display: inline; /*--Gimp Fix aka IE6 Fix - Fixes double margin bug--*/
}
ul.gallery li a.thumb {
	width: 204px; /*--Width of image--*/
	height: 182px; /*--Height of image--*/
	padding: 5px;
	border-bottom: 1px solid #ccc;
	cursor: pointer;
}
ul.gallery li span { /*--Used to crop image--*/
	width: 204px;
	height: 182px;
	overflow: hidden;
	display: block;
}
ul.gallery li a.thumb:hover {
	background: #333; /*--Hover effect for browser with js turned off--*/
}
ul.gallery li h2 {
	font-size: 1em;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0; padding: 10px;
	background: #f0f0f0;
	border-top: 1px solid #fff; /*--Subtle bevel effect--*/
}
ul.gallery li a {text-decoration: none; color: #777; display: block;}

/* Highlight Boxes */


.sidewrite {
color:#f0b500; 
font-size:14px; 
font-weight:600;
-moz-border-radius: 7px; /*--CSS3 Rounded Corners--*/
	-khtml-border-radius: 7px; /*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 7px; /*--CSS3 Rounded Corners--*/
	display: block;
}

.sidewritebox {
background-color:#444; 
color:#fff; 
padding:17px;
-moz-border-radius: 7px; /*--CSS3 Rounded Corners--*/
	-khtml-border-radius: 7px; /*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 7px; /*--CSS3 Rounded Corners--*/
	display: block;
}
.graybox, .graybox p {
background-color:#DDD;
color:#444; 
padding:17px;
margin:10px;
-moz-border-radius: 7px; /*--CSS3 Rounded Corners--*/
	-khtml-border-radius: 7px; /*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 7px; /*--CSS3 Rounded Corners--*/
	display: block
}

.graybox-dark, .graybox-dark p {
background-color:#444;
color:#CCC; 
padding:17px;
margin:10px;
-moz-border-radius: 7px; /*--CSS3 Rounded Corners--*/
	-khtml-border-radius: 7px; /*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 7px; /*--CSS3 Rounded Corners--*/
	display: block
}

.yellowbox, .yellowbox p {
background-color: #FFF5B4;
color:#444; 
padding:17px;
margin:10px;
-moz-border-radius: 7px; /*--CSS3 Rounded Corners--*/
	-khtml-border-radius: 7px; /*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 7px; /*--CSS3 Rounded Corners--*/
	display: block;
}

.yellowboxslim, .yellowboxslim p {
background-color: #FFF5B4;
color:#444; 
padding:10px;
margin:0px;
-moz-border-radius: 7px; /*--CSS3 Rounded Corners--*/
	-khtml-border-radius: 7px; /*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 7px; /*--CSS3 Rounded Corners--*/
	display: block;
}

.thumb {
	float: left;
	width: 150px;
	border: 1px solid #d4d4d4;
	color: #FFF;
	background: #444;
	margin: 15px 15px 15px 0;
	padding: 5px;
}

.thumb p { 
margin: 0; 
padding: 3px; 
color: #FFF; 
background: #444; 
}

.thumb2{
float: left;
	width: 150px;
	border: 1px solid #000000;
	color: #FFF;
	background: #444;
	margin: 15px 15px 15px 0;
padding: 5px;

}

/* 

	SearchField	
	by Alen Grakalic, brought to you by cssglobe.com
	
*/

/* default (inactive field) */
.sf_inactive{
	border:2px #444 solid;
	background:#DDD;
	color:#888;
	width: 160px;
	height: 18px;
	padding: 3px 2px 0 3px;
}
/* on focus (when field is clicked on)  */
.sf_active{
	border:2px #CCC solid;
	background:#fff;
	color:#333;
	width: 160px;
	height: 18px;
	padding: 3px 2px 0 3px;
}
/* with text (when field is inactive but contains user's input)  */
.sf_text{
	border:2px #AAA solid;
	background:#fff;
	color:#666;
	width: 160px;
	height: 18px;
	padding: 3px 2px 0 3px;
}

/* suggestions box */
/* js code generates unordered list */
.sf_suggestion{
	position:relative;
z-index:1000;
font-size:11px;
}
.sf_suggestion ul{
	position:absolute;
	margin:0;
	padding:0;
	background:#eeeeee;
	color:#555;
	top:1px;
	left:0;
}
.sf_suggestion li{
	margin:0;
	padding:0;
	list-style:none;
}
.sf_suggestion li a{
	display:block;
	text-indent:5px;
	color:#444;
}
.sf_suggestion li.selected a{
	background:#494949;
	color:#FFF;
}

#whoslogged {
            color:#FFFFFF;
            font-size:12px;
            padding:3px 0;
            position:absolute;
 
            right:500px;
}
 
/*Member Portal*/
#portalnavigation_wrapper {
    background-color: #333333;
    background-image: url("../images/nav_bg.gif");
    background-position: 0 0;
    background-repeat: repeat-x;
    height: 37px;
    margin: 10px auto 20px;
    width: 858px;
}
#portalnavigation {
    float: left;
    height: 37px;
    padding-left: 7px;
}
#portalnavigation li {
    float: left;
}
.portalmenu-item, .portalmenu-item-selected, .portalmenu-item-hover {
    color: #B1B1B1;
    cursor: pointer;
    float: left;
    font-family: "Trebuchet MS";
    font-size: 1.65em;
    font-weight: bold;
    height: 30px;
    letter-spacing: -0.03em;
    padding: 7px 15px 0 10px;
    text-transform: uppercase;
}
.portalmenu-item-hover, .portalmenu-item-selected {
    background-color: #444444;
    background-image: url("../images/nav_hover_bg.gif");
    background-position: 0 0;
    background-repeat: repeat-x;
    color: #BB800F;
}
#portalsubmenu-first {
    border-top: 0 none;
    margin-top: 11px;
}
.portalsubmenu-item {
    background: none repeat scroll 0 0 #000000;
    width: 150px;
}
.portalsubmenu-item, .portalsubmenu-item-selected, .portalsubmenu-item-hover {
    border-top: 1px solid #333333;
    color: #B1B3AB;
    cursor: pointer;
    float: left;
    font-family: "Trebuchet MS";
    font-size: 1.11em;
    font-weight: bold;
    letter-spacing: -0.03em;
    min-height: 30px;
    padding: 7px 7px 0;
    text-decoration: none;
    text-transform: uppercase;
    width: 158px;
    word-wrap: break-word;
}
.portalsubmenu-item-hover, .portalsubmenu-item-selected {
    background: none repeat scroll 0 0 #444444;
    color: #FFFFFF;
}
#portalsearch_wrapper {
    background: url("../images/navigation_right.gif") no-repeat scroll right top transparent;
    float: right;
    height: 30px;
    padding: 7px 10px 0 0;
}
.portalsearch {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #212121;
    color: #474747;
    height: 18px;
    padding: 3px 2px 0 3px;
    width: 160px;
}
#portalsearch-results h3 {
    color: #FFFFFF;
    font-size: 2em;
    height: 30px;
}

.portalnav li {
    display: inline;
}

.alt-list li {
    list-style: none outside none;
}

.portalnav alt-list li {
 display: inline;
 list-style: none outside none;
}

a.portallink-button {
 -moz-border-radius: 4px 4px 4px 4px;
 background: none repeat scroll 0 0 #FFFFFF;
 border: 1px solid #E7E7E7;
 color: #0066BC;
 font-weight: bold;
 padding: 6px 9px;
}
a.portallink-button:hover, a.portallink-button:active {
 background: none repeat scroll 0 0 #0066BC;
 border: 1px solid #0066BC;
 color: #FFFFFF;
 text-decoration: none;
}
.portallink-button-admin, cat_button1 {
-moz-border-radius: 4px 4px 4px 4px;
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #E7E7E7;
color: #CC0000;
font-weight: bold;
padding: 6px 9px;
}
a.portallink-button-admin {
-moz-border-radius: 4px 4px 4px 4px;
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #E7E7E7;
color: #CC0000;
font-weight: bold;
padding: 6px 9px;
}
portallink-button-admin:hover, cat_button1:hover, a.portallink-button-admin:hover, a.portallink-button-admin:active {
background-color: #CC0000;
border: 1px solid #CC3300;
color: #FFFFFF;
text-decoration: none;
}
a.portalbutton-friendly, a.portalbutton-friendly:link, a.portalbutton-friendly:visited {
-moz-border-radius: 4px 4px 4px 4px;
background: none repeat scroll 0 0 #5DA83C;
color: #FFFFFF;
font-size: 18px;
font-weight: bold;
padding: 9px 15px;
text-decoration: none;
}
a.portalbutton-friendly:hover, a.portalbutton-friendly:active {
-moz-border-radius: 4px 4px 4px 4px;
background: none repeat scroll 0 0 #346C1B;
color: #FFFFFF;
font-size: 18px;
font-weight: bold;
padding: 9px 15px;
text-decoration: none;
}
.portalbox-buttons {
margin: 27px 0 42px;
}
.portalbutton-submit {
 -moz-border-radius: 4px 4px 4px 4px;
 background: none repeat scroll 0 0 #154C8E;
 border: medium none;
 color: #FFFFFF;
 font-weight: bold;
 padding: 6px 9px;
}
.portalnav alt-list {
 margin: 0;
 padding: 0;
}
.portalside-info {
 padding: 0 18px 0 0;
}
.portalside-info h2 {
 font-size: 14px;
 margin: 0 0 3px;
}

/* Web App Pagination */

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

#webapp9048pagination li {
	float:left;
	padding:10px;
}

li.pag-next {
       padding-left: 5px;
}

/* Volunteers */

.volunteer-shift {
width: 450px;
line-height: 30px;
font-size: 1.4em;
border-width: 0px;
border-style: none;
}


#floatleft{float:left;width:393px;}
#floatright{float:right; width:303px;}