/* ----------------------- TSD Stylesheet ----------------------- */


/*-------------- General Styles --------------*/
body {
background-color: #dae5f2;
margin: 0px;
padding: 20px;
}
div, ul, li, p {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 1.8em;
color: #808080;
}
/*#content div, #content ul, #content li, #content p {
font-size: 12px;
}*/

h1, h2, h3, h4, .h2, .h3, .h4 {
color: #bb8d4c !important;
font-weight: bold;
}
h1 {
font-size: 20px;
}
h2, .h2 {
font-size: 18px;
}
h3, .h3 {
font-size: 16px;
}
h4, .h4 {
font-size: 14px;
}
#content h3, #content h4 {
margin-top: 1.4em;
margin-bottom: -.4em;
}
#content h2.page_title {
margin-top: 1.5em;
border-bottom: 1px solid #eee2d2;
}


/*-------------- Miscellaneous / Classes --------------*/
.intro_big {
font-size: 17px;
line-height: 1.7em;
margin-bottom: -.2em;
color: #bb8d4c;
font-style: italic;
font-weight: bold;
}
#home .intro {
font-size: 14px;
color: #999;
font-style: italic;
}
#inside .intro {
font-size: 1.1em;
color: #999;
}
a.more_link {
/*display: block;
float: right;*/
text-align: right;
margin-left: 10px;
}
.pullquote {
width: 130px;
font-size: 16px;
line-height: 2em;
color: #bb8d4c;
margin-top: 0px;
}
.pullquote span {
color: inherit;
font-size: .7em;
font-style: italic;
text-align: right !important;
}
.photo {
margin-top: 5px;
margin-bottom: 8px;
}
.photo img, img.photo {
padding: 2px;
border: 1px solid #bbd0e8;
/*border: 1px solid #c1de8c;*/
}
.caption {
color: #989898;
font-weight: bold;
font-style: italic;
font-size: 11px;
}
.title_link, .title_link a:link, .title_link a:visited {
font-size: 14px;
font-weight: bold;
color: #bb8d4c;
}
.title_link a:hover, .title_link a:active {
color: #dcae6c;
background: none;
/*background-color: #fff3e1;
border-bottom: 1px dotted #bb8d4c;*/
}


.left {
float: left;
margin-right: 10px;
}
.right {
float: right;
margin-left: 10px;
}
.clear {
clear: both;
}



/*-------------- Content Box --------------*/
#content .box {
width: 585px;
margin-top: 25px;
margin-left: -5px;
background: url(img/box_content_bg.gif) repeat-y;
}
#content .box .box_title {
width: 585px;
height: 39px;
background: url(img/box_title.gif) no-repeat;
}
#content .box .box_title span {
display: none;
}
#content .box .box_content {
padding: 0px 20px 0px 17px;
}
#content .box .box_bottom {
width: 585px;
height: 25px;
background: url(img/box_bottom.gif) no-repeat;
}

/*-------------- Sidebar Blocks --------------*/
#sidebar .block {
width: 195px;
margin-top: 25px;
/*margin-left: -5px;*/
background: url(img/block_content_bg.gif) repeat-y;
}
#sidebar .block .block_title {
width: 195px;
/*height: 39px;
background: url(img/block_title.gif) no-repeat;*/
}

#sidebar .block .block_title a {
display: block;
}
#sidebar .block .block_title a:hover {
background: none;
}
#sidebar .block .loretobay {
width: 195px;
height: 111px;
background: url(img/block_title_loretobay.jpg) no-repeat;
}
#sidebar .block .loretobay a {
width: 195px;
height: 111px;
}
#sidebar .block .loretobay_online {
width: 195px;
height: 159px;
background: url(img/block_title_loretobay_online.jpg) no-repeat;
}
#sidebar .block .loretobay_online a {
width: 195px;
height: 159px;
}


#sidebar .block .block_title span {
display: none;
}
#sidebar .block .block_content {
padding: 10px 20px 0px 25px;
color: #989898;
font-size: 11px;
}
#sidebar .block .block_bottom {
width: 195px;
height: 25px;
background: url(img/block_bottom.gif) no-repeat;
}


/*-------------- Link Classes --------------*/
a:link {
color: #6ba600;
text-decoration: none;
}
a:visited, a:active {
color: #98c04d;
text-decoration: none;
}
a:hover {
color: #fff;
text-decoration: none;
background-color: #6ba600;
}
a img {
border: none;
}


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


/* Primary Navigation Tabs */
ul#nav1 {
margin: 0px;
height: 47px;
}
ul#nav1 li {
list-style: none ;
position: absolute ;
top: 0;
}

ul#nav1 li,
ul#nav1 li a:link,
ul#nav1 li a:visited,
ul#nav1 li a:active,
ul#nav1 li a:hover {
display: block;
height: 47px;
margin: 0px;
}
ul#nav1 li span {
display: none;
}

ul#nav1 #who_we_are {
width: 104px;
height: 47px;
right: 442px;
background: url(img/who_we_are_off.gif) no-repeat;
}
ul#nav1 #how_we_work {
width: 113px;
height: 47px;
right: 329px;
background: url(img/how_we_work_off.gif) no-repeat;
}
ul#nav1 #projects {
width: 79px;
height: 47px;
right: 250px;
background: url(img/projects_off.gif) no-repeat;
}
ul#nav1 #grants_programs {
width: 150px;
height: 47px;
right: 100px;
background: url(img/grants_programs_off.gif) no-repeat;
}
ul#nav1 #news {
width: 100px;
height: 47px;
right: 0px;
background: url(img/news_off.gif) no-repeat;
}

ul#nav1 #who_we_are a:hover { background: url(img/who_we_are_on.gif) no-repeat; }
ul#nav1 #how_we_work a:hover { background: url(img/how_we_work_on.gif) no-repeat; }
ul#nav1 #projects a:hover { background: url(img/projects_on.gif) no-repeat; }
ul#nav1 #grants_programs a:hover { background: url(img/grants_programs_on.gif) no-repeat; }
ul#nav1 #news a:hover { background: url(img/news_on.gif) no-repeat; }


/* Secondary Navigation */
ul#nav2 {
margin: 0px;
width: 195px;
}
ul#nav2 li {
list-style: none;
position: relative;
font-size: 12px;
}
ul#nav2>li {
left: -40px;
}
#home ul#nav2 li.projects {
height: 56px;
margin-bottom: -5px;
background: url(img/nav2_title_our_projects.gif) no-repeat;
}
#home ul#nav2 > li.projects { /* For non IE */
margin-bottom: 0px;
}
#inside ul#nav2 li.nav2_title {
height: 39px;
margin-bottom: -5px;
}
#inside ul#nav2>li.nav2_title {
margin-bottom: 0px;
}
#inside ul#nav2 li.who_we_are {
background: url(img/nav2_title_who_we_are.gif) no-repeat;
}
#inside ul#nav2 li.how_we_work {
background: url(img/nav2_title_how_we_work.gif) no-repeat;
}
#inside ul#nav2 li.projects {
background: url(img/nav2_title_projects.gif) no-repeat;
}
#inside ul#nav2 li.grants_programs {
background: url(img/nav2_title_grants_programs.gif) no-repeat;
}
#inside ul#nav2 li.news {
background: url(img/nav2_title_news.gif) no-repeat;
}
ul#nav2 li.nav2_title span {
display:none;
}
ul#nav2 li.nav2_title a:link,
ul#nav2 li.nav2_title a:visited,
ul#nav2 li.nav2_title a:active,
ul#nav2 li.nav2_title a:hover {
display: block;
width: 195px;
height: 39px;
margin: 0px;
background: none;
}
#home ul#nav2 li.nav2_title a:link,
#home ul#nav2 li.nav2_title a:visited,
#home ul#nav2 li.nav2_title a:active,
#home ul#nav2 li.nav2_title a:hover {
height: 56px;
}



ul#nav2 li a:link,
ul#nav2 li a:visited,
ul#nav2 li a:active,
ul#nav2 li a:hover {
display: block;
width: 170px;
height: 20px;
margin: 0px;
padding-left: 25px;
}
ul#nav2>li a:link,
ul#nav2>li a:visited,
ul#nav2>li a:active,
ul#nav2>li a:hover { /* For non IE browsers */
padding-top: 3px;
}
ul#nav2 li a:link,
ul#nav2 li a:visited {
background: url(img/nav2_off.gif) no-repeat;
color: #818181;
}
ul#nav2 li a:active,
ul#nav2 li a:hover {
background: url(img/nav2_on.gif) no-repeat;
color: #6ba600;
}

ul#nav2 li.nav2_bottom a:link,
ul#nav2 li.nav2_bottom a:visited,
ul#nav2 li.nav2_bottom a:active,
ul#nav2 li.nav2_bottom a:hover {
display: block;
width: 170px;
height: 34px;
margin: 0px;
padding-left: 25px;
padding-top: 3px;
}
ul#nav2 li.nav2_bottom a:link,
ul#nav2 li.nav2_bottom a:visited {
background: url(img/nav2_bottom_off.gif) no-repeat;
color: #818181;
}
ul#nav2 li.nav2_bottom a:active,
ul#nav2 li.nav2_bottom a:hover {
background: url(img/nav2_bottom_on.gif) no-repeat;
color: #6ba600;
}

/* Tertiary Navigation */
#inside #nav3 {
margin: 0px;
width: 600px;
height: 39px;
margin-left: -20px;
margin-top: 0px;
background: url(img/nav3_bg.gif) no-repeat;
}
#inside #content > #nav3 {
margin-top: -13px;
}
#inside #nav3 ul {
padding-top: 10px;
margin-left: 5px;
}
#inside #nav3 > ul {
padding-top: 13px;
margin-left: -34px;
}
#inside #nav3 li {
list-style: none;
display: inline;
padding-left: 15px;
}
#inside #nav3 li a {
color: #818181;
font-size: 13px;
font-variant: small-caps;
letter-spacing: .075em;
padding-bottom: 2px;
}
#inside #nav3 li a:hover {
border-bottom: 6px solid #c8e199;
background: none;
}


/*-------------- Layout --------------*/
#container {
width: 795px;
margin-left: auto;
margin-right: auto;
/*margin-top: 40px;
margin-bottom: 35px;*/
background: #fff url(img/main_bg.gif) repeat-y;
}
#header {
top: 0;
margin: 0px;
width: 795px;
height: 88px;
background: url(img/header_bg.jpg) no-repeat;
position: relative;
}
#header h1 a {
display: block;
position: absolute;
width: 249px;
height: 88px;
}
#header h1 a:hover, #header h1 a:active {
background: none;
}
#header h1 span {
display: none;
}
#home #banner_image {
margin: 0px;
width: 795px;
height: 252px;
}
#inside #banner_image {
margin: 0px;
width: 795px;
height: 201px;
}
#banner_image span {
display: none;
}

#main {
margin: 0px;
width: 795px;
}

#main #sidebar {
/*padding: 0px 15px 15px 20px;*/
width: 195px;
float: left;
padding-bottom: 25px;
overflow: hidden;
}

#main #content {
float: left;
overflow: hidden;
width: 540px;
padding: 0px 30px 25px 20px;
}
#main > #content {
overflow: visible;
}
#home #main #content { /* IE */
padding-top: 2em;
}
#home #main > #content {
padding-top: 1em;
}
#footer {
clear: both;
width: 795px;
height: 122px;
background: url(img/footer_bg.gif) no-repeat;
}
#footer p {
float: left;
font-size: 11px;
line-height: 1.5em;
margin-top: 10px;
margin-left: 15px;
}
#footer>p {
margin-top: 1em;
margin-left: 25px;
}
#footer p#contact_usa {
margin-left: 65px;
}