/* 
	Orange Zest Stylesheet
	Copyright (C) 2003, SEAV WebDev.
*/


/* ----- COMMON ELEMENTS ----- */

html, body
{margin: 0px auto;
 padding: 0px;
 text-align: center;
 color: black;
 background-color: #555;}

#page
{margin: auto;
 width: 750px;
 position: relative;  
 font-family: Verdana,Arial,Helvetica,sans-serif;
 font-size: 11px;
 text-align: left;}

td, th, input, textarea
{font-family: Verdana,Arial,Helvetica,sans-serif;
 font-size: 11px;
 text-align: left;}
p {margin: 8px 0px;}
select
{font-family: Verdana,Arial,Helvetica,sans-serif;
 font-size: 11px;
 line-height: 1.2;}

ul {margin: 0px; padding: 0px;}
ul li 
{margin: 4px 0px 4px 17px; padding: 0px 0px 0px 0px;
 list-style-type: none; list-style-image: url("/gfx/w_bullet_gray.gif");}

a:link                   {color: #C40; background-color: transparent; text-decoration: underline;}
a:visited                {color: #820; background-color: transparent; text-decoration: underline;}
a:hover                  {color: #F00; background-color: transparent; text-decoration: none;}
a:visited:hover          {color: #F00; background-color: transparent; text-decoration: none;}

a img {border: none;}

/* ----- PAGE PERIPHERALS ---- */

#site_about_links {position: absolute; top: 0px; left: 0px;}
#site_about_links       , #footer        {width: 750px; height: 24px; background: black; color: white; overflow: hidden; font-size: 10px;}
#site_about_links h2    , #footer h2     {display: none;}
#site_about_links .links, #footer .links {display: block; float: right; margin: 0px; padding: 0px;}
#site_about_links a     , #footer a      {color: #FF8000; background-color: black;}
#site_about_links li    , #footer li     {display: block; float: left; margin: 5px 0px; padding: 0px 5px; border-left: 1px #FA5 solid; font-weight: bold;}
#site_about_links li:first-child, #footer li:first-child {border-left: none;}

#footer #copyright {padding: 5px;}

#branding strong {display: none;}
#branding
{width: 240px; height: 60px;
 background: url("/gfx/w_sitelogo.gif") no-repeat;
 z-index: 99; position: absolute; top: 37px; left: 14px;}
#branding a {display: block; width: 240px; height: 60px; text-decoration: underline;}
#branding a:hover {color: inherit; background-color: transparent; text-decoration: none;}

#beta
{position: absolute; width: 107px; height: 60px;
 padding: 5px;
 z-index: 99;
 background-image: url("/gfx/x_beta.png");
 background-position: top left;
 background-repeat: no-repeat;}
#beta strong {display: none;}

/* ----- TOP ADVERTISEMENT ----- */

#top_ad
{width: 750px; height: 84px;
 border-top: #AAA 1px solid;
 border-bottom: #AAA 1px solid;
 background: #777 url("/gfx/w_titlebg.gif") no-repeat;
 z-index: 5; position: absolute; top: 24px;}
* html #top_ad {height: 86px; he\ight: 84px;}
#banner_ad
{width: 468px; height: 60px;
 z-index: 6; position: absolute; left: 268px; top: 12px;}

hr {display: none; clear: both;}

/* ----- PAGE NAVIGATION ----- */

#skip_nav {display: none;}

/* ----- SITE NAVIGATION ----- */

#site_nav_bar
{width: 750px; height: 24px;
 background-color: black;
 color: white;
 position: absolute; top: 110px;}

#site_nav_bar h1, #site_nav_bar h2, #site_nav_bar ul span.text
{display: none;}

#site_nav_bar ul {margin: 0px; padding: 0px;}

#site_nav_bar li
{margin: 0px; padding: 0px;
 display: block;
 float: left;
 height: 24px;
 list-style-image: none;
 list-style-type: none;
 background-color: black;
 color: white;
 background-image: url(/gfx/site_nav_sprites.png);
 background-repeat: no-repeat;}
 
/* default display */
#nav_home {width: 58px;  background-position: -0px   0px;}
#nav_orgs {width: 105px; background-position: -58px  0px;}
#nav_map  {width: 47px;  background-position: -163px 0px;}
#site_nav_bar a {display: block; height: 24px;}

/* home indicator display */
#sec_home #nav_home {background-position: -0px   -24px;}
#sec_orgs #nav_orgs {background-position: -58px  -24px;}
#sec_map  #nav_map  {background-position: -163px -24px;}

/* hover effects */
.link#nav_home:hover {background-color: #444;}
.link#nav_orgs:hover {background-color: #444;}
.link#nav_map:hover  {background-color: #444;}

/* ----- CONTENT AREA ----- */

#content_area
{width: 750px;
 border-top: 133px solid black;
 overflow: hidden;
 color: black;
 background: white url("/gfx/w_contentbg.gif") repeat-y;}

/* ----- CONTENT PROPER ----- */

#content
{width: 506px;
 margin: 0px;
 padding: 1px 20px 15px 44px; /* padding-top to avoid vertical collapse inconsistencies */
 min-height: 550px;
 float: left;
 overflow: visible;
 background-position: top left; background-repeat: no-repeat;
 line-height: 1.5;}
* html #content {width: 570px; w\idth: 506px; height: 550px;}

       #content_area.org_page #content {width: 521px; padding-left: 34px; padding-right: 15px;}
* html #content_area.org_page #content {width: 570px; w\idth: 521px;}

/* Site section vertical headers */
#content_area.home    #content {background-image: url("/gfx/site_sec/home.gif");}
#content_area.orgs    #content {background-image: url("/gfx/site_sec/orgs.gif");}
#content_area.orgdir  #content {background-image: url("/gfx/site_sec/orgdir.gif");}
#content_area.orgres  #content {background-image: url("/gfx/site_sec/orgres.gif");}
#content_area.map     #content {background-image: url("/gfx/site_sec/map.gif");}
#content_area.events  #content {background-image: url("/gfx/site_sec/events.gif");}
#content_area.about   #content {background-image: url("/gfx/site_sec/about.gif");}
#content_area.contact #content {background-image: url("/gfx/site_sec/about.gif");}
#content_area.error   #content {background-image: url("/gfx/site_sec/error.gif");}
#content_area.mailto  #content {background-image: url("/gfx/site_sec/mailto.gif");}
#content_area.poll    #content {background-image: url("/gfx/site_sec/poll.gif");}
#content_area.wallp   #content {background-image: url("/gfx/site_sec/wallpapers.gif");}

#content h1
{color: #777;
 background: transparent;
 font-size: 22px;
 font-weight: bold;
 font-style: italic;
 line-height: 1.2;
 clear: both;
 margin: 20px 0px 8px 0px;
 padding-bottom: 10px;
 background: url("/gfx/w_hr0.gif") no-repeat left bottom;}

#content h1 a:hover
{color: inherit; background-color: transparent;}

#content h2
{color: #F60;
 background: transparent;
 font-size: 13px;
 font-weight: bold;
 line-height: 1.2;
 margin: 15px 0px 4px 0px;
 padding: 0px;}

/* ----- SIDE BAR ----- */

#sidebar
{width: 180px;
 float: right;
 padding-top: 145px;
 background-color: #E0E0E0;}

body #sidebar h1 {display: none;}

body #content_area #sidebar .head
{display: block;
 margin: 0px; padding: 6px 8px;
 border-top: white 1px solid;
 border-bottom: white 1px solid;
 background: #FF8C1A url("/gfx/w_sidebar_header_bg.gif") no-repeat right top;
 color: white;
 font-style: normal;
 font-size: 11px;
 text-transform: uppercase;}

#sidebar .body
{margin: 8px 8px 14px 8px;
 font-size: 11px;
 line-height: 1.35;}

#sidebar_ad
{width: 125px; height: 125px; text-align: center;
 position: absolute; top: 144px; left: 598px;}

/* ----- OTHER GLOBAL ---- */

br.clear {clear: both;}
br {line-height: 1px; height: 1px;}

form {margin: 0px; padding: 0px;}

input.image
{background-color: transparent; 
 border: none;
 padding: 3px;}

/* semantic italics */
span.foreign {font-style: italic;}
span.foreign span.english {font-style: normal;}

/* ----- ARTICLE LIST ----- */

.article_list {margin: 0px; padding: 0px;}

.article_list .item
{display: block;
 margin: 8px 0px;
 position: relative;
 list-style-type: none;}

.article_list a.article_title
{display: block;
 font-weight: bold; 
 text-decoration: none;}
.article_list a.article_title:hover {text-decoration: underline;}

.article_list .article_desc {margin: 3px 0px 8px 0px;}