/* global */
body { font-family: verdana; font-size: 13px; padding: 0; margin: 40px 0; line-height: 140%; }
h1 { text-indent: -5000px;  height: 150px; }
h2, h3, h4, label { font-family: Georgia; font-weight: bold; margin-bottom: 10px; }
h2 { font-size: 18px; margin: 20px 0;}
h3 { font-size: 16px; margin-top: 20px; clear: both; }
h4 { font-size: 14px; }
p, ul { margin-bottom: 10px; }
ol { margin-left: 20px; }
ol li { list-style-type: decimal; }
ul li ul { margin: 10px 0 -10px 0; }
blockquote { font-style: italic; padding: 15px 50px 0 30px; margin-bottom: 25px; }
.credit { font-weight: bold; font-style: normal; font-size: 90%; margin-top: -5px; text-align: right; padding-right: 50px; }
q, cite { font-style: italic; }
strong, b { font-weight: bold; font-size: 90%; }
.yui-g ul li { list-style-type: disc; padding: 0 20px 10px 0; margin-left: 20px; }
#anchors { margin-top: 20px; }
#anchors li, #pub_gallery ul li { list-style-type: none; padding: 0 0 3px 0; }
a:link, a:hover, a:visited, a:active { color: black; text-decoration: none; border-bottom: #666 1px dotted; }

/*layout and background shims*/
.yui-t5 #yui-main { background: url(../images/shim.jpg) repeat-y; padding: 30px 0; }
.yui-t7 #yui-main { background: url(../images/shim2.jpg) repeat-y; padding: 30px 0; }
.yui-t5 .yui-g {  padding-left: 75px; }
.yui-t7 .yui-g {  padding: 0 20px 20px 85px; }
.yui-t5 .yui-b { margin: 0 5px 10px 0; position: relative; z-index: 1; }
.yui-t5  #yui-main .yui-b { background: transparent; position: relative; z-index: 1;}

/*header background images*/
#hd .logo { outline: none; margin-left: -55px; float: left; border-bottom: none; }
.main { margin-left: 0; background: url(../images/header_main.jpg) no-repeat; }
.threat { margin-left: 0; height: 150px; background: url(../images/header_threat.jpg) no-repeat; }
.about { margin-left: 0; height: 150px; background: url(../images/header_about.jpg) no-repeat; }
.contact { margin-left: 0; height: 150px; background: url(../images/header_contact.jpg) no-repeat; }
.grants { margin-left: 0; height: 150px; background: url(../images/header_grants.jpg) no-repeat; }
.search { margin-left: 0; height: 150px; background: url(../images/header_search.jpg) no-repeat; }
.map { margin-left: 0; height: 150px; background: url(../images/header_map.jpg) no-repeat; }
.overview { margin-left: 0; height: 100px; background: url(../images/header_overview.jpg) no-repeat; }

/* header, footer and main menus */
#hd { margin: 0 0 0 55px; }
#hd ul, #ft ul { width: 100%; background: #b3b3b3; float: left; display: inline; margin: 0; position: relative; z-index: 1; }
#hd ul { background: #d4d4d4; border-bottom: 5px solid #b3b3b3; border-top: 3px solid #d4d4d4; }
ul .first, #tabnav .first { margin-left: 20px; }
#hd ul li, #ft ul li { float: left; display: inline; text-transform: uppercase; padding: 4px 0; }
#hd ul li a, #ft ul li a { border-bottom: none; color: #333; padding: 5px 12px 6px 12px; }
#ft ul li a { padding: 6px 12px 5px 12px; }
#hd ul li a:hover { background: #b3b3b3 url(../images/menu_hover.jpg) repeat-x; }
#ft ul li a:hover { background: #b3b3b3 url(../images/ft_menu_hover.jpg) repeat-x; background-position: bottom left; }
#hd ul li a.here, #hd ul li a.here:hover { position: relative; z-index: 99; background: white url(../images/menu_here.jpg) repeat-x; padding: 5px 14px 15px 14px; }
#ft { margin-left: 55px; background: #b3b3b3; }
#ft ul li a.here, #ft ul li a.here:hover { position: relative; z-index: 99; background: white url(../images/ft_menu_here.jpg) repeat-x; background-position: bottom; padding: 15px 14px 5px 14px; }
#ft ul { background: #d4d4d4; border-top: 5px solid #b3b3b3; border-bottom: 3px solid #d4d4d4;}

/*sidebar and submenu*/
#sidebar { background: white url(../images/sidebar_corner.jpg) no-repeat; background-position: bottom right; padding: 25px 10px 15px 25px; }
#sidebar ul { margin-bottom: 20px; }
#submenu { zoom: 1; position: relative; z-index: 100; background: url(../images/submenu_corner.jpg) no-repeat; background-position: left bottom; padding: 10px 0 30px 0; margin: -5px -5px 0 5px; text-transform: uppercase; }
#submenu ul { width: 240px; margin-bottom: 0; }
#submenu ul li a { padding: 3px 0 3px 30px; border-bottom: none; display: block; width: 195px; }
#submenu ul li a:hover { background: url(../images/menu_hover.jpg) repeat-x; }
#submenu ul li .here, #submenu ul li .here:hover { background: white url(../images/menu_here.jpg) repeat-x; }

/*awards pages */
#awards table { width: 600px; margin: 10px 0; background: #f4f4f4; }
#awards th, #all_projects th { font-weight: bold; font-size: 90%; text-align: right; width: 40%; vertical-align: top; padding: 8px 5px 0 0;} 
#awards td, #all_projects td { vertical-align: top; padding: 8px 0 0 0;}
#awards thead th, #awards tfoot th { font-weight: normal; font-size: 100%; padding: 3px 5px 3px 0; }
#awards thead th { border-bottom: 5px solid #f4f4f4; }
#awards tfoot th { border-top: 20px solid #f4f4f4; }

/* all_projects */
#all_projects { margin: 0; }
#all_projects table { width: 820px; background: #f4f4f4; margin-top: 10px; }
#all_projects th { width: 15%; }
#all_projects ul { width: 820px; margin-bottom: 10px; padding: 6px 0 2px 0; border-bottom: 5px solid #d4d4d4; background: #d4d4d4; }
#all_projects ul li { list-style-type: none; display: inline; margin: 0; padding: 3px 8px 8px 8px;  background: #d4d4d4;}
#all_projects ul li a { border-bottom: none; }
#all_projects ul li.current { background: white url(../images/menu_here.jpg) repeat-x; }
#all_projects .viewfiles { margin: 0; }
#all_projects thead th, #all_projects thead td { padding-top: 10px }
#all_projects .projdesc { padding-right: 15px; padding-bottom: 10px; }


/*map page*/
#MapBuilderMap { width: 600px; height: 410px; margin: 20px 0; }
.IW { width: 250px; }
.IWContent { padding: 0 0 20px 0; border-bottom: 1px solid #999; }
.IWContent a {color: black; }
.IWCaption {font-weight: bold; font-size: 12pt; padding-bottom: 5px; border-bottom: 1px solid #999; }
.IWCaption a { border: none; }
.IWFooter { font-size: 8pt; margin-top: 8px;}
.map #sidebar ul li { margin-bottom: 10px; }
/* arabic */
html .ar { font-family: arial; direction: rtl; text-align: right; padding-right: 20px; font-size: 15px; }
html .ar ul li { padding: 0 0 10px 20px; margin-right: 20px; }
html #submenu .ar { text-align: left; }

/*about panel page*/
.panel_page .yui-g img { float: left; margin: 5px 10px 5px 0; }
.panel_page .yui-g ul li { padding-bottom: 0; }

/*search page*/
form { margin: 0; padding-bottom: 30px;}
form label { clear: both; float: left; margin: 10px 0 5px 0; }
form select, form input { clear: both; float: left; width: 240px; }
#search_region { clear: both; }
#search_region, #search_language, #search_script, #search_country { float: left; margin: 10px 25px 10px 0; font-size: 14px; }
#submit { margin-top: 20px; width: 100px; }
#quicksearch input { float: none; width: 70px; margin-left: 5px; }
#quicksearch, form, form p { border-bottom: 1px solid #d4d4d4; }
#quicksearch { border-top: 1px solid #d4d4d4; padding-bottom: 20px; }
#quicksearch label { margin-top: 0; }
form p { padding: 10px 0 15px 0; }


/*results page*/
#results { margin: 0 0 0 10px; }
#results h3 { margin: 0; }
#results table { width: 820px; border-collapse: collapse; line-height: 160%; }
#results tr th { border-bottom: 10px solid #FFF; background-color: #b3b3b3; }
#results thead { margin: 10px 0;}
#results thead th { border: none; background: #d4d4d4; padding: 5px; }
#results #showit th { text-align: right; padding: 3px 5px 3px 0; }
#results #showit a { padding: 3px 30px 3px 0; background: url(../images/arrows.gif) no-repeat; background-position: right 2px; border: none; outline: none; }
#results td { background: white; }
#results tbody td { padding: 5px 5px 5px 0; }
#results #showit th { background: #b3b3b3; }
#results #showit .hide { background: url(../images/arrows.gif) no-repeat; background-position: bottom right;  }
#results #showit { border-bottom: 5px solid white; }
#results .oddcell { vertical-align: top; }
#results .evencell { width: 50px; }
#results .evencell a { display: block; border: none;}
#results img { width: 50px; }
#results .toggle .borders {border-top: 5px solid red; }

/*results pagination*/
.paginator { background: #b3b3b3; width: 820px; margin: 0 0 10px 10px; text-align: center; padding: 3px 0; font-weight: bold; color: #444; }
.active:link, .active:visited, .active:hover, .active:active { border: none; padding: 3px; margin: 0 5px; color: #444; }
.inactive:link, .inactive:visited, .inactive:hover, .inactive:active { color: #444; cursor:default; border: none; background-color:#b3b3b3; padding: 3px; margin: 0 5px; }

/* project overview gallery */
.viewfiles, .large_image, .viewfiles_back { background: #d4d4d4; text-align: right; padding: 3px 5px 3px 0; margin: 20px 0; }
.viewfiles a, .large_image a, .viewfiles_back a { display: block; height: 20px; padding-right: 25px; border: none; background: url(../images/arrows_hor.gif) no-repeat; background-position: top right;}
#pub_gallery { margin: 10px 0 20px 0; float: left; }
#pub_gallery a, #lightbox-loading a, #lightbox-nav a, #lightbox-secNav a { border: none; }
#pub_gallery img { height: 100px; float: left; margin: 0 10px 10px 0;}
#lightbox-image-details-caption { font-size: 120%; }

/* search_wait page */
#searching { width: 100%; text-align: center;}

/* overview_page */

#gallery a { border: none; outline: none; }
#gallery ul li { list-style-type: none; padding: 0 9px 0 0; margin: 0; }
.large_image {border-bottom: 3px solid #d4d4d4; }
#info, #av_gallery { width: 830px;}
#info table { margin-bottom: 20px; width: 100%; }
#info th, #info td { vertical-align: top; font-size: 90%; border-bottom: 1px solid white; padding: 2px 5px; }
#info th { text-transform: uppercase; background: #d4d4d4; text-align: right; width: 165px; border-right: 1px solid white; }
#info td { background: #f4f4f4; }
#info table table { margin: -2px 0 -4px -5px; padding: 0; font-size: 110%; }
#info table table th { margin-right: -3px; }
#info .viewfiles { margin: 5px 0; }
#info .viewfiles a { border: none; }
#info h4 { margin-top: 20px; }
.projdesc { margin-bottom: 20px; }
.projdesc a { margin-left: 5px; }
#av_gallery p { background: #d4d4d4; padding: 3px 5px 2px 0; margin-bottom: 5px; }
#av_gallery a { border:none; background: #b3b3b3 url(../images/arrows.gif) no-repeat; background-position: 12px 2px; padding: 3px 10px 3px 40px; margin: 0 10px 0 0; }
#av_gallery div { margin: -5px 0 20px 0; border: 2px solid #b3b3b3; }
#av_gallery .hide { background: #b3b3b3 url(../images/arrows.gif) no-repeat; background-position: 12px -18px;  }
video { background: #bcbcbc url(../images/poster.gif) no-repeat; background-position: 50% 50%; margin: 10px 0 5px 10px; width: 400px; height: 300px; }
audio { margin: 10px 0 5px 10px; width: 400px;}
.toggle { background: #f4f4f4; }
.toggle p { background: white; }
.toggle a { background: white; padding: 0; margin: 0; }
#rotate { float: left; }

/* large image page */
#large_image { margin: 0 20px; }
#large_image .viewfiles { text-align: left; padding: 3px 0 3px 5px; }
#large_image .viewfiles a { padding-left: 25px; background: url(../images/arrows_hor.gif) no-repeat; background-position: -20px left;}

/*NASTY HACKS FOR NASTY IE: SEPARATE LATER */
* html #hd { padding-left: 55px; margin-left: 0; position: relative; zoom: 1; }
* html .yui-t5 .yui-b, * html #submenu { margin-right: 0; }
* html #sidebar { margin-right: -5px; }
* html .yui-t7 #yui-main, html* .yui-t7 #yui-main { background: url(../images/shim3.jpg) repeat-y; padding: 30px 0; }
* html #results table, * html .paginator, *html #info, *html #av_gallery, html* #results table, html* .paginator, html* #info, html* #av_gallery { width: 810px; margin-left: 0; }
* html #results, html* #results { margin-left: 0; }