/********************************************
 			-	Colors -
 	Background - #fff;
	Header - #717b94
	SubHead - #6b6b6b
	Nav - #2a344b
	Active Nav - #50586d
	Body BG - #e2e6f1
	Text - #323232
	
********************************************/

html {
	overflow-y: scroll; 
	}

body, html {
	padding: 0px;
	margin: 0px;
	line-height: 12pt;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	background-color: #fff;
	height: 100%;
	}

h1{
	color: #717b94;
	font-size: 22pt;
	line-height: 100%;
	font-weight: bold;
	display: inline;
	}

h2{
	color: #6b6b6b;
	font-size: 13pt;
	font-weight: bold;
	display: inline;
	}
	h2 a:link, h2 a:visited {
		color: #333;
		text-decoration: none;
		}
	h2 a:hover {
		color: #50586d;
		}

h3{
	color: #2a2a2a;
	font-size: 24px;
	font-family: Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: 2px;
	}

img {
	border: none;
	}

p, ol {
	text-align: justify;
	color: #323232;
	font-size: 12px;
	}



/***************** Basic Elements ******************/

.body_text{
	background-color: #e2e6f1;
	padding: 20px 30px 20px 30px;
	}
	.body_text a:link, .body_text a:visited {
		color: #5b70a5;
		text-decoration: none;
		}
	.body_text a:hover {
		color: #000;
		}
	.body_text ul {
		font-size: 12px;
		color: #323232;
		}

#cd{
	padding-top: 2px;
	margin-bottom: 0px;
	text-align: center;
	font-weight: bold;
	}

.clear{
	clear: both;
	}
	
#container {
width: 966px;
margin: 0px auto;
padding: 0px;
	}

#flash{
	margin-bottom: 2px;
	}
	
#footer {
	padding: 8px;
	width: 880px;
	float: left;
	}
	#footer p {
		color: #ccc;
		text-align: right;
		font-size: 11px;
		padding-top: 1px;
		padding-right: 20px;
		}
	#footer a:link, #footer a:visited {
		color: #ccc;
		text-decoration: none;
		}
	#footer a:hover {
		color: #000;
		}

#header{
	height: 165px;
	width: 966px;
	margin: 0px 0px 0px 16px;
	padding: 0px;
	}

.nav {
	background-color: #2a354b;
	height: 18px; 
	margin: 0px 0px 6px 0px;
	text-align: center;
	overflow: hidden;
	padding: 0px;
	}
	.nav li{
		display: inline;
		list-style: none;
		}
	.nav li a{
		color: #fff;
		background-color: #2a354b;
		font-size: 12px;
		font-weight: bold;
		text-decoration: none;
		padding-left: 3.5%;
		padding-right: 3.5%;
		padding-top: 3px;
		padding-bottom: 2px;
		}
	.nav li a:hover {
		background-color: #50586d;
		}
	
#nav-blog #blog a, #nav-about #about a, #nav-campaigns #campaigns a, #nav-projects #projects a, #nav-involved #involved a, #nav-contact #contact a, #nav-press #press a{
	background-color: #50586d;
	}

#left{
	float: left;
	width: 190px;
	margin: 0px 2px 0px 10px;
	padding: 0px;
	}

#right{
	float: right;
	width: 750px;
	padding: 0px;
	margin: 0px 10px 0px 2px;
	}
	
#wrapper{
	width: 996px;
	padding: 0px;
	margin: 0px auto;
	background-image:  url("../images/bg.gif");
	background-repeat: repeat-y;
	min-height: 100%;
	height: auto;
	}


/* body floats */

.fleft {
	float: left;
	}

.fright {
	float: right;
	margin: 10px 0px 10px 20px;
	}

/* Text styling */

.center {
	text-align: center;
	}
				
/* Call to action boxes */

.swapholder a:link, .swapholder a:visited {
	display: block;
	margin-bottom: 4px;
	padding: 10px;
	height: 67px;
	width: 170px;
	overflow: hidden;
	background-image:  url("../images/calltoaction_back.jpg");
	text-decoration: none;
	}

.swapholder a:hover {
	display: block;
	margin-bottom: 4px;
	padding: 10px;
	height: 67px;
	width: 170px;
	overflow: hidden;
	background-image:  url("../images/calltoaction_back.jpg");
	text-decoration: none;
	background-position: 0 -87px;
	}		

/* Text within a tag */
	
.callout {
	font-size: 16px;
	line-height: 20px;
	}

.largewhite {
	color: #fff;
	font-size: 24px;
	font-family: Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	}
	
.description {
	color: #172240;
	font-size: 11px;
	line-height: 9px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	}

.readmore{
	float: right;
	color: #172240;
	font-size: 10px;
	line-height: 7px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	}

.buycd {
	color: #2a2a2a;
	font-size: 24px;
	font-family: Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-top: 5px;
	}


/* Browser compatibility */

/* IE */

.ie .swapholder a:link, .swapholder a:visited {
	margin-bottom: 4px;
	margin-top: 4px;
	}

.ie .swapholder a:hover {
	margin-bottom: 4px;
	margin-top: 4px;
	}

.ie #container {
	margin-left: 15px;
	}
	
.ie #left{
	margin: 0px 0px 0px 5px;
	}

.ie #right{
	margin: 4px 5px 0px 4px;
	}

.ie #flash{
	margin-bottom: 4px;
	}

.ie .description {
	line-height: 18px;
	}

.ie .nav li a{
	padding-top: 0px;
	}

.ie #nav-blog #blog a, .ie #nav-about #about a, .ie #nav-campaigns #campaigns a, .ie #nav-projects #projects a, .ie #nav-involved #involved a, .ie #nav-contact #contact a{
	padding-top: 0px;
	border-bottom: 2px solid #50586d;
	}

/* IE 7 */
	
.ie7 .nav li a:hover{
	padding-top: 1px;
	padding-bottom: 2px;
	}

.ie7 .nav {
	padding-top: 0px;
	height: 17px
	}

.ie7 #left{
	margin: 0px 2px 0px 10px;
	}

.ie7 #right{
	margin: 4px 10px 0px 4px;
	}

.ie7 #nav-blog #blog a, .ie7 #nav-about #about a, .ie7 #nav-campaigns #campaigns a, .ie7 #nav-projects #projects a, .ie7 #nav-involved #involved a, .ie7 #nav-contact #contact a{
	padding-top: 1px;
	padding-bottom: 3px;
	border-bottom: 2px solid #50586d;
	}

.ie7 .nav ul {

	}



/* IE 8 */

.ie8 .nav {
	margin-top: 4px;
	}

.ie8 #left {
	margin: 0px 2px 0px 12px;
	}

.ie8 #right{
	margin: 0px 10px 0px 2px;
	}

/* Safari */

.webkit .nav li a {
	padding-top: 2px;		
	}

.win.webkit .nav li a {
	padding-top: 3px;
	}
	
/* Firefox 2 */

.ff2 .nav {
	padding-top: 2px;
	height: 16px; 
	overflow: hidden;
	}

.ff2 .nav li a {
	padding-top: 5px;
	}

.win.ff2 .nav {
	padding-top: 0px;
	}

.win.ff2 .nav li a {
	padding-top: 2px;
	}

.mac.ff2 .swapholder a:link, .mac.ff2 .swapholder a:visited {
	margin-bottom: 4px;
	margin-top: 0px;
	}

/* Firefox 3 */

.ff3 .nav {
	margin-top: 4px;
	}

.win.ff3 .nav {
	margin-top: 0px;
	}

.mac.ff3 .swapholder a:link, .mac.ff3 .swapholder a:visited {
	margin-bottom: 4px;
	margin-top: 4px;
	}

/* Opera */

.opera .largewhite {
	font-size: 23px;
	}

.opera .description {
	font-size: 10px;
	}
	

/* Ripe Credit */

.ripe {
	float: right;
	}

.ripe a:link, .ripe a:visited {
	display: block;
	width: 60px;
	height: 20px;
	/* padding:10px 10px 10px 7px; */
	background: url("../images/ripecredit.gif") 0px 2px;
	background-repeat: no-repeat;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	}
	
.ripe a:hover {
	display: block;
	width: 60px;
	height: 20px;
	/* padding:10px 10px 10px 7px; */
	background: url("../images/ripecredit.gif") 0px -19px;
	background-repeat: no-repeat;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	}

.ff2 .ripe, .ff3 .ripe, .opera .ripe {
	margin: 6px 10px 0px 0px;
	}

.ie .ripe {
	margin: 8px 10px 0px 0px;
	}

.webkit .ripe {
	margin: 7px 10px 0px 0px;
	}