﻿
/* BASE STYLES */

* {
margin:0; 
padding:0; 
border:0;
}

html
{
height:101%;
}

body {
margin:0px; 
padding:0; 
color:#494949; 
font-family:Arial, Helvetica, sans-serif;
font-weight:bold; 
font-size:12px;
background-image:url(images/top_background.gif);
background-repeat:repeat-x;
background-position:top;
}

body.pageMenu1 #menu1,
body.pageMenu2 #menu2,
body.pageMenu3 #menu3,
body.pageMenu4 #menu4,
body.pageMenu5 #menu5,
body.pageMenu6 #menu6 {font-size:15px; text-decoration:underline; color:#ce1126; font-weight:bold;}	

p {
margin:0; 
padding:0;
}

li {background-image:url(/images/bullet.gif); background-repeat:no-repeat; padding:5px 0 0 12px; list-style:none;}

h1 span, h2 span, h3 span {
display:none;
}

a:link
{
color:#ce1126; 
font-family:Arial, Helvetica, sans-serif; 
font-size:12px;
font-weight:bold; 
text-decoration:underline;
}

a:visited
{	
color:#ce1126; 
font-family:Arial, Helvetica, sans-serif; 
font-size:12px;
font-weight:bold; 
text-decoration:underline;
}

a:hover
{
color:#ce1126; 
font-family:Arial, Helvetica, sans-serif; 
font-size:12px;
font-weight:bold; 
text-decoration:none;
}

#container{
margin: 0 auto;
width:970px;
padding:0px;
}

/* HEADER */
	
#header_container {
float:left;
text-align:left;
width:970px;
height:101px;
padding:0px;
}

#nav_container {
float:left;
padding:70px 0px 0px 25px;
width:430px;
color:#686868;
font-size:14px;
}

#logo_container {
float:right;
padding:14px 0px 0px 0px;
width:506px; 
height:66px;
}

#logo {
float:right;
padding:0px;
width:506px; 
height:66px;
background-image:url(images/logo.png);
background-repeat:no-repeat;
}

.logo_link{
padding:0px;
width:506px; 
height:66px;
}

.logo_link a{
display:block;
width:506px; 
height:66px;
}

/* BODY */

#content_container {
float:left;
text-align:left;
width:970px; 
padding:21px 0px 40px 0px;
}

#content_container2 {
float:left;
text-align:left;
width:970px;
padding:40px 0px 40px 0px;
background-image:url(images/container_bg.png);
background-repeat:no-repeat;
}

#content_container3 {
float:left;
text-align:left;
width:970px;
height:666px;
padding:40px 0px 20px 0px;
background-image:url(images/container_bg.png);
background-repeat:no-repeat;
}

#home_news_container {
float:left;
text-align:left;
width:970px; 
height:351px;
padding:0px;
background-image:url(images/home_newsbg.gif);
background-repeat:no-repeat;
}

#news_left {
float:left;
text-align:left;
width:462px; 
height:331px;
padding:10px 0px 0px 10px;
}

#news_left_content {
float:left;
text-align:left;
width:422px; 
height:291px;
padding:20px;
}

#news_title {
text-align:left;
width:69px; 
height:33px;
padding:0px;
clear:both;
}

#news_wrap_left {
float:left;
text-align:left;
width:175px;
padding:0px;
}

#news_text1 {
float:left;
text-align:left;
width:175px;
height:264px; 
padding:10px 0px 0px 0px;
}

#news_wrap_right {
float:left;
text-align:left;
width:247px;
padding:0px;
}

#news_pic {
float:left;
text-align:left;
width:247px;
height:275px; 
padding:10px 0px 0px 0px;
}

#news_right {
float:left;
text-align:left;
width:488px; 
height:331px;
padding:10px 0px 0px 0px;
}

#home li {background-image:none; list-style:none; padding:0px;}

#home_container_left {
float:left;
text-align:left;
width:485px; 
padding:15px 0px 0px 0px;
}

#mission_container {
float:left;
text-align:left;
width:485px; 
padding:0px 0px 25px 0px;
}

#mission_text {
float:left;
text-align:left;
width:380px;
padding:0px 0px 0px 28px;
}

#donate_container {
float:left;
text-align:left;
width:485px; 
height:255px; 
padding:0px;
background-image:url(images/donate_bg.png);
background-repeat:no-repeat;
}

#donate_content {
float:left;
text-align:left;
width:370px; 
padding:80px 0px 0px 40px;
color:#ffffff;
line-height:13px;
}

#home_container_right {
float:left;
text-align:left;
width:485px;
padding:15px 0px 0px 0px;
}

#objectives_content {
float:left;
text-align:left;
width:450px;
padding:0px 0px 0px 28px;
}

.star_container_top {
float:left;
text-align:left;
padding:0px 0px 15px 0px;
width:450px;
border-bottom:1px solid #e0e0e0;
}

.star_container {
float:left;
text-align:left;
padding:15px 0px 15px 0px;
width:450px;
border-bottom:1px solid #e0e0e0;
}

.star_container_bottom {
float:left;
text-align:left;
padding:15px 0px 0px 0px;
width:450px;
}

.star_container_content {
float:left;
text-align:left;
padding:0px;
width:430px;
}

.objectives_star {
font-size:12px;
text-decoration:none;
color:#494949;
font-weight:bold;
background: url(images/star.png) no-repeat;
background-position:top left;
padding:0px 0px 0px 35px;
}

#subpage_content {
float:left;
text-align:left;
width:650px;
padding:0px 0px 0px 28px;
}

#subpage_content_text {
float:left;
text-align:left;
width:620px;
padding:0px;
}

#subpage_content_text2 {
float:left;
text-align:left;
width:610px;
padding:0px;
}

.blog_text {
float:left;
text-align:left;
width:600px;
padding:0px;
}

.blog_picture {
float:left;
text-align:left;
width:600px;
padding:10px 0px 0px 0px;
}

.blog_picture2 {
float:left;
text-align:left;
width:452px;
padding:10px 0px 0px 0px;
}

.blog_tag{
float:left;
text-align:left;
width:600px;
padding:5px 0px 10px 0px;
}

#side_pic {
float:left;
text-align:left;
width:247px;
height:275px; 
padding:0px;
}

/* FOOTER */

#seo_container {
float:left;
text-align:left;
width:960px;
padding:10px 0px 30px 20px;
border-top:1px solid #e0e0e0;
font-size:11px;
text-decoration:none;
color:#8a8a8a;
font-weight:normal;
}

/* HEADINGS */

.page_headings_home {
float:left;
width:457px;
height:33px; 
padding:0px 0px 10px 28px;
clear:both;
}

.page_headings_home h1 {
display:none; margin:0;
}

.page_headings {
float:left;
width:600px;
height:33px; 
padding:0px 0px 10px 0px;
}

.page_headings h1 {
display:none; margin:0;
}

.heading_missionstatement { width:288px; height:33px; background-image:url(images/title_missionstatement.png); background-repeat:no-repeat; }
.heading_objectives { width:197px; height:33px; background-image:url(images/title_objectives.png); background-repeat:no-repeat; }
.heading_helpdonate { width:146px; height:33px; background-image:url(images/title_helpdonate.png); background-repeat:no-repeat; }
.heading_news { width:69px; height:33px; background-image:url(images/title_news.png); background-repeat:no-repeat; }
.heading_contactus { width:134px; height:33px; background-image:url(images/title_contact.png); background-repeat:no-repeat; } 
.heading_blog { width:57px; height:33px; background-image:url(images/title_blog.png); background-repeat:no-repeat; }
.heading_thankyou { width:129px; height:33px; background-image:url(images/title_thankyou.png); background-repeat:no-repeat; }
.heading_gallery { width:87px; height:33px; background-image:url(images/title_gallery.png); background-repeat:no-repeat; }

/* TEXT */

h1 {
padding:0px;
height:14px;
font-size:11px;
color:#21655f;
}

h2 {
margin:0;
padding:0px;
font-family:Arial, Helvetica, sans-serif; 
font-size:14px;
color:#006b3f;
}

h3 {
margin:0;
padding:0px;
font-family:Arial, Helvetica, sans-serif; 
font-size:14px;
color:#ce1126;
}

.green_text {
color:#006b3f; 
font-family:Arial, Helvetica, sans-serif;
font-weight:bold; 
font-size:12px;
}

.red_text {
color:#ce1126; 
font-family:Arial, Helvetica, sans-serif;
font-weight:bold; 
font-size:12px;
}

/* LINKS */

.nav_link:link, .nav_link:visited {
font-size:15px;
text-decoration:none;
color:#686868;
font-weight:bold;
}

.nav_link:hover {
font-size:15px;
text-decoration:underline;
color:#ce1126; 
font-weight:bold;
}

.seo_link:link, .seo_link:visited {
font-size:11px;
text-decoration:none;
color:#8a8a8a;
font-weight:normal;
}

.seo_link:hover {
font-size:11px;
text-decoration:underline;
color:#ce1126; 
font-weight:normal;
}

.yellow_link:link, .yellow_link:visited {
font-size:12px;
text-decoration:underline;
color:#fcd116;
font-weight:bold;
}

.yellow_link:hover {
font-size:12px;
text-decoration:none;
color:#fcd116; 
font-weight:bold;
}

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between all ColorBox themes
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, 
    in hope that this will make the relationship easier to understand. Thanks, jack@colorpowered.com
*/
#cboxOverlay{background:url(../images/overlay.png) 0 0 repeat;}

#colorbox{}
	#cboxTopLeft{width:21px; height:21px; background:url(../images/controls.png) -100px 0 no-repeat;}
	#cboxTopRight{width:21px; height:21px; background:url(../images/controls.png) -129px 0 no-repeat;}
	#cboxBottomLeft{width:21px; height:21px; background:url(../images/controls.png) -100px -29px no-repeat;}
	#cboxBottomRight{width:21px; height:21px; background:url(../images/controls.png) -129px -29px no-repeat;}
	#cboxMiddleLeft{width:21px; background:url(../images/controls.png) left top repeat-y;}
	#cboxMiddleRight{width:21px; background:url(../images/controls.png) right top repeat-y;}

	#cboxTopCenter{height:21px; background:url(../images/border.png) 0 0 repeat-x;}
	#cboxBottomCenter{height:21px; background:url(../images/border.png) 0 -29px repeat-x;}

	#cboxContent{background:#fff;}
		#cboxLoadedContent{margin-bottom:28px;}
                #cboxTitle{position:absolute; bottom:3px; left:0; text-align:center; width:100%; color:#686868; font-weight:normal;}
                #cboxCurrent{position:absolute; bottom:3px; left:58px; color:#949494;}
                #cboxSlideshow{position:absolute; bottom:3px; right:30px; color:#0092ef;}
                #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(../images/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
                #cboxPrevious.hover{background-position:-75px -25px;}
                #cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
                #cboxNext.hover{background-position:-50px -25px;}
		#cboxLoadingOverlay{background:url(../images/loading_background.png) center center no-repeat;}
                #cboxLoadingGraphic{background:url(../images/loading.gif) center center no-repeat;}
		#cboxClose{position:absolute; bottom:0; right:0; background:url(../images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
		#cboxClose.hover{background-position:-25px -25px;}
		
#gallery_thumbnails_container{
float:left;
text-align:left;
width:620px;
margin:0;
display:inline;
}

.gallery_thumb{
float:left;
text-align:left;
width:146px;
height:111px;
margin:0px 0px 8px 8px;
display:inline;
}

.gallery_thumb a, .gallery_thumb a:link, .gallery_thumb a:visited {border: solid 1px #cacaca; display:block;}
.gallery_thumb a:hover {border: solid 1px #4b4a4a; display:block;}
