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

body{
	margin: 0px;
	background:  #d8d8d8 url(bg_body.gif) center repeat-y;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:8pt;
}

img{
	border: none;
}

body * a, body * a:visited { color: #036; }

/* =========== GLOBAL ITEMS ===============  */


#global{
	text-align: center;
	}

#pagewidth{
	width: 993px;
	padding:0px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	}

#header{
	width: 993px;
	height: 125px;
	margin: 0px;
	padding: 0px;
	}

#nav
{
	background-color: #666;
	width: 993px;
	height: 40px;
	margin: 0px;
	padding: 0px;
}

#page
{
	padding: 10px;
}

#pagecontent
{
    width: 600px;
    padding-left: 20px;
    float: left;
}

#pagecontent * 
{
	font-family:Verdana, Geneva, sans-serif;
	font-size: 8pt;
}

#pagecontent * li
{
    padding-top: 8px;
}

#pageextras
{
     width: 300px;
     float: right;
     border: solid 1px #999;
}

.pagextrastitle
{
     margin: 0px;
     padding: 4px;
     background-color: #91b155;
     border-bottom: solid 1px #999;
    text-transform: lowercase;
}

.pageextrascontent
{
    padding: 5px;
}

.pageextrascontent img
{
   /* margin: 5px;*/
}

#sidecontent
{
    margin: 5px;
}

.pageextrascontent * a, .sidecontent * a
{
    text-decoration: none;
    color: #036;
}

.pageextrascontent * a:visited, .sidecontent * a:visited
{
    color: #036;
}

.pageextrascontent * ul, .sidecontent * ul
{
    margin-left: 0;
    padding-left: 20px;
}

#footer * { font-size: 8pt;}

#footer table
{
	width: 933px;
	margin: 0px 30px 0px 30px;
}

#footer * td
{
	width: 25%;
	padding: 10px 30px 10px 30px;
        vertical-align: top;
}

#footer * td + td
{
	border-left: 1px solid #d8d8d8;
}

#footer * p
{
	margin: 2px;;
	padding: 1px;
}

#footer * a
{
	margin: 0px;
	padding: 0px;
        text-decoration: none;
        color: black;
}

/* ============== ELEMENTS ================ */

#pagecontent h1, #pagecontent h1 * 
{
        font-size: 18pt;
        font: Arial;
        color: ForestGreen;
        font-weight: normal;
        border-bottom: 1px solid ForestGreen;
}

#pagecontent h2, #pagecontent h2 * 
{
        font-size: 14pt;
        font-family: Tahoma, Verdana, Geneva;
        font-weight: normal;
        color: ForestGreen;
}

#pagecontent h3, #pagecontent h3 * 
{
        font-size: 10pt;
        font-family: Tahoma, Verdana, Geneva;
        font-weight: normal;
        color: ForestGreen;
}

#pagecontent p, #pagecontent * li, #pagecontent * td
{
        font-size: 8pt;
        line-height: 180%;
        margin-top: 10px;
        margin-bottom: 10px;
        padding-top: 0; padding-bottom: 0;
        
}

#pagecontent * td
{
        padding: 3px;
        
}

/* ===== MAP ITEMS =====  */

#port_map_canvas
{
        margin: 5px;
        padding: 0px;
}

.pageextrasspace
{
        margin: 5px;
        padding: 0px;
}

.second
{
     border-bottom: solid 1px #999;
}

hr
{
    color: #91b155;
    background-color: #91b155;
    height: 1px;
    border: 0;
}

/*=== Special BFE Elements ===*/
.contentbox
{
	border: 1px solid #999;
	height: 250px;
	vertical-align: top;
}

.content
{
	width: 900px;
}

.contentboxhead{
     margin: 0px;
     padding: 4px;
     background-color: #91b155;
     border-bottom: solid 1px #999;
     text-transform: lowercase;
}

.contentboxstuff{
    margin: 5px 5px 5px 7px; padding-bottom: -2px;
   	font-family:Verdana, Geneva, sans-serif;
}

.contentboxstuff p{
    margin-top: 0px;
}

.widecontentboxstuff{
    margin: 0px;
   	font-family:Verdana, Geneva, sans-serif;
}

.contentboxstuff a img
{
	padding: 5px 15px 5px 15px;
}

.contentbox * h1, .widecontentboxstuff  * h1
{
        font-size: 15pt;
        font: Arial;
        color: ForestGreen;
        font-weight: normal;
}

.contentbox * h2, .widecontentboxstuff  * h2
{
        font-size: 12pt;
        font-family: Tahoma, Verdana, Geneva;
        font-weight: normal;
        color: ForestGreen;
}

.contentbox * h3, .widecontentboxstuff  * h3
{
        font-size: 11pt;
        font-family: Tahoma, Verdana, Geneva;
        font-weight: normal;
        color: ForestGreen;
}

.contentbox * p, .widecontentboxstuff * p, .contentbox * li, .widecontentboxstuff * li, .contentbox * td, .widecontentboxstuff * td
{
        font-size: 8pt;
}

.widecontentboxstuff
{
	padding:0; margin:0; border:none;
}

/* === Overrides and extras === */

.noborder
{
    border: none;
}

/*  === home page main tabs === */
.maintabsouter {height:250px; width:636px; position:relative; border:none; background-color: #222;}
#maintabshome { height:250px; width:636px; margin:0; padding:0; overflow:hidden; position:relative; border:none;}
.maintabsfeature { height:240px; width:626px; position:absolute; overflow:hidden; padding: 5px; margin:0; border:none;}
.maintabsfeature img { border:none;}

.maintabstabs { margin:5px 5px 0px 0px; padding:0;position:absolute; top:0; right:0; z-index:500;}
.maintabstabs li {background-color:#91b155; list-style:none; padding:0px; margin: 0px; display: inline; margin-left: 10px;}
.maintabstabs li a { color:#333; display:inline-block; width:30px; text-decoration:none; text-align: center; vertical-align:center;}
.maintabstabs li.active { background-color:GreenYellow; }
.maintabstabs li a.active { color:#000; }


/*=====  Pagination =======*/

.ditto_paging {
    border-top: 1px solid #ccc;
    padding: 10px; 
    font-size: 86%;
    color: black;
}
#ditto_pages .ditto_currentpage {
    border: 1px solid black;
    padding: 1px 5px 2px; 
    margin-right: 1px;
    background-color: Green; 
    color: #fff;
} 
#ditto_pages .ditto_off {
    border: 1px solid #ccc;
    padding: 1px 5px 2px; 
    margin-right: 1px;
    color: #ccc;
}
#ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited {
    border: 1px solid #91b155; 
    padding: 1px 5px 2px; 
    margin-right: 1px; 
    text-decoration: none !important; 
    color: black;
    background-color: #91b155;
} 
#ditto_pages a:hover {
    background-color: #fff;
    color: #000;
}