* CSS Document */

  
/* ------------------------------- Main Layouts ----------------------------- */


body {
  background: #012663 url(images/bg.jpg) top left repeat-y;
  margin: 0px;
  padding: 0px;
  text-align: center;	
}

#container {
  background: #ffffff url() top left repeat-y;
  width: 900px;
  margin: 0 auto;
  padding: 0;
  text-align: left;
}

#header {
  background: #012663 url(images/header.jpg) no-repeat;
  width: 900px;
  height: 191px;
}

#navigation {
  background: #ffffff url(images/navigation.jpg) no-repeat;
  width: 900px;
  height: 30px;
}

#subcontent {
  float: left;
  background: #012663 url(images/subcontent.jpg) no-repeat;
  width: 900px;
  height: 277px;
}

.quotes {
  float: left;
  width: 320px;
  height: 135px;
  margin-top: 100px;
  margin-left: 40px;
  *html margin-left : 10px;
  color: #FFFFFF;
  font: bold italic 14px Arial, Helvetica, sans-serif;
}

*html .quotes
{
  margin-left : 20px;
 }


.three {
  float: right;
  width: 190px;
  height: 220px;
  margin-top: 40px;
  margin-right: 10px;
}

.form {
  float: left;
  margin-top: 36px;
  margin-left: 8px;
  width: 100px;
  color: #61666d;
  font: 8pt Verdana, Arial, Helvetica, sans-serif;
  padding-left: 2px;
}

.formsubmit {
  background: url(images/submit.jpg) no-repeat;
  float: right;
  width: 58px;
  height: 22px;
  margin-top: 35px;
  margin-right: 7px;
  cursor: pointer;
  border: 0px;
}

.makedonation {
  background: url(images/makedonation.jpg) no-repeat;
  width: 135px;
  height: 22px;
  margin-top: 117px;
  margin-left: 45px;
  cursor: pointer;
}

.getinvolved {
  background: url(images/getinvolved.jpg) no-repeat;
  width: 180px;
  height: 22px;
  margin-top: 56px;
  margin-left: 3px;
  cursor: pointer;
}

.recentnews {
  background: #e9f3f9 url(images/recentnewshome.jpg) top left no-repeat;
  float: left;
  margin-top: 20px;
  margin-left: 10px;
  padding: 50px 5px 30px 6px;
  width: 349px;
  border: 2px solid #a4b1c4;
  font: 10px Verdana, Arial, Helvetica, sans-serif;
}

.actnow {
  background: #e9f3f9 url(images/actnowhome.jpg) top left no-repeat;
  float: left;
  margin-top: 20px;
  margin-left: 20px;
  width: 234px;
  height: 210px;
  border: 2px solid #a4b1c4;
  cursor: pointer;
}

.gallery {
  background: #e9f3f9 url(images/gallery.jpg) no-repeat;
  float: left;
  margin-top: 20px;
  margin-left: 20px;
  width: 231px;
  height: 210px;
  border: 3px solid #a4b1c4;
  text-align:center;
}


#content {
  float: left;
  background: #012663;
  width: 900px;
}

#textbg {
  float: left;
  background: #012663 url(images/subcontentother.jpg) no-repeat;
  width: 900px;
}

#subpagecontent {
	background: url(images/subpagecontent.gif) no-repeat;
	float: left;
	width: 250px;
	height: 235px;
	margin-top: 20px;
	margin-left: 20px;
}

*html #subpagecontent {
	background: url(images/subpagecontent.gif) no-repeat;
	float: left;
	width: 250px;
	height: 235px;
	margin: 20px 0px 0 10px;
	padding: 0px;
	}

/** html #subpagecontent {
back\ground-color: transparent;
background-image: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/subpagecontent.png',sizingMethod='scale');
}*/

.thethree {
  float: right;
  width: 190px;
  height: 235px;
  margin-top: 5px;
  margin-right: 0px;
}

#thetext {
  float: left;
  width: 550px;
  margin-left: 30px;
  margin-top: 20px;
}

#texttop {
  background: url(images/texttop.png) top right no-repeat;
  width: 580px;
  height: 20px;
}

* html #texttop {
back\ground-color: transparent;
background-image: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/texttop.png',sizingMethod='scale');
}

#text {
  width: 540px;
  background: url(images/textbg.png) top right repeat;
  padding: 5px 20px 40px 20px;
  font: 13px Verdana, Arial, Helvetica, sans-serif;
}

* html #text {
back\ground-color: transparent;
background-image: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/textbg.png',sizingMethod='scale');
}

#textbottom {
  background: url(images/textbottom.png) top right no-repeat;
  width: 580px;
  height: 30px;
}

* html #textbottom {
back\ground-color: transparent;
background-image: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/textbottom.png',sizingMethod='scale');
}

#logo {
  background: url(images/logo.jpg) no-repeat;
  width: 650px;
  height: 68px;
  margin-left: 250px;
  cursor: pointer;
  border: 0px;
}

#footer_top {
  margin-top: 50px;
  background: #011F51;
  width: 900px;
  height: 30px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #E5E6E8;
  clear: both;
  font-size:12px;
}

#footer_top p {
padding-top:16px;
margin: 0 0 0 20px;
  font-size: 12px;
}


#footer {
  background: url(images/footer.jpg) top left no-repeat;
  width: 900px;
  height: 50px;
  font: 13px Geneva, Arial, Helvetica, sans-serif;
  color: #666666;
  clear: both;
}

.footerimage {
 background: url(images/createdby.png) no-repeat;
  float: right;
  width: 220px;
  height: 30px;
  margin-top: 5px;
  margin-right: 10px;
  cursor: pointer;
 }

* html .footerimage {
back\ground-color: transparent;
background-image: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/createdby.png',sizingMethod='scale');
}


/* ------------------------------- Link Layouts ----------------------------- */


.navigationallink:link {text-decoration: none; color: #000000;}
.navigationallink:visited {text-decoration: none; color: #000000;}
.navigationallink:hover {text-decoration: none; color: #CCCCCC;}
.navigationallink:active {text-decoration: none; color: #000000;}
.navigationallink {
  margin-right: 40px;
  font: 12pt bold Verdana, Arial, Helvetica, sans-serif;
  color: #000000;
}


/* ------------------------------- Navigation Layouts ----------------------------- */

.homelink {
  background: url(images/home.jpg) no-repeat;
  margin-left: 195px;
  float: left;
  width: 70px;
  height: 30px;
  cursor: pointer;
}

.biographylink {
  background: url(images/biography.jpg) no-repeat;
  margin-left: 0px;
  float: left;
  width: 82px;
  height: 30px;
  cursor: pointer;
}

.newslink {
  background: url(images/news.jpg) no-repeat;
  margin-left: 0px;
  float: left;
  width: 54px;
  height: 30px;
  cursor: pointer;
}

.issueslink {
  background: url(images/issues.jpg) no-repeat;
  margin-left: 0px;
  float: left;
  width: 60px;
  height: 30px;
  cursor: pointer;
}

.teamlinderlink {
  background: url(images/teamlinder.jpg) no-repeat;
  margin-left: 0px;
  float: left;
  width: 96px;
  height: 30px;
  cursor: pointer;
}

.photogallerylink {
  background: url(images/photogallery.jpg) no-repeat;
  margin-left: 0px;
  float: left;
  width: 104px;

  height: 30px;
  cursor: pointer;
}

.contributenowlink {
  background: url(images/contributenow.jpg) no-repeat;
  margin-left: 0px;
  float: left;
  width: 114px;
  height: 30px;
  cursor: pointer;
}

.linkslink {
  background: url(images/links.jpg) no-repeat;
  margin-left: 0px;
  float: left;
  width: 54px;
  height: 30px;
  cursor: pointer;
}

.contactlink {
  background: url(images/contact.jpg) no-repeat;
  margin-left: 0px;
  float: left;
  width: 66px;
  height: 30px;
  cursor: pointer;
}

/* --------------------------- */

.blue_bold_text {
color: #012663;
font-weight: bold;
font-size: 15px;
}

.bb_text {
color: #012663;
font-weight: bold;
font-size: 11px;
}

.date_font {
color:#720403;
font-weight: bold;
font-family:Georgia, "Times New Roman", Times, serif;
}

.parpage {
margin: 5px 0 0 0;
line-height: 17px;
text-align: justify;
}

a.linkb2b, a.linkb2b:visited
	{
	color:#012663;
	font-weight: bold;
	text-decoration: underline;
	font-size: 11px;
	}
	
a.linkb2b:hover
	{
	color:#000;
	text-decoration: none;
	}
	
.leftimg {
float:left;
margin: 0 10px 0 0;
}

.pgallery a img{
border: 2px solid #012663;
padding:1px;
}


.pgallery a:hover img{
border: 2px solid #8F0503;
}

.pgallery a:hover{
color: gray;
}	


img {
border: none;
}

#nav {
float: right;
} 

#nav ul {
margin: 0px 0px 0px 0px;
padding: 0px;
 }

#nav ul li { display: inline; }

#nav ul li a
{
/*padding: 16px 17px  17px 17px;*/
padding: 9px 7px 8px 7px;
color: #000;
text-decoration: none;
float: left;
border-right: 1px solid #dbe0e4;
font: bold 11px Verdana, Arial, Helvetica, sans-serif;
}

#nav ul li a:hover
{
background-color: #c40202;
color: #fff;
}

#nav li a#current
{
background-color: #c40202;
color: #fff;
}