﻿html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
}

a
{
    color:#b43000;
    text-decoration:none;
    }

a:hover
{
    color: #0095b4;
    text-decoration:underline;
    } 

#b2i-box-it
{
    font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	border-collapse: collapse;
	border-right: solid 5px #b43000;
	border-left: solid 5px #b43000;
	width:100%;
	height:100%;
line-height: 1.5em;
color: #222222;
}

#b2i-box-it H1{
    color: White;
    background-color: #b43000;
    width:100%;
    padding:8px 0 8px 2px;
font-size:1.4em;
font-weight:normal;
}

#logo{
 position:relative; 
 height:160px; 
  background-color:#FFFFFF; 
 width:100%;
}  
 
#pagewidth{ 
 max-width:900px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;  
} 
 
#header{
 position:relative; 
 height:200px; 
  background-color:#FFFFFF; 
 width:100%;
 padding-bottom:10px;
} 
 
#leftcol{
 width:27%; 
 float:left; 
 position:relative; 
  }
 
#maincol{  
 float: right; 
 display:inline; 
 position: relative; 
 width:70%;
 min-height:400px; 
 }
 
 #onecol
 {
     float: right; 
 display:inline; 
 position: relative; 
 width:100%;
 min-height:400px;
 }
 
 
 /* *** Float containers fix *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


/* mini nav */
#mini-navigation {
	position: relative;
	width: 900px;
	height: 10px;
	z-index: 2;
	text-align: right;
    margin-left:auto; 
    margin-right:auto; 
    color:#b43000;
}

#mini-navigation a
{
    color:#b43000;
    text-decoration:none;
    font-size:10px;
    padding: 0 5px 0 5px;
    }

#mini-navigation a:hover
{
    color: #0095b4;
    text-decoration:underline;
    }    

.clear

{
    clear:both;}

/* main menu     */

#menu-container
{
    height: 64px;
    background-image: url(../images/zam-col-center.gif);
    background-repeat: repeat-x;
    background-position: left top;
    z-index: 1;
    display: block;
}

#top-menu
{
    padding: 22px 0 10px 0;
    font-size: 10px;
    text-align:left;
    position: relative;
	width: 900px;
    margin-left:auto; 
    margin-right:auto;
    display: inline-block;
}


/* *** MENU     *** */

.ubercolortabs{
padding: 0;
width: 100%;
overflow: hidden;
background: transparent;
}

.ubercolortabs ul{
font: bold 11px Arial, Verdana, sans-serif;
margin: 0;
padding: 0;
list-style: none;
}

.ubercolortabs li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
}


.ubercolortabs a
{
    float: left;
    color: white;
    background: #0095b4 url(../images/roundleft.gif) no-repeat left top; /*default background color of tabs, left corner image*/
    margin: 0 5px 0 0;
    padding: 0 0 1px 3px;
    text-decoration: none;
    letter-spacing: 1px;
}

.ubercolortabs a span{
float: left;
display: block;
background: transparent url(../images/roundright.gif) no-repeat right top; /*right corner image*/
padding: 7px 9px 3px 6px;
cursor: pointer;

}

.ubercolortabs a span{
float: none;
}


.ubercolortabs li.selected a{
background-color: #a1b000; /*background color of tabs onMouseover*/
color: white;
border-bottom: #7f1200 2px solid;
}

.ubercolortabs a:hover {
background-color: #bf8000; /*background color of tabs onMouseover*/
color: white;
}

.ubercolortabs a:hover span{
background-color: transparent;
}


.ubercolordivider{ /*CSS for horizontal line.*/
clear: both;
}


/*---------------------------------------------------------------------------------------------*/
/* footer elements */
/*---------------------------------------------------------------------------------------------*/

#footer{
 clear:both;
 }
 
#footerNavlist {
	height: 1em;
	background: #b43000;
	padding-top: 9px;
	padding-bottom: 8px;
	padding-left: 6px;
	margin-left: 0px;
	margin-bottom: -8px;
	border-bottom: 2px solid #7f1200;
}

#footer #footerText {
	position: relative;
	width: 750px;
	margin: 0 auto;
	padding-top: 10px;
	padding-bottom: 15px;
}

#footerNavlist .links {
	display: inline;
	float: left;
	background: url("");
	white-space: nowrap;
	font-size: .9em;
	line-height: 15px;
	list-style-type: none;
	padding-right: 6px;
	padding-left: 7px;
}

#footerNavlist .rss {
	display: inline;
	float: right;
	background: url("");
	white-space: nowrap;
	font-size: .9em;
	color: white;
	line-height: 15px;
	list-style-type: none;
	padding-right: 15px;
	padding-left: 0px;
}

#footerNav a {
	color: white;
	text-decoration: none;
}

#footerNav a:hover {
	color: #ffffff;
	text-decoration: none;
}

#footer p {
	margin: 0px;
	font-size: .75em;
	font-weight: normal;
	color: #323232;
	text-align: center;
	line-height:1.7;
}

/* Menu Links */

ul.list-of-links
{
    border-bottom: 1px dotted #B2B2B2;
    margin: 0;
    padding: 0;
    line-height: 1.4em;
}

ul.list-of-links a
{
    text-decoration: none;
}

ul.list-of-links li
{
    list-style: none;
    padding: .2em 0 .2em 1em;
    border-top: 1px dotted #B2B2B2;
    background-image: url(../images/list_bullet.gif);
    background-repeat: no-repeat;
    background-position: left center;
}

/*---------------------------------------------------------------------------------------------*/
/* b2i elements */
/*---------------------------------------------------------------------------------------------*/

.b2iEmailAlertListText
{
    width: 270px;
}

.b2ibutton
{
    cursor: pointer;
    font-size:10px;
}

#mySearch
{position: absolute;
 top: 22px;
    left: 710px;
  z-index:99;}

.myTables td, .myTables tr
{ padding:3px;}