/* CSS Document */
/*repeating green color on the left*/
body {
margin:0px;
padding:0px;
background-color:#FFEB80;
background-position:left;
background-image:url(images/green.jpg);
background-repeat:repeat-y;
}
#home{
background-color:#A1CDFC;
background-image:url(images/greenIndex.jpg);
}
#gallery{
background-image:url(images/greenGallery.jpg);
}
/*main background image*/
#container{
margin:0px;
padding:0px;
top:0px;
left:0px;
width:824px;
height:534px;
position:absolute;
background-position:top;
background-image:url(images/bg.jpg);
background-repeat:no-repeat;
}
/*main background image for Home*/
#containerHome{
margin:0px;
padding:0px;
top:0px;
left:0px;
width:975px;
height:575px;
position:absolute;
background-position:top;
background-image:url(images/bgHome.jpg);
background-repeat:no-repeat;
}
/*general text and link styles*/
p{
margin:0px;
padding:5px 10px 15px 10px;
}
a {
text-decoration:none;
color:#8b0000;
}
a:hover {
text-decoration:underline;
color:#8b0000;
}
/*main navigation on left*/
#nav{
position:absolute;
top:129px;
left:0px;
width:160px;
margin:0px;
padding:0px;
float:left;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
line-height:18px;
font-weight:normal;
}
ul{
margin:0px;
padding:0px;
list-style-type:none;
}
#nav li{
padding:0px;
margin:0px;
list-style-type:none;
vertical-align: bottom;
display:inline;
}
#nav a{
display:block;
padding:5px 5px 5px 10px;
margin:0px;
color:#FFFFFF;
text-decoration:none;
font-weight:normal;
}
#nav a:hover{
display:block;
padding:5px 5px 5px 10px;
margin:0px;
background-color:#7BA347;
color:#FFFFFF;
text-decoration:none;
font-weight:normal;
}
/*bg color for the selected category on the main and sub navigations*/
#home #selected a,
#aboutUs #selected a,
#sanctuary #selected a,
#mission #selected a,
#whatsNew #selected a,
#grantees #selected a,
#history #selected a,
#DVD #selected a,
#support #selected a,
#links #selected a,
#UN #selected a, 
#gallery #selected a{
background-color:#7BA347;
}
/*main content area*/
#main {
position:absolute;
top:129px;
left:160px;
width:500px;
margin:0px;
padding:0px;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
line-height:16px;
color:#000000;
display:block;
background-color:#E5ECCA;
}
/*text styles for main content area*/
#main p{
margin:0px;
padding:5px 10px 10px 10px;
}
#main h1{
color:#146232;
font-size:20px;
line-height:20px;
padding:5px 10px 5px 10px;
margin:0px;
}
#main h2{
color:#6E5241;
font-size:16px;
line-height:16px;
padding:5px 10px 5px 10px;
margin:0px;
}
#main h3{
color:#6E5241;
font-size:13px;
line-height:13px;
padding:5px 10px 3px 10px;
margin:0px;
}
#main h2 a {
text-decoration:none;
color:#6E5241;
}
#main h2 a:hover {
text-decoration:none;
color:#6E5241;
}
#main h3 a {
text-decoration:none;
color:#6E5241;
}
#main h3 a:hover {
text-decoration:none;
color:#6E5241;
}
/*padding for pics in the main section*/
#mainPic {
padding:0px 10px 3px 0px;
}
/*indent an area of the main content area*/
#mainIndent{
padding:0px 30px 0px 30px;
}
/*quotes*/
#quotes {
font-size:12px;
font-weight:bold;
font-style:italic;
text-align:center;
margin:0px;
padding:0px 35px 5px 30px;
}
#quotes h4{
font-size:11px;
font-weight:bold;
font-style:italic;
text-align:right;
margin:0px;
padding:0px;
}
/*small copyright text*/
#copyright{
font-size:10px;
}
/*holder for the sub categories*/
#subHolder{
position:absolute;
float:left;
top:101px;
left:160px;
width:685px;
display:block;
background-color:#A0522D;
}
/*optional sub categories that sit at the top of the main content*/
#sub{
width:100%;
margin:0px;
padding:0px;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:12px;
font-weight:normal;
}
#sub li {
display:inline;
width:auto;
list-style-type:none;
padding:0px;
margin:0px;
}
#sub a{
float:left;
display:block;
padding:5px 8px 5px 8px;
margin:0px;
color:#FFFFFF;
background-color:#A0522D;
text-decoration:none;
font-weight:normal;
}
#sub a:hover{
display:block;
padding:5px 8px 5px 8px;
margin:0px;
background-color:#7BA347;
color:#FFFFFF;
text-decoration:none;
font-weight:normal;
}
/*styled containers on the home page*/
#homePods {
position:absolute;
top: 128px;
left: 208px;
width:500px;
margin:0px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:14px;
color:#FFFFFF;
}
/*3 different colored containers for the home page*/
#podBlue {
display:block;
height:90px;
background-color:#7EAEDD;
margin-bottom:20px;
padding:5px;
}
#podGreen {
display:block;
height:90px;
background-color:#7BA347;
margin-bottom:20px;
padding:5px;
}
#podBrown {
display:block;
height:90px;
background-color:#A0522D;
margin-bottom:20px;
padding:5px;
}
/*text styles for the home page containers*/
#homePods h1 {
padding:10px 10px 5px 105px;
text-align:left;
margin:0px;
font-size:16px;
}
#homePods p {
padding:10px 10px 10px 105px;
text-align:left;
margin:0px;
}
/*sidebar containers on the left*/
#sidebar {
position:absolute;
top:129px;
left:665px;
width:180px;
margin:0px;
padding:0px 0px 0px 0px;
}
/*text styles for the sidebar containers*/
#sidebar h1{
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
background-color:#996542;
text-align:right;
font-size:14px;
line-height:16px;
padding:3px 10px 3px 10px;
margin:0px 0px 0px 0px;
font-weight:normal;
}
#sidebar p {
text-align:right;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:13px;
color:#000000;
display:block;
background-color:#E5ECCA;
padding:5px 10px 5px 10px;
margin:0px 0px 5px 0px;
}
/*padding for pics in sidebar*/
#pic {
padding:5px 0px 5px 0px;
}
#caption{
text-align:center;
}
/*contact info*/
#footer{
position:absolute;
top:530px;
left:0px;
width:160px;
margin:0px;
padding:10px;
float:left;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:14px;
font-weight:normal;
color:#FFFFFF;
}
#footer a {
color:#8b0000;
}
/*gallery*/
/*main content area*/
#galleryHolder {
position:absolute;
top:129px;
left:160px;
width:620px;
margin:0px;
padding:0px;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
line-height:16px;
color:#000000;
display:block;
background-color:#E5ECCA;
}
#DVD h2{
color:#6E5241;
font-size:16px;
line-height:16px;
padding:15px 10px 5px 37px;
margin:0px;
}
/*grantees drop down*/
#granteesDD{
height:50px;
position:relative;
z-index:2;
}