﻿/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {
	margin: 0;
	padding: 0;
}

html, body, form, #wrap {
	height: 100%;
}

html, body, form
{
	overflow:inherit; /* triggers 100% height in Opera 9.5 */
}

body, td
{
	color: #306666;
	font-family: "Century Gothic";
	font-size: 12px;
	
}
body
{
	background: url(mainbg2.gif) #ffc repeat-y;
}

form > #wrap { height: auto; min-height: 100%; }
	
#wrap
{
	width: 100%;
	margin: 0; /* centers #wrapper */
	text-align: left; /*width: 950px;*/
	text-align: left;
	margin-bottom: -40px; 
}

#header
{
	background-color: blue;
	background: url(mbizi.jpg) #999966 no-repeat;
	clear:both;
	/*width: 950px;*/
	height: 80px;
}

#menu
{
	clear: both;
	background-color: #99CC99;
	height: 40px;
	/*width: 950px;*/
	border-top: solid 1px white;
	border-bottom: solid 1px white;
	text-transform: uppercase;
}

#main 
{	
	width: 980px;
	padding-bottom: 40px; /* must be same height as the footer */
	padding-top: 0px;
}  

#lcol {
	width: 180px;
	height: 435px;
	float: left;
	padding : 0;
	background: url(zebrabg.jpg) #99CC99 no-repeat;
	
}

#content 
{
	padding: 0px 8px 8px 8px;
	width:780px;
	background-color: #ffc;
	float: left;
}

#rcol {
	width: 0px;
	float: left;
	padding : 0;
	background-color:#ffc;
}

#push {
	clear: both;
	background:none;
	width: 100%;
}

#footer 
{
	clear:both;
	height:39px;
	line-height:39px;
	position:relative;
	border-top: solid 1px white;
	background-color:#999966;
	/* width: 950px; */
	text-align:left;
	/*padding-top:8px;*/
	padding-left : 20px;
	/* margin: -40px auto 0; */
	margin: -40px 0; /* negative value of footer height + centers #wrapper */
}

/* CLEAR 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 */

a.menulink:link,a.menulink:visited,a.menulink:active
{
	color:#000000;
	background:transparent;
	font-weight:normal;
	text-decoration: none;
	padding:4px 14px 4px 14px;
	font-weight:300;
}

a.menulink:hover 
{
	background:blue;
	color:white;
}

div.Fixed-Content
{

}

.Fixed-Content img
{
	float: right; 
    clear: right; 
    margin: 10px; 

}

table 
{
	border-collapse:collapse;
}

p
{
	font-family: "Century Gothic";
	font-size : 12px;
	padding-bottom: 16px;
	line-height:22px;
}

h1
{
	font-family: "Century Gothic";
	font-size: 20px;
	font-weight: normal;
	font-style: normal;
	color: #CC3300;
	letter-spacing:.1em;
	line-height:26px;
	padding-bottom : 5px;
}

h2
{
	font-family: "Century Gothic";
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	color: #CC3300;
	letter-spacing:.1em;
	line-height:18px;
	padding-bottom : 2px;
}

/* Language Links "menu" */
div #language 
{
	float :inherit;
	padding-top:410px;
	padding-left: 50px;
}

#language ul li{
	display: inline;
}

#language ul li .selected{
	display: inline;
	text-decoration : underline;
}

#language ul{
	padding: 5px 0;
	margin: 0;
	text-align: left; /*set value to "right" for example to align menu to the left of page*/
}

#language ul li a{
	color: #336666;
	padding: 5px;
	padding-right: 15px;
	margin: 0;
	text-decoration: none;
}

#language ul li a:hover
{
	color: #cc0000;
}

.imagelistcontainer
{
	padding-top:20px;
}

/*chromemenu*/

#chromemenu{
	font-weight: bold;
	font-size: 90%;
}

#chromemenu:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

#chromemenu ul{
	padding: 13px 0 0 58px;
	text-align: left; /*set value to "right" for example to align menu to the left of page*/
}

#chromemenu ul li{
display: inline;
}

#chromemenu ul li a
{
	color: #336666;
	padding: 5px;
	padding-right: 15px;
	margin: 0;
	font-size : 10px;
	text-decoration: none;
	font-weight :bold;
	letter-spacing:.1em;
}

#chromemenu ul li a.Selected
{
	color: #990000;
}

#chromemenu ul li a:hover
{
	color: #cc0000;
	text-decoration :underline;
}

a, a:link, a:visited, a:active
{
	font-weight:bold;
	color:#CC3300;
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

#footer a, #footer  a:link, #footer a:visited, #footer a:active
{
	font-weight:bold;
	color:#A22600;
	text-decoration:none;
}
#footer a:hover{
	text-decoration:underline;
}


.imgDiv
{
	padding-bottom: 20px;
}

iframe
{
	border : none;
}
