@charset "UTF-8";
/* CSS Document */

/* reset */
p, ul, li, ol, div, span, h1, h2, h3, h4, h5, h6, form {
	padding: 0;
	margin: 0;
}

/* clearfix */
.clr{
	clear: both;
	height: 1px;
	font-size: 1px;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}



a{
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

p{
	margin-bottom: 1.5em;	
}

strong{
	color: #000;
}

body{
	background-color: #fff;
	margin: 0;
	font-family: Arial, Arial, Arial, sans;
	font-size: 12px;
	padding: 0;
	line-height: 14px;
	color: #636466;
}


#text-size{
	padding-top: 10px;
	float: right;
}

.text-label{
	float: right;
	font-size: 12px;
	margin-top: 24px;
}

.resizer {
	display: block;
}

.resizer li a{
	color: #000 !important;
}

.resizer li{
	float: left;
	list-style: none;
	border: 1px solid #636466;
	padding: 0 4px;
	margin-left: 3px;
	vertical-align: bottom;
}

.resizer li.small{
	font-size: 12px;
	margin-top: 8px;
}

.resizer li.medium{
	font-size: 14px;
	margin-top: 4px;
}

.resizer li.large{
	font-size: 16px;
}


img{
	border: 0 solid #FFF;
}

#wrapper{
	width: 935px;
	margin: 10px auto;
	padding: 0;
	background: #fff;
	display: block;
	min-height: 5px;
	height: auto !Important;
	height: 1px;
	position: relative;
	border: 1px #cccdcf solid;
	padding-left: 0;
	padding-right: 25px;
	margin-top: 0;
	border-top: 0;
}


h1 span{
	display: none;	
}

h1 a{
	width: 962px;
	height: 71px;
	display: block;	
}

#header{
	display: block;
	position: relative;
	margin: 0 auto;
	width: 962px;
}

#search_container{
	height: 28px;
	font-size: 28px;
}

#searchbox input.text{
	background: none;
	border: 0;
	width: 134px;
	font-family: Arial, sans;
	font-size: 12px !important;
	margin: 0;
	padding: 0;
	padding-left: 6px;
	height: 20px;
	border: 1px solid #B9E5FB;
}

/*#searchbox input.text:hover{
	background: #e2e2e2;	
}*/

#searchbox{
	padding-top: 20px;
}

#search_btn{
	border: 0;
	font-family: Arial, sans;
	font-size: 12px !important;
	margin: 0;
	padding: 0;
	height: 26px;
	width: 50px;
	background: #e2e2e2;
	*margin-left: 5px;
}

#search_btn:hover{
	cursor: pointer;
	background: #B9E5FB;	
}

h1{
	background:url(../gr/header_gen.jpg) no-repeat top left;
	width: 962px;
	height: 71px;
}


h2, h3{
	font-size: 12px;
	color: #231f20;
}

.message h3{
	padding-bottom: 12px;
}

#main h2.standard{
	text-transform: uppercase;
	padding-bottom: 12px;	
}

#main .promo h2, #main .promo a{
	font-size: 12px;
	color: #939598;	
	margin-bottom: 5px;
}

#main h4{
	font-weight: normal;
	color: #000;
}

#main .promo {
	position: relative;
	float: left;
	width: 210px;
}

.slideshow{
	height: 210px;	
}

.hidden{ -moz-opacity:.0; filter:alpha(opacity=0); opacity:.0; }

.double{
	margin-top: 20px;
	padding-top: 3px;
	/*border-top: 3px solid #b9e5fb;*/
	width: 430px !important;
}

.double .slideshow{
	min-height: 220px;
	height: auto !important;
	height: 220px;	
}

.leftpad{
	margin-right: 10px;	
}


#right h3{
	font-weight: normal;
	font-size: 10px;
	margin-bottom: 20px;	
}

#right h4{
	margin-top: 20px;
	font-weight: normal;
	font-size: 12px;
	margin-bottom: 20px;
	width: 230px;
	height: 100px;
	color: #fff;
	background:url(../gr/orange_box.png) no-repeat top left;
	padding: 10px;
}

.message li{
	margin-left: 20px;
	margin-bottom: 12px;
}

#left{
	float: left;
	position: relative;
	background: url(../gr/crest.jpg) top left no-repeat;
	width: 230px;
	padding-top: 185px;
	padding-left: 25px;
}

#sidenav{
	border-top: 3px solid #b9e5fb;
	padding-top: 30px;	
}

#left ul{
	list-style: none;	
}

#left li{
	padding-bottom: 6px;
}

#left a{
	color: #231f20;
	font-weight: bold;
	font-size: 13px;
}

#right a{
	color: #939598;
	text-decoration: underline;
}

#left a:hover, #footer a:hover, #left a.selected{
	color: #ee2a7b;
}

#level2 a, #level3 a, #level4 a{
	font-weight: normal;
}

ul#level2{
	margin-left: 20px;
	margin-bottom: 20px;
	margin-top: 6px;
}

ul#level3{
	margin-left: 20px;
	margin-bottom: 20px;
	margin-top: 6px;
}

ul#level3 a{
	color: #636466;
}

ul#level4{
	margin-left: 20px;
	margin-bottom: 20px;	
}

ul#level4 a{
	color: #939598;
}

#main{
	float: left;
	position: relative;
	/*background: yellow;*/
	width: 430px;
	margin-left: 10px;
	margin-right: 10px;
	border-top: 3px solid #b9e5fb;
	padding-top: 10px;
	margin-top: 38px;
}

#right{
	float: left;
	position: relative;
	/*background: green;*/
	width: 230px;
	border-top: 3px solid #b9e5fb;
	padding-top: 10px;
}

#footer{
clear: both;
	display: block;
	padding-top: 30px;
}

.howto{
	float: left;
	position: relative;
	width: 265px;
}

.contact{
	float: left;
	position: relative;	
	width: 90px;
}

.address{
	float: left;
	position: relative;	
	width: 330px;
	padding-right: 20px;
	clear: right;
}

.legals{
	clear: both;
	width: 650px;
	font-size: 9px;
}

.donate{
	float: left;
	position: relative;	
	width: 220px;
}

.right_group{
	float: left;
	position: relative;	
	width: 670px;
	border-bottom: 10px solid #b9e5fb;
	/*padding-top: 5px;*/
}

.message{
	line-height: 16px;	
}

.small{
	font-size: 12px !important;
	line-height: 16px;
}

.medium{
	font-size: 16px !important;
	line-height: 20px;
}

.large{
	font-size: 20px !important;
	line-height: 24px;
}

.message a, div.addthis_toolbox a{
	color: #ee2a7b;	
}

#footer, #footer a{
	color: #939598;
}




/*HOME PAGE*/

#donate_link{
	margin-top: 10px;
	display: block;
	width: 230px;
	height: 46px;
	background: url(../gr/but_donate.png) no-repeat;
}

#donate_list {
	margin-bottom: 20px;
	list-style: none;
}

#event_list, #event_link{
	display: block;
	width: 230px;
	height: 48px;
	background: url(../gr/but_events.png) no-repeat;
	margin-bottom: 10px;
}

#donate_link span, #event_link span{
	display: none;	
}



#right img.rightpic{
	margin-bottom: 10px;	
	min-height: 230px;
	height: auto !important;
	height: 230px;
}

/*BOXES*/

/* blue box pink text */
#right h2.blue{
	width: 210px;
	background: url(../gr/blue_box_top.png) top left no-repeat #bbe6fb;
	font-size: 20px;
	line-height: 20px;
	color: #E9237E !important;
	padding: 10px;
	padding-bottom: 0;
	margin-bottom: 0 !important;
}

#right div.bluebox{
	width: 210px;
	background: url(../gr/blue_box_bottom.png) bottom left no-repeat #bbe6fb;
	color: #231F20 !important;
	padding: 10px;
	padding-top: 0;
	font-size: 12px !important;
	margin-bottom: 10px;
}


#right div.bluebox p{
	padding-top: 5px;
	margin-bottom: 12px;
}

#right h2.blue a{
	color: #E9237E !important;
	text-decoration: none;
}

#right h2.blue a:hover{
	text-decoration: underline;	
}

#right div.bluebox a{
	color: #E9237E !important;
}

/* orange box white text */
#right h2.orange{
	width: 210px;
	background: url(../gr/orange_box_top.png) top left no-repeat #3871b9;
	font-size: 12px;
	line-height: 12px;
	font-weight: bold;
	color: #fff  !important;
	padding: 10px;
	padding-bottom: 0;
	margin-bottom: 0 !important;
	padding-top: 0 !important;
}

#right div.orangebox{
	width: 210px;
	background: url(../gr/orange_box_bottom.png) bottom left no-repeat #3871b9;
	color: #fff !important;
	padding: 10px;
	font-size: 12px !important;
	margin-bottom: 10px;
	padding-top: 0 !important;
}

#right div.orangebox a{
	color: #fff !important;
}

/* large orange text */
#right h2.large{
	font-size: 20px;
	line-height: 22px;
	color: #54478b;	
	margin-bottom: 10px;
}

#right div.largebox{
	font-size: 10px;
	padding-bottom: 10px;
}

/* small grey text */
#right h2.small{
	font-size: 10px;
	font-weight: bold;
	line-height: 10px;
	color: #9B9C9E;	
	margin-bottom: 5px;
}

#right div.smallbox{
	font-size: 10px;
	padding-bottom: 10px;
}



#right div.bluebox.small, #right div.orangebox.small{
	font-size: 12px;
}

#right div.bluebox.medium, #right div.orangebox.medium{
	font-size: 16px !important;
}

#right div.bluebox.large, #right div.orangebox.large{
	font-size: 20px !important;
}


/* no header so kill the spacing */
.hideit{
	font-size: 1px !important;
	line-height: 1px !important;
	padding-top: 0 !important;
	height: 10px !important;
}

.bottom{
	padding-bottom: 0px !important;	
}



/* table style */
table{ 
	border: 1px solid #b9e6fb;
	border-collapse: collapse;
}

td, th{
	border: 1px solid #b9e6fb;
	padding: 3px;
	vertical-align: top;
	text-align: left;
}

th{
	text-align: left;
	background: #dcf2fd;	
}

caption{
	text-align: left;
	font-weight: bold;
	margin-bottom: 10px;
	color: #000;
}


.gallery_nav{
	float: right;
	right: 0;
	z-index: 99;
	font-size: 10px;
	font-weight: bold;
	top: 230px;
}

.gallery_nav span{
	display: none;	
}

.gallery_nav p{
	float: left;
	margin-bottom: 0;	
}

.gallery_nav.main{
	top: 235px;	
}

#small_next{
	float: left;
	background: url(../gr/next.gif) no-repeat;
	height: 11px;
	width: 14px;
	margin-left: 5px;
	margin-top: 2px;
}

#small_prev{
	float: left;
	background: url(../gr/prev.gif) no-repeat;
	height: 11px;
	width: 15px;
	margin-left: 10px;
	margin-top: 2px;
}

#side_gallery{
	display: block;
}

#main_gallery{
	height: 250px;
	border-bottom: 3px solid #b9e5fb;
	margin-bottom: 10px;
}

#main_gallery h3{
	margin-top: 5px;
	color: #636466;	
	font-weight: normal;
	width: 375px;
}

#side_gallery h3{
	float: left; 
	width: 140px;	
}

h3.downloads{
	margin-top: 20px;	
}

ul.downlist{
	list-style-type: none;
}

ul.downlist li a{
	color: #ee2a7b;	
}

li.pdficon{
	background: url(../gr/pdficon.png) no-repeat;
	margin-top: 3px;
	padding-left: 23px;	
	margin-bottom: 5px;
	min-height:20px;  
	height:auto !important;  
	height:20px;
}

li.wordicon{
	background: url(../gr/wordicon.png) no-repeat;
	margin-top: 3px;
	padding-left: 23px;	
	margin-bottom: 5px;
	min-height:20px;  
	height:auto !important;  
	height:20px;
}

li.excelicon{
	background: url(../gr/excelicon.png) no-repeat;
	margin-top: 3px;
	padding-left: 23px;	
	margin-bottom: 5px;
	min-height:20px;  
	height:auto !important;  
	height:20px;
}

li.ppticon{
	background: url(../gr/ppticon.png) no-repeat;
	margin-top: 3px;
	padding-left: 23px;	
	margin-bottom: 5px;
	min-height:20px;  
	height:auto !important;  
	height:20px;
}

li.docicon{
	background: url(../gr/docicon.png) no-repeat;
	margin-top: 3px;
	padding-left: 23px;	
	margin-bottom: 5px;
	min-height:20px;  
	height:auto !important;  
	height:20px;
}

ul.section_list li{
	list-style: none;
	margin-bottom: 12px;
	font-size: 12px;
}

ul.section_list li.small{
	list-style: none;
	margin-bottom: 12px;
	font-size: 12px;
}

ul.section_list li.medium{
	list-style: none;
	margin-bottom: 16px;
	font-size: 16px;
}

ul.section_list li.large{
	list-style: none;
	margin-bottom: 20px;
	font-size: 20px;
}

ul.section_list li a{
	color: #EE2A7B;
}

#morebox{
	display: none;	
}

#readmore{
	padding-top: 20px;	
}

#more_text{
	display: block;	
}

hr {
	display: none;	
}

#main ol{
	margin-left: 10px;
}

/*#main ol li{
	margin-bottom: 0;
}
*/

span.date{
	display: block;
}

.fluid{
	height: auto !important;
}

.noborder{
	border-bottom: 0 !important;
}

.padme{
	padding-bottom: 5px;
}

.fullwidth{
	width: 670px !important;
	margin-right: 0 !important;
}

.challenges{
	width: 210px;
	float: left;
	margin: 0;
	padding: 0;
}

.event{
	width: 220px;
	float: left;
	margin-bottom: 10px;
	position: relative;
}

.main_event{
	width: 450px;
	float: left;
	background: green;
	margin-bottom: 10px;
}


#event_container{
	float: right;
	width: 450px;
	margin: 0;
	padding: 0;
}

.main_event{
	color: #fff;
}

#event_container p, .main_event p{
	padding: 10px;
	color: #fff;
	padding-top: 0;
	margin-bottom: 0 !important;
	padding-bottom: 0;
}

#event_container a, .main_event a{
	display: block;
	color: #fff;
	font-weight: bold;
}


#event_container h4{
	padding: 10px;
	color: #fff;
	font-weight: bold;
	font-size: 19px;
	line-height:20px;
}

#event_container .main_event h4, #event_container.fundpage h4{
	font-size: 28px;
	line-height: 28px;
}

.fundpage{
	float: none !important;

	width: 430px !important;
}

.col1{
	float: left;
	width: 220px;
}

.col2{
	float: left;
	margin-left: 10px;
	width: 220px;
}

.event_img{
	float: right;
	padding-left: 3px;

}

.event_img_lrg{
	float: right;
	padding-left: 10px;
}

.challenges h4{
	margin-top: 10px;
	color: #EE2A7B !important;
	font-size: 14px;
	font-weight: bold !important;
}

.challenges p{
	padding-left: 12px;
	padding-right: 5px;
}

.challenges a{
	color: #EE2A7B;
}

h3.seperator{
	font-weight: normal;
	color: #636466;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 3px solid #EE2A7B;
}

h6{
	font-size: 10px;
	font-weight: normal;
	padding: 0;
	margin: 0;
}

/* search results */
ul.results{
	list-style: none;
}

ul.results li{
	margin: 0;
	padding:0;
}

ul.results p{
	margin: 0;
	padding:0;
	margin-bottom: 1em;
}

ul.results h3{
	padding: 0;
	margin: 0;
}

/* pagination */

.paging ul{
	display: block;	
}

.paging ul li{
	border:1px solid #939598;
	float:left;
	list-style-type:none;
	margin:0 5px 0 0;
	padding:3px 5px;
}

.paging ul li a{
	color:#EE2A7B;
}

.event.yourown h4, div.yourown p, div.yourown a{
	color:#EE2A7B !important;
}

a.nomargin{
	margin: 0 !important;
}

ul.subs li{
	list-style: none;
	padding: 0;
	margin: 0;
	margin-top: 1em;
}

div.overlay {
	position: relative;
	left: -81px !important;
	top: -60px !important;
	padding:40px;	
	width:512px;  
	display:none;
	background-image:url(../gr/white.png);	
}

div.overlay div.close {
	background:url(../gr/close.png) no-repeat;
	position:absolute;
	top:2px;
	right:5px; 
	width:35px;
	height:35px;
	cursor:pointer;
}

div.overlay a {
	height:280px;
	display:block;
}

img.sidebarimg{
	padding-bottom: 10px;	
}

div.addthis_toolbox {
	margin-top: 10px;	
}

img.caritas{
	position: absolute;
	left: 30px;
	bottom: -140px;
}


.media-links{
	padding-top: 10px;
	display: block;	
}

.media-links li{
	list-style-type: none;
	display: block;
}

.media-links li a{
	display: block;
	background-image:url(../gr/audio_icon.png);
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 28px;
	min-height: 20px;
	height: auto !important;
	height: 20px;
	color: #e9227e !important;
	/*margin: 10px;*/
	line-height: 1.7em;
}

h2>p{
	margin-bottom: 0 !important;
}