/* culture shock: grass stains by pogy366 - Sept. 2005 */

/******* structure and layout *******/
body {
font-family:Arial, Helvetica, sans-serif; 
font-size: 9pt; 
color: #000000; 
background: #B4B8B7;
margin:10px 10px 10px 10px;
padding:10px 10px 10px 10px;
background: #D9E0A9;
/* url(images/bg.gif);*/
text-align:center;
}

.wrap {
position:relative;
min-width:980px;
width:auto;
margin:0 auto;
padding:10px 0px 0px 0px;
text-align:center;
background: #D9E0A9 url("../images/BayPanWeb1.jpg") no-repeat top center;
border-left:1px solid #D9E0A9;
border-right:1px solid #D9E0A9;
border-top:1px solid #D9E0A9;
border-bottom:1px solid #D9E0A9;

}

.header {
position:relative;
clear:none;
min-width: 980px;
width:auto;
height:36px;
margin:180px 0 7px 0;
padding:0 0 0 0;
background:transparent;
color:#D9E0A9;
text-align:center;
}

.topnav {
position:relative;
text-align:center;
clear:both;
width: auto;
/*width:770px;*/
height:42px;
margin:0 0 0 0;
padding:0 0 0 0;
background:#D9E0A9;
font-size:8.5pt;
}

.container {
position:relative;
clear:both;
width:auto;
margin:5px auto;
max-width:980px;
padding:10px 10px 10px 10px;
background:#E0F7B0;
color:#000000;
text-align:left;
z-index:0;
}

.news_right {
position:relative;
float:right;
clear:both;
width:200px;
margin:0 0 5px 10px;
padding:0 10px 0 10px;
background:#CFD9BE;
color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:8pt;
}

.news p {
margin:10px 10px;
}

.news_cnr_top {
background: #CFD9BE url("../images/cnr_tr.gif") no-repeat top right;
margin:0 -10px 0 -10px;
}

.news_cnr_bottom {
background: #CFD9BE url("../images/cnr_br.gif") no-repeat top right;
margin:0 -10px 0 -10px;
}

img.cnr {
width:8px;
height:8px;
border:none;
display: block !important;
}

.footer {
position:relative;
clear:both;
width:auto;
margin:20px 0 0 0;
padding:4px 0 4px 0;
background:#ffffff;
font-size:8pt;
text-align:center;
border-top:1px solid #9EB874;
border-bottom:1px solid #9EB874;
}




/******* links *******/

a {
color:#D3812D;
text-decoration:underline;
}

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

#news a {
color:#D3812D;
text-decoration:underline;
}

#news a:hover {
color:#E39243;
text-decoration:none;
}

#footer a {
color:#9EB874;
text-decoration:none;
}

#footer a:hover {
color:#4F6C1F;
text-decoration:none;
}

/******* fonts and colors *******/

.header strong {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#ffffff;
font-size:13pt;
letter-spacing:.7em;
}

.news_title {
font-family:Arial, Helvetica, sans-serif;
color:#65764B;
font-size:10pt;
font-weight:bold;
}

.page_title {
font-family:Arial, Helvetica, sans-serif;
color:#697D55;
font-size:10pt;
font-weight:bold;
padding: 0 0 0 0;
margin: 0 0 -8px 0;
}


/******* images *******/

img {
border:none;
}

.right img{
position:relative;
float:right;
padding:0 0 0 0;
margin:5px 2px 2px 5px;
}

.left img{
position:relative;
float:left;
padding:0 0 0 0;
margin:0 5px 0 2px;
}



/******* workarounds and hacks *******/
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/****** From orig file *******/
/*
BODY
{font-family: verdana, tahoma, arial, sans-serif;
font-size: 10pt;
margin: 0px;
margin-left: 3px;
margin-right: 3px;
padding: 0px;}

P
{padding-top: 10px;
margin: 0px;}
*/
H1
{font-size: 12pt;
font-weight: bold;
padding-top: 15px;
margin: 0;}

table.navbar
{font-size: 8pt;
min-width:980px;
width: auto;
height:20px ;
margin: 0px;
padding: 0px; 
border: 5px; 
background:#E8FFB8 url("../images/topnav_bg_grey.gif");

z-index: 1;
}

table.menu
{font-size: 8pt;
text-align: center;
width: auto;
margin: 0px;
height:20px;
border: 2px solid #9EB874;
/*background-color: #D9E0A9;*/
background-color: #e0f7b0;
border-collapse:collapse;
border-spacing:0px 0px;
font-weight: normal;
z-index: 1; /*testing*/
}

td.menuNormal /* sets the style of the unselected menu bar and all sub table text*/
{
text-align: center;
width: auto;
color: black;
font-weight: normal;
vertical-align: top;
background-color: white;
color: #000000;
background:#e0f7b0 url("../images/topnav_bg_grey.gif");
height:20px ;
z-index: 1;
}

a.menuNormal /* unknown */
{text-align: center;
font-weight: normal;
width: auto;
color: black;
font-weight: normal;
vertical-align: top;
background-color: white;
color: #000000;
background:#e0f7b0 url("../images/topnav_bg_grey.gif");
height:20px ;
z-index: 1;
}

a.menuHover /*Sets the selected top bar style */ 
{text-align: center;
width: inherit;
color: black;
font-weight: normal;
vertical-align: top;
height:20px;
/*remove the following line for drop-down menu with images*/
background:#ffffff url("../images/topnav_bg_green.gif");
z-index: 1; /*testing*/
}


td.menuHover /* sets the style for top menu after hover */
{
text-align: center;
width: auto;
color: black;
font-weight: normal;
vertical-align: top;
height:20px;
/*remove the following line for drop-down menu with images*/
background:#e0f7b0 url("../images/topnav_bg_green.gif");
z-index: 1; /*testing*/
}

div.menuNormal
{
display: none;
color: black;
font-weight: normal;
vertical-align: top;
height:20px;
position: static;
z-index: 1; /*testing*/
}

div.menuHover
{
background-color: white;
display: inherit;
color: black;
font-weight: normal;
vertical-align: top;
height:20px;
position: absolute;
z-index: 1; /*testing*/
}

/*
a.menuitem:link
{text-decoration: none;
color: black;
background-color: white;
z-index:1;
display: block;}

a.menuitem:visited
{text-decoration: none;
color: black;
background-color: white;
z-index:1;
display: block;}
*/

a.menuitem:link
{text-decoration: none;
color: black;
background-color: #9EB874;
background:#e0f7b0 url("../images/topnav_bg_grey.gif");
z-index:1;
width: auto;
height:20px;
display: block;}

a.menuitem:visited
{text-decoration: none;
color: black;
background-color: #9EB874;
background:#e0f7b0 url("../images/topnav_bg_grey.gif");
z-index:1;
width: auto;
height:20px;
display: block;}


a.menuitem:hover /*sets the hover properties*/
{text-decoration: none;
color: black;
background:#8DA8D5 url("../images/topnav_bg_green.gif");
z-index:1;
width: auto;
height:20px;
display: block;}

a.menuitem:active
{text-decoration: none;
color: black;
background-color: #9EB874;
background:#8DA8D5 url("../images/topnav_bg_green.gif");
width: auto;
height:20px;
z-index:1;
display: block;}