/* CSS Document */

body, table, tr, td, div, img, form, object, embed, ul, ol, li, cite, a {
border-width: 0;
margin: 0;
padding: 0;
}

body {
font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #531;
text-align: left;
background-color: #361;
width: 950px;
margin: 15px auto 25px auto;
border: 0;
}


/* TEXT STYLES AND GENERAL STYLES */

p { 
line-height: 18px;
}

a, li a { 
color: #251;
text-decoration: underline;
}

ul {
list-style: none;
margin: 0 0 10px 20px;
}

ul li {
padding-left: 14px;
line-height: 18px;
background: url(../images/bullet.gif) 0 3px no-repeat;
}

h1 {
font-size: 16px;
color: #251;
line-height: 22px;
margin: 0 0 10px 0;
}

h2 {
font-size: 14px;
font-style: italic;
color: #920;
line-height: 21px;
margin: 0 0 10px 0;
}

p.backtotop {
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: right;
font-size: 11px;
font-weight: bold;
background: url(../images/arrow-backtotop.gif) 424px 5px no-repeat;
margin-bottom: 10px;}

p.backtotop a {
text-decoration: none;
}

p.backtotop a:hover {
text-decoration:underline;
}

#container {
width: 940px;
float: left;
background-image: url(../images/bg-speckle.jpg);
background-repeat: repeat;
padding-left:10px;
}

.emph {
color: #057;
font-weight: bold;
}

/* PAGE CONTAINER COMPONENTS, TOP TO BOTTOM, LEFT TO RIGHT */

#header {
width: 940px;
margin-top: 10px;
}

#header img {
float: left;
padding-right: 10px;
}

.clear {
clear: both;
}

/* top (main) nav bar */
#navmain {
width: 930px;
height: 30px;
float: left;
font-size: 13px;
font-weight: bold;
text-align: center;
text-transform: uppercase;
background-image: url(../images/bg-navbar.gif);
background-repeat: repeat-x;
margin-top: 10px;
}

#navmain #about, #navmain #ourwork, #navmain #getinvolved, #navmain #news, #navmain #photos, #navmain #contact {
float: left;
padding-top: 7px;
padding-bottom: 7px;
} 

#navmain #about {
width: 155px;
border-right: 1px solid #531;
}

#navmain #ourwork {
width: 162px;
border-right: 1px solid #531;
}

#navmain #getinvolved {
width: 189px;
border-right: 1px solid #531;
}

#navmain #news {
width: 123px;
border-right: 1px solid #531;
}

#navmain #photos {
width: 141px;
border-right: 1px solid #531;
}

#navmain #contact {
width: 154px;
border: 0;
} 

#navmain a {
color: #ddb;
text-decoration: none;
}

#navmain a:hover {
color: #531;
text-decoration: none;
}

#navmain .active {
background-image: url(../images/bg-navbar-on.gif);
background-repeat: repeat-x;
}

#navmain .active a:hover {
color: #fff;
text-decoration: none;
}

#contentarea {
width: 930px;
margin:10px 0 10px 0;
float: left;
background-image: url(../images/bg-sub-blue.gif);
background-repeat: repeat-y;
}

/* left (sub) nav bar */
#leftbar {
width: 180px;
float:left;
padding: 8px 0 0 0;
margin: 0;
}

#leftbar ul {
float: left;
font-size: 11px;
font-weight: bold;
width: 180px;
list-style-type: none;
text-align: right;
padding: 0;
margin: 0 0 20px 0;
}

#leftbar li {
display: inline;
background: none;
padding: 0;
margin: 0;
}

#leftbar li a {
display: block;
color: #531;
line-height: 15px;
text-decoration: none;
padding: 0 20px 0 10px;
margin-top: 16px;
}

#leftbar li a:hover, #leftbar li.active a {
background: url(../images/arrow-subnav-onblue.gif) 96% 52% no-repeat;
color: #fff;
text-decoration: none;
}

#leftbar li.subsub a {
color: #fff;
background: url(../images/arrow-subsubnav.gif) 97% 54% no-repeat;
text-decoration: none;
}

#leftbar li.subnav a {
color: #531;
font-weight: normal;
font-style: italic;
text-decoration: none;
padding: 0 20px 0 10px;
margin-top: 4px;
}

#leftbar li.subnavactive a {
color: #fff;
font-weight: normal;
font-style: italic;
text-decoration: none;
padding: 0 20px 0 10px;
margin-top: 4px;
}

#leftbar img {
padding: 10px 0;
margin: 0;
}

#leftbar img.nonav {
padding: 0 0 20px 0;
margin: 0;
}

/* center column */
#middlecol {
width: 460px;
float: left;
padding: 16px 20px 0 30px;
}

#middlecol img.left {
padding-right: 10px;
padding bottom: 6px;
}

#middlecol img.right {
padding-left: 10px;
padding-bottom: 0;
}

#middlecol p.caption {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #245;
line-height: 13px;
}

#middlecol table {
margin: 0 0 10px 24px;
}

#middlecol td {
padding: 4px;
}

#middlecol form {
padding-top: 4px;
}

#middlecol form .boxinput { 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #666; 
background-color:	#fff;
border: 1px solid #863; 
}

/* right column */
#rightcol {
width: 230px;
float: left;
margin-left:10px;
}

#rightcol p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #245;
line-height: 13px;
padding: 3px 5px 5px 5px;
margin: 0 0 12px 0;
}

/* nav bar at bottom of page */
#navbot {
width: 930px;
height: 30px;
float: left;
font-size: 13px;
color: #ddb;
text-align: center;
text-transform: uppercase;
background-image: url(../images/bg-navbot-edge.gif);
background-repeat: repeat-x;
margin-bottom:10px;
}

#navbot_inner {
float: left;
padding-left: 77px;
}

#navbot_inner #peru, #navbot_inner #bolivia {
float: left;
padding-top: 7px;
padding-bottom: 7px;
} 

#navbot_inner #peru {
width: 206px;
background-image: url(../images/bg-navbar.gif);
background-repeat: repeat-x;
border-left: 1px solid #531;
}

#navbot_inner #bolivia {
width: 174px;
background-image: url(../images/bg-navbar.gif);
background-repeat: repeat-x;
border-left: 1px solid #531;
}

#navbot_inner #search {
width: 391px;
float: left;
background-image: url(../images/bg-navbar.gif);
background-repeat: repeat-x;
border-left: 1px solid #531;
border-right: 1px solid #531;
height: 30px;}

#navbot_inner a {
color: #ddb;
text-decoration: none;
}

#navbot_inner a:hover {
color: #531;
text-decoration: none;
}

#navbot_inner form {
height: 13px;
padding-top: 3px;
}

#navbot_inner form .boxinput { 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #666; 
background-color:	#fff;
border: 1px solid #863; 
}

#foot {
width: 940px;
text-align: center;
padding-bottom: 7px;
}

#foot p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #762;
line-height: 14px;
}

#foot a { 
color: #762; 
text-decoration: underline; 
}