@charset "UTF-8";
/* CSS Document */

body {line-height:1.5; font-size:12px; color:#000; font-family:Arial, Helvetica, sans-serif; background:url(images/body-bg.jpg); margin:0; margin-top:0; z-index:1}
a {text-decoration:none; color:#3674a3; font-weight:bold}
a:hover {color:#7dd24f}
a img {border:0}
hr {display:block; height:2px; background:url(images/body-bg.jpg); border:0; clear:both; margin-bottom:10px}
h1, h2, h3, h4 {margin:5px 0}
h1, .heading1 {font-size:24px; line-height:26px; font-weight:normal}
h2, .heading2 {font-size:18px; line-height:21px; font-weight:bold}
h3, .heading3 {font-size:14px; line-height:18px; font-weight:bold}

#container-outer, #container-inner, #content, #content-sub, #footer, ul {position:relative; z-index:1}
#container-outer {width:1050px; background:url(images/page-bg.png) repeat-y; margin:auto}
#container-inner {margin:0 25px; width:1000}
#footer {width:1050px; background:url(images/pagebottom-bg.png); height:25px; margin:auto}

#content {width:952px; padding:130px 0 0 48px; margin:0; background:url(images/nav-bg.jpg) top no-repeat}
#content-sub {width:952px; padding:114px 0 0 48px; margin:0; background:url(images/nav-sub-bg.jpg) top no-repeat}

.menu-search-home {position:absolute; top:55px}
.menu-search-sub {position:absolute; top:42px}
#menuBox {position:absolute;left:55px; width:600px; z-index:10}
#menuBox ul, #toc ul, #mosaicTOC ul {list-style:none; margin:0; padding:0}
#menuBox li ul {display:none; width:90px; position:absolute; top:14px; left:-1px; z-index:15}
#menuBox li.sub2 ul {left:110px; top:-1px; width:110px; background:#c1c5c8}
#menuBox li.sub3 {display:none; position:relative; width:98px; left:0; background:none; padding:2px 4px 2px 8px}
#menuBox li.sub3:hover {background:#e2e4e7}
#menuBox li.sub1:hover ul, #menuBox li.sub2:hover li {display:block}
#menuBox li {font-family:Arial, Helvetica, sans-serif; font-weight:bold; display:block; float:left; padding:0 8px 2px; line-height:12px; letter-spacing:0; position:relative; border:1px dotted #c2d96a}
#menuBox li:hover {border-color:#fff}
#menuBox li li {background:url(images/menuFill.png); border:1px dotted #c5cccd; border-top-color:#fff; font-size:10px; padding:3px 10px 3px; width:100%; font-family:Arial, Helvetica, sans-serif; font-weight:bold}
#menuBox li.sub2:hover {border-color:#fff; background:#c1c5c8}
#menuBox li a {color:#70726a}
#menuBox li a:hover {color:#fff}
#menuBox li li a:hover {color:#2d3238}
#menuBox li.active {border-bottom-color:#fff}

#copyright {margin:50px 0}
#contact {color:#6f7678; font-size:10px; padding-left:5px}
#contact a:hover {color:#272e36}

.container-boxes, .container-sidebar {float:left}
.container-boxes, .box-foot {width:584px; margin:0}
.container-boxes a.title {font-size:21px}
.homeBox-head {padding:8px 20px 0; height:30px; text-transform:uppercase; font-size:12px; letter-spacing:2px; font-weight:bold}
.subBox-head, .subBox-head-mosaic, .subBox-head-thtw, .subBox-head-sos {position:relative}
.subBox-head {padding:10px 100px 0 20px; height:65px; font-size:24px; line-height:26px}
.subBox-head-mosaic {padding:10px 20px 0 20px; height:200px; font-size:12px; line-height:14px; background:url(images/sub-boxHead-mosaic.jpg); position:relative}
.subBox-head-thtw {height:225px; background:url(images/sub-boxHead-thtw.jpg)}
.subBox-head-sos {height:115px; background:url(images/sub-boxHead-sos.jpg)}
.green {background:url(images/main-contentbox-top-bg-green.png)}
.green-sub {background:url(images/sub-boxHead-green.png)}
.blue {background:url(images/main-contentbox-top-bg-teal.png)}
.blue-sub {background:url(images/sub-boxHead-blue.png)}
.purple {background:url(images/main-contentbox-top-bg-purple.png)}
.purple-sub {background:url(images/sub-boxHead-purple.png)}
.yellow-sub {background:url(images/sub-boxHead-yellow.png)}
.box-content {padding:1px 20px; width:544px; background:url(images/main-contentbox-body-bg.png)}
.box-content p {margin:10px 0}
.box-foot {background:url(images/main-contentbox-bottom-bg.png); height:16px; margin-bottom:25px}
.box3, .box3-stroked {float:left; padding:0 8px; height:105px; text-align:center}
.box3-stroked {border-right:1px solid #c5cccd}
#emailPrint {position:absolute; top:100px; left:550px; font-size:11px; color:#fff}
#emailPrint form, #emailPrint input {border:none; background:none; padding:0; margin:0; font-weight:bold; font-size:11px}
#emailPrint input, #emailPrint a {color:#7e8b95; height:15px}
#emailPrint input:hover, #emailPrint a:hover {color:#1e67a4}

.roundedBox, #toc, .grayBox {background: #f6f7f8; border:2px solid #e7e9ed; position:relative; padding:10px; margin:10px 0}
.boxCorner {width:10px; height:10px; position:absolute}
#corner-TL {background:url(images/boxCorner-TL.png); top:-2px; left:-2px}
#corner-TR {background:url(images/boxCorner-TR.png); top:-2px; right:-2px}
#corner-BR {background:url(images/boxCorner-BR.png); bottom:-2px; right:-2px}
#corner-BL {background:url(images/boxCorner-BL.png); bottom:-2px; left:-2px}
.linkBox {width:220px; float:right; margin:0 0 10px 15px}
.linkBox a, #toc a {display:block; border-bottom:1px solid #d4d8de; padding:3px}

.mosaicSidebar {font-size:10px; width:80%}
#mosaicTOC {position:relative; left:405px; width:155px; top:0}
.subBox-head-mosaic h3 {font-size:10px; position:absolute; left:162px; top:10px; font-weight:normal; color:#fff}
#mosaicTOC li {line-height:11px; font-size:11px; border-bottom:1px solid #68c2c7; padding:2px 0}
#mosaicTOC strong {color:#6a6f75; letter-spacing:1px}
#mosaicTOC a {color:#aed8da}
#mosaicTOC a:hover {color:#fff}
#mosaicPDF {position:absolute; padding:2px; text-align:center; width:542px; left:20px; top:184px; background: #f6f7f8; border:1px solid #d4d8de; font-size:10px; letter-spacing:3px}
#mosaicPDF:hover {background:#fff}

.archive-menu ul {margin-bottom:15px}
.archive-menu li {display:block; list-style:none; font-size:18px; border-bottom:1px dotted #d4d8de}
.archive-menu li ul {border-top:1px dotted #d4d8de}
.archive-menu li li {list-style:disc; font-size:14px}

.directoryPic {float:left; margin-right:10px; border:2px solid #fff; width:90px}
.directory p {float:left}
.dirctory hr {clear:both}

#toc li ul {font-size:10px; list-style:disc; margin-left:15px; padding-left:5px}
#toc li:hover {background:#fff}

#thtwMenu {list-style:none; position:relative; top:-15px; left:-20px; margin-bottom:30px; width:544px}
#thtwMenu li {display:block; float:left; padding:5px 13px; background:#e7e9ed; text-align:center; border:1px solid #fff; font-size:11px}
#thtwMenu li:hover {background:#fff}

.container-sidebar {width:330px; margin:-4px 0 0 37px}
.sidebar-item {padding:10px 10px 10px 98px; height:70px; line-height:14px}
.sidebar-item a.title {font-size:14px; line-height:15px}
.sidebar-item a img {border:0}
.sidebar1 {background:url(images/sidebar-touch.png)}
.sidebar2 {background:url(images/sidebar-nl-mosaic.jpg)}
.sidebar3 {background:url(images/sidebar-nl-sos.jpg)}
.sidebar4 {background:url(images/sidebar-nl-projects.jpg)}
.sidebar5 {background:url(images/sidebar-scholorship.jpg)}
.sidebar6 {background:url(images/sidebar-donate.jpg)}
.sidebar7 {background:url(images/sidebar-enditnow.jpg)}

.headerImage {border:0; margin:0}
.white {color:#fff}
.clear {margin:0; height:0; clear:both}
.blueType {color:#5198c4}
.greenType {color:#40a984}
.grayType {color:#6a6f75}
.goldType {color:#bfb225}
.blackType {color:#000}
.redType {color:#C00}

.picLeft, p.picLeft, div.picLeft, .picBoxLeft, p.picBoxLeft, .picBox150L, .picBox225L, .picBox300L {float:left; margin:5px 10px 5px 0}
.picRight, p.picRight, div.picRight, .picBoxRight, p.picBoxRight, .picBox150R, .picBox225R, .picBox300R {float:right; margin:5px 0 5px 10px} 
.picBoxLeft, .picBoxRight {width:300px}
.picBox150R {width:150px}
.picBox225R {width:225px}
.picBox300R {width:300px}
.picBox150L {width:150px}
.picBox225L {width:225px}
.picBox300L {width:300px}
.picBox, .picBoxLeft, .picBoxRight, .picBox150R, .picBox150L, .picBox225R, .picBox225L, .picBox300R, .picBox300L {border:2px solid #e7e9ed; padding:10px; text-align:center}
.picBox {margin:10px 0}
.picBox img, .picBoxLeft img, .picBoxRight img {margin:5px; border:1px solid #e7e9ed}
.stroked {border:2px solid #e7e9ed}

#searchBox {left:670px; width:350; z-index:10}
input.searchInput {width:120px}
#searchBox #cse-search-box {padding-right:15px}
#searchBox form, #searchBox fieldset {padding:0; border:0}
#searchBox form, #searchBox fieldset, #searchClose, #indicator {float:left}

a.goog-te-menu-value span {font-size:11px}

#ajaxSearch_input {background:#e1e1e0; color:#666666}
#ajaxSearch_submit, .searchButton {background:url(images/button-go.png); color:#fff; font-weight:bold; border:0; width:28px; height:24px; position:relative; display:inline}
#ajaxSearch_output {background:#3c4145; border:3px solid #fff; width:600px; position:absolute; left:-380px; top:25px; color:#fff}
.ajaxSearch_paging {display:block; padding:4px 10px; background:#e1e1e0; margin:10px 0}
#searchClose {position:relative; top:30px; z-index:100}
.AS_ajax_resultLink, .AS_ajax_more {color:#8bbfe3}
.AS_ajax_result {border-bottom:1px dotted #8bbfe3; padding:10px}
.AS_ajax_result:hover {background:#262d33}
.AS_ajax_result div, .AS_ajax_result p {margin:0}
.AS_ajax_more {padding:10px; display:block}

.childscontainer li, .thumbscontainer li {width:155px; padding:5px; text-align:center; border:1px solid #e7e9ed; display:block; float:left; margin:0 5px 10px 0; font-size:11px; line-height:12px}
ul.thumbs li br {display:block; height:8px; padding:0; margin:0}
.childscontainer li {height:200px}
.thumbscontainer li {height:155px}
.childscontainer li:hover, .thumbscontainer li:hover {border:1px solid #728db8}
p.navigation a {background:#dee5ef; padding:5px}
p.navigation a:hover {background:#fff}
p.navigation {margin-bottom:10px}
.picturecontainer {border:1px solid #d4d8de; background:#e9edf3; padding:10px}
div.picture img {border:1px solid #d4d8de}

.column1 {width:80px; font-size:16px; font-weight:bold}
td {border-bottom:1px solid #d4d8de; padding:4px 0 4px 10px}
tr:hover {background:#f6f7f8}
td strong {font-size:14px}
td div {margin:5px 0}

a.topLink {display:block; padding:5px; border:1px solid #e7e9ed; background: #f6f7f8; margin-top:12px}
a.topLink:hover {background:#dee5ef}

#fadeJoy {float:right; position:relative; z-index:0; margin-left:-110px; width:205px; height:1000px}
#contentJoy {position:relative; z-index:1}

ul.standard {list-style:square; margin:8px 0}

.donate {width:240px; text-align:center; padding:10px; border:1px dotted #CCC; margin-right:10px; float:left; background:#f6f7f8}
.donate span {display:block; border-bottom:1px dotted #999; margin-bottom:8px; padding-bottom:5px}