@charset "utf-8"

/* PAGE WIDE STYLES */
html {
overflow:scroll;
}
body {
	background-image: url(/images/2010/bg.jpg);
	background-repeat: repeat-x;
	margin-top:0px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	}

img {
	border-style:none;
}
	
/* MAIN WRAPPER AND CONTAINER */
#wrapper	{
	width: 800px;
	height:400px;
	margin: auto;
	background-color: #FFFFFF;
	}



#maininner {
	width:799px;
	height:auto;
	display:inline;
	margin: 0px;
	vertical-align: top;
}	
	
		
/* TOP BAR WITH SEARCH BOX/LINKS */	
#searchbar {
	width:786px;
	height:22px;
	}

#textbox {
    width:145px;
	text-align:center;
	font-style:italic;
	background-image:url(/images/2010/search.png);
	background-position:top left;
	color:#666666;
	overflow: hidden;
    position:relative;
	height:17px;
	border:0px;
	top:-6px;
	left: 8px;
	}

#toplinks {
width:600px;
height:22px;

}

#toplinks a {
	position: relative;
	height:22px;
	display:inline;
	font-size:11px;
	font-weight:bold;
	color:#666666;
	text-decoration:none;
	text-align: right;
	top: -23px;	
	left:573px;
	}

#toplinks a:hover {color:#f8971d;}

.go input {
    position:relative;
	width:18px;
	left: 5px;
	}
	
/* MAIN HEADER IMAGE */
#header {
	width:800px;
	height:67px;
	background: url(/images/2010/header.png) no-repeat center;	
    } 


/* NAVIGATION MENU HORIZONTAL */
#mainnav {
	width:800px;
	height:27px;
	margin-top:2px;
	background: url(/images/2010/nav.png) no-repeat center top;
	text-align:left;
	border: 0;
	padding: 0;
	}
#mainnav ul	{
	width: 800px;
	height: 27px;
	margin:0px;
	padding: 0;
	position: relative;
	background: url(/images/2010/nav.png) no-repeat center top;
	}

#mainnav ul li	{
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0px;
	}
	
#mainnav ul li, #mainnav a	{
	height: 27px;
	display: block;
	}
	
#mainnav ul li a	{
	text-indent: -9999px; 
	text-decoration: none;
	}
	
#aboutus {left: 0; width: 90px;}
#newsandevents {left: 90px; width: 110px;}
#campaigncentral {left: 201px; width: 123px;}
#leadershipgiving {left: 325px; width: 119px;}
#partneragencies {left: 446px; width: 117px;}
#two {left: 563px; width: 74px;}
#teamingfortechnology {left: 637px;	width: 161px;}

#aboutus a:hover {background: url(/images/2010/nav.png) 7px -29px no-repeat;}
#newsandevents a:hover {background: url(/images/2010/nav.png) -83px -29px no-repeat;}
#campaigncentral a:hover {background: url(/images/2010/nav.png) -194px -29px no-repeat;}
#leadershipgiving a:hover {background: url(/images/2010/nav.png) -318px -29px no-repeat;}
#partneragencies a:hover {background: url(/images/2010/nav.png) -439px -29px no-repeat;}
#two a:hover {background: url(/images/2010/nav.png) -556px -29px no-repeat;}
#teamingfortechnology a:hover {background: url(/images/2010/nav.png) -630px -29px no-repeat;}
	

/* GIVE, ADVOCATE, AND VOLUNTEER BUTTONS */
#gavbar {
	width:800px;
	height: 27px;
	position: relative;
	text-align:left;
	margin-top:3px;
	margin-bottom:3px;
	border: 0;
	background: url(/images/2010/subnav.png) no-repeat center top;
	}

#gavbar ul	{
	width: 800px;
	margin:0px;
	padding: 0;
	position: relative;
	}
	
#gavbar ul li	{
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 2px;
	height: 24px;
	}	

#gavbar ul li	{
	display: block;
	}

#gavbar ul li a	{
    display:block;
	height:27px;
	text-indent:-9999px;
	}	

#give {
	left: 509px;
	width: 95px;
}
#advocate {
	left: 606px;
	width: 95px;
}
#volunteer {
	left: 700px;
	width: 95px;
}
#give a:hover {background: url(/images/2010/subnav.png) -502px -29px no-repeat;}
#advocate a:hover {background:  url(/images/2010/subnav.png) -599px -29px no-repeat;}
#volunteer a:hover {background:  url(/images/2010/subnav.png) -693px -29px no-repeat;}


/* LEFT CONTENT AREA/SLIDESHOW AREA */
#leftcontent {
	background-color:#FFFFFF;
	float: left;
	height: 383px;
	width: 511px;
	}

#gallery {
	position:relative;
	left:6px;
	top:1px;
	width:503px;
	height:383px;
	
    }
	
/*GIVE NOW BOX */		

#givenowbox {
	background-image: url(/images/2010/donate.png);
	float: right;
	width: 289px;
	height: 174px;
	}
	
#givenowbox ul	{
	float: right;
	width: 289px;
	height: 174px;
	}
	
#givenowbox ul li	{
	float: right;
	width: 289px;
	height: 174px;
	}	

#givenowbox ul li a	{
	display:block;
	height:174px;
	text-indent:-9999px;
	}	
#giverollover a:hover {
	float: right;
	width: 289px;
	height: 174px;
	background: url(../images/2010/donate.png) no-repeat 0px -193px;	
	}		

/* NEWS HEADLINES BOX */
#headlinesbox {
	float: right;
	width: 289px;
	height: 220px;
	background: url(../images/2010/newsbg.jpg) no-repeat center top;
	}
#headlinestext {
	font-family: Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
	font-size: 10px;
	line-height:15px;
	height: 118px;
	width: 269px;
	color: #666666;
	position: relative;
	top:50px;
	left: 19px;
	z-index: 2;
	}
	
.comments {
	font-family: Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
	font-size: 9px;
	line-height:14px;
	height: 118px;
	width: 269px;
	color: #666666;

	}
.comments a {
	color: #fc9802;
	}			
#headlinestext a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	height: 125px;
	width: 235px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
	padding-right:8px;
	}
#headlinestext a:hover {color: #fc9802;}

/*MAIN CONTENT*/

#content {
	text-align: left;
	vertical-align: top;
	display: inline;
	width:auto;
}
/* FOOTER */
#sponsor {
	width:800px;
	height:103px;
	background: url(../images/2010/footer2.jpg) no-repeat center top;
	margin-left:-1px;
	position:relative;
	top:348px;
	z-index:0;
		
	}
	
#sponsor ul	{
	width: 800px;
	margin:0px;
	padding: 0;
	position: relative;
	}
	
#sponsor ul li	{
	margin: 0;
	padding: 0;
	height:118px;
	position: absolute;
	display: block;
	list-style:none;
	top: -74px;
	height: 48px;
	}	

#sponsor ul li a	{
	display:block;
	height:108px;
	text-indent:-9999px;
	}
		
#facebook {left: 587px; width: 41px;}
#twitter {left: 630px; width: 39px;}
#linkedin {left: 669px; width: 39px;}
#youtube {left: 708px; width: 40px;}
#rss {left: 746px; width: 52px;}

#facebook a:hover {background:  url(../images/2010/footer2.jpg) no-repeat -583px -37px; }	
#twitter a:hover {background:  url(../images/2010/footer2.jpg) no-repeat -624px -37px; }	
#linkedin a:hover {background:  url(../images/2010/footer2.jpg) no-repeat -663px -37px;}	
#youtube a:hover {background:  url(../images/2010/footer2.jpg) no-repeat -702px -37px; }	
#rss a:hover {background:  url(../images/2010/footer2.jpg) no-repeat -741px -37px; }	

#sponsor1 {left: 233px; width: 138px;}
#sponsor2 {left: 374px; width: 158px;}
#sponsor3 {left: 532px; width: 176px;}
#sponsor4 {left: 708px; width: 92px;}

#sponsor1 a:hover {background:  url(../images/2010/footer2.jpg) -236px -85px no-repeat; margin-top: -33px;}
#sponsor2 a:hover {background:  url(../images/2010/footer2.jpg) -374px -85px no-repeat; margin-top: -33px;}
#sponsor3 a:hover {background:  url(../images/2010/footer2.jpg) -532px -85px no-repeat; margin-top: -33px;}	
#sponsor4 a:hover {background:  url(../images/2010/footer2.jpg) -708px -85px no-repeat; margin-top: -33px;}	

#emaila {
	height:146px;
	background: url(/images/2010/emailbox.png) no-repeat top;
	position:relative;
	left:5px;
}
#emaila ul	{
	width: 200px;
	margin:0px;
	padding: 0;
	position: relative;
	}
	
#emaila ul li	{
	margin: 0;
	padding: 0;
	position: absolute;
	display: block;
	list-style:none;
	top: 0px;
	}	

#emaila ul li a	{
	display:block;
	height:40px;
	text-indent:-9999px;
	}
#emailbox input { 
	width:143px;
	text-align:center;
	color:#999999;
	overflow: hidden;
	position: relative;
	top:105px;
	left:29px;
	background: url(../images/2010/emailbg.png) no-repeat center top;
	vertical-align: middle;
	}
#emailbox input subscribe {	
	width:153px;
	height:20px;
	}
	
	
#facebook1 {left: 20px;	width: 31px;}
#twitter1 {left: 54px; width: 30px;}
#linkedin1 {left: 85px; width: 30px;}
#youtube1 {left: 117px;	width: 31px;}
#rss1 {left: 150px;	width: 30px;}

#facebook1 a:hover {background:  url(../images/2010/emailbox.png) no-repeat -3px -150px;}	
#twitter1 a:hover {background:  url(../images/2010/emailbox.png) no-repeat -35px -150px;}	
#linkedin1 a:hover {background:  url(../images/2010/emailbox.png) no-repeat -66px -150px;}	
#youtube1 a:hover {background:  url(../images/2010/emailbox.png) no-repeat -97px -150px;}	
#rss1 a:hover {background:  url(../images/2010/emailbox.png) no-repeat -130px -150px;}		

	
/*LEFT COLUMN*/

#leftcolumnbox {
	background:url(/images/2010/leftnavbg.png);
	height:auto;
	background-repeat: repeat-y;
	width:202px;
	float: left;
	}
		
#leftcolumn	{
    color:#003378;
	width:195px;
	font-size:12px;
	text-align:right;
	line-height:22px;
	
	}

#leftcolumn ul {
	margin:0;
	width:193px;
	font-size:12px;
	padding-top:3px;
	margin-left:10px;
	padding-right:5px;
		}	
	
#leftcolumn ul li {
	list-style-type:none;
	width:145px;
	margin:0;
	padding:0;
	}
		


#content { 
	width: 570px;
	color:#333333;
	float:right;
	padding-right: 7px;
	padding-left: 7px;
	}
#content p {
	vertical-align: top;
		}
#content a {
color:#003378;
text-decoration:underline;
}
#content a:hover {
color:#fe230a;
text-decoration:underline;
}		
	
.gallerycontainer {
    position: relative; /*Add a height attribute and set to largest image's height to prevent overlaying*/
    }	

/*TEXT for site */

body {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	}


/*LEFT COLUMN*/

#leftcolumnbox a, #sectionnav a:visited	{
	color:#003378;
	text-decoration:none;
	}

#leftcolumnbox a:hover {
	color:#fe230a;
	text-decoration:underline;	
	}
#leftcolumnbox {
	color:#003378;
	}	
/*CENTER COLUMN*/
	
#centercolumn {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	}
	
#content h1 {
	
	width: 550px;
	color:#333333;
	text-align: left;
	text-decoration:underline;
	/*background: url(../../images/2010/h1bg.png) no-repeat center center; */
	position:relative;
	/*top: -9px;*/
	font: normal 18px/28px Arial, Helvetica, sans-serif;
	overflow: hidden;
	word-wrap: break-word;
	}
	
#content h2 {
	font: bold 15px Arial, Helvetica, sans-serif;
	color:#333333;
	}
	
#content h3 {
	font-size:14px;
	color:#333333;
	font: bold 14px/24px Arial, Helvetica, sans-serif;
	margin-bottom:0%;
    }
	
#centercolumn h4 {
	font-size:13px;
	color:#003378;
	}
	
#centercolumn a	{
	text-decoration:underline;
	color:#003378;
	}
	
#centercolumn a:hover {
	color:#ff0000;
	text-decoration:underline;
	}
	

#newsmiddle h1 {
	
	width: 450px;
	color:#333333;
	text-align: left;
	text-decoration:underline;
	/*background: url(../../images/2010/h1bg.png) no-repeat center center; */
	position:relative;
	/*top: -9px;*/
	font: normal 18px/28px Arial, Helvetica, sans-serif;
	overflow: hidden;
	word-wrap: break-word;
	}



p.rightcolumn,  p.leftcolumn , p.centercolumn {
    padding-left:5px;
	margin-top:0%;
	}
	
#centercolumn ol li, #centercolumn ul li {
	line-height:15px;
	margin-bottom:5px;
	}

.caption {
	margin-top:0%;
	font-size:75%;
	text-align:center;
	}
p.img_caption {
	margin-bottom:0%;
	text-align:center;
	}
	
#centercolumn form h3 {
	margin-bottom:10px;
	}
	
label {
	float: left;
	width:40%;
	text-align:right;
	margin: 0px 1em 2px 0;
	clear:right;
	}
	
.input-box {
	margin-bottom:2px;
	border:1px solid #000000;
	}
	
.submit-button {
	margin-left: 5em;
	clear: both;
	}
	
p.wide label {
	float: left;
	width:50%;
	text-align:right;
	margin: 0 1em 30px 0;
	clear:right;
	}
	
p.wide .input-box {
	margin-bottom: 30px;
	border:1px solid #000000;
	}
	
div.contain	{
	clear:left;
	}
	
.gallerycontainer {
    position: relative; /*Add a height attribute and set to largest image's height to prevent overlaying*/
    }

/*wordpress styling */

#menu {
	
	
	
	padding: 20px 0 10px 30px;
	position: relative;
	right: 2px;
	top: 0;
	width: 11em;
}

#menu form {
	margin: 0 0 0 13px;
}

#menu input#s {
	width: 80%;
	background: #eee;
	border: 1px solid #999;
	color: #000;
}

#menu ul {
	
	list-style-type: none;
	margin: 0;
	padding-left: 3px;

}

#menu ul li {
	margin-top: 10px;
	padding-bottom: 2px; /*border-bottom: dotted 1px #ccc;*/
}

#menu ul ul {
	
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: right;
}

#menu ul ul li {
	letter-spacing: 0;
	margin-top: 0;
	padding: 0;
	padding-left: 12px;
}

#menu ul ul li a {
	
}

#menu ul ul li a:hover {
	}

#menu ul ul ul.children {
	font-size: 142%;
	padding-left: 4px;
}