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;
}

/* Body bullets */


ul.body-bullets
{
    margin: 0;
    padding: 0;
    line-height: 1.4em;
}

ul.body-bullets a
{
    text-decoration: none;
}

ul.body-bullets li
{
    list-style: none;
    padding: .2em 0 .2em 1em;
    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;}

/* TABS */

ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #e0e0e0;
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 10px;
	padding: 0 5px;
	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}
ul.tabs li a:hover {
	background: #ccc;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #fff;
	border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}

.tab_container {
	border: 1px solid #999;
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left; width: 100%;
	background: #fff;
	/*margin-bottom:20px; */
}
.tab_content {
	padding: 5px;
	font-size: 10px;
}

/* ######### CSS for Inverted Modern Bricks II Tabs. Remove if not using ######### */

.modernbricksmenu2{
padding: 0;
width: 300px;
border-top: 5px solid #de4918; /*Brown color theme*/ 
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.modernbricksmenu2 ul{
margin:0;
padding: 0;
list-style: none;
}

.modernbricksmenu2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.modernbricksmenu2 a
{
float: left;
display: block;
font-size:10px;
color: white;
text-decoration: none;
margin: 0 2px 0 0; /*Margin between each menu item*/
padding: 5px 12px;
background-color: #538435; /*Brown color theme*/ 
border-top: 1px solid white;
}

.modernbricksmenu2 a:hover{
background-color: #de4918; /*Brown color theme*/ 
color: white;
}

.modernbricksmenu2 a.selected{ /*currently selected tab*/
background-color: #de4918; /*Brown color theme*/ 
color: white;
border-color: #de4918; /*Brown color theme*/ 
}

.tabcontent{
display:none;
height:400px;
}

@media print {
.tabcontent {
display:block !important;
}
}