html {
/* This is the colour of the bottom of the gradient to fill the viewport in Firefox where there not enough content 							    to fill the entire page */
 background-color: #e5e5e5; 
}
body { 
 background: #ffffff url(pageBg.jpg) repeat-x left bottom;
 color: #000000;
 margin:0;
 padding:0; 
 text-align:center;
 font-family: arial, verdana, sans-serif; 
 font-size: 100%;
}
p{
 margin:0;
 padding:0; 
 font-weight:normal;
 text-align: justify;
 padding: 3px 15px 3px 15px;
 text-indent: 1.5em;
 line-height: 13pt;
}
h1{
 font-size:1.6em;
 color: #5586C9;
 margin:0;
 padding:0; 
 font-weight:bold;
}
h2{
 font-size:1.2em;
 margin:0;
 padding:0; 
 font-weight:bold;
}
h3{
 font-size:1em;
 margin:0;
 padding:0; 
 font-weight:bold;
}
h4{
 font-size:0.8em;
 margin:0;
 padding:0; 
 font-weight:bold;
}
b, strong{
 font-weight:bold;
}
em{
 font-style:italic;
}
abbr, acronym { 
 border-bottom:1px dotted #000000; 
 cursor:help; 
}
a{
 color: #0066CC;
 text-decoration: none;
}
a:visited {
 text-decoration: none;
}
a:hover {
 text-decoration: underline;
}
a:active {
 text-decoration: underline;
}

img{
 border: 1px solid #808080;
 text-align: center;
}

table, td{
 font-family: arial, verdana, sans-serif; 
 font-size:1em;

}
thead{
 background:#A3BFE6;
 padding:2px;
}
td{
 /*border:1px solid #666666;*/
 padding:2px;
 vertical-align:top;
}

/* ------------------------------- global layout -------------------------------  */

/* global page elements */ 
#wrapper {
 background: #ffffff url("wrapperBg.gif") repeat-y;
 margin-top:0;
 margin-right:auto;
 margin-bottom:0;
 margin-left:auto;
 width:776px;
 font-size:0.8em;
 /*position:relative;*/
 border:0;
 padding:0;	
}

#masthead {
 background: #A3BFE6;
 margin:0 3px 0 3px;
 padding:0; 
 position:relative;
 width:770px;
}

/* hack */
* html #accessAndLogin {
 width: 600px;
}

#enlargTextBtn{
 margin:0;
 padding:0 0 3px 6px;
 background: transparent url("enlargeTabLeft.gif") no-repeat bottom left;
}
#enlargTextBtnCnt{
 margin:0 2px 0 -3px;
 padding:0 6px 3px 0;
 background: #0066CC url("enlargeTabRight.gif") no-repeat bottom right;
 display:block;
 float:right;
}

#enlargTextBtnCnt a{
 color: #FFFFFF;

}

#logoAndLocale {
 float:none;
 clear:both;
 background: #A3BFE6;
 margin:0;
 padding:2px 17px 17px 17px;
 text-align:left;
 position:relative;
 /* fix for shifting logo, nav bar and search bar in IE7 */
 zoom: 1;
}
#logoAndLocale h1{
 margin:0;
 padding:0;
}


/* MAIN NAGIGATION */

#mainNavBar {
 background: #A3BFE6;
 margin:0;
 padding:0;
 position:relative;
}
#navTabs {
 background: #A3BFE6;
 margin:0;
 padding:0 17px 0 17px;
 position:relative;
}
#navTabs ol{
 margin:0;
 padding:0;
 position:relative;
}
#navTabs ol li{
 margin:0 4px 0 0;
 padding:0;
 display:block;
 float:left;
 position:relative;
}
#navTabs ol li a{
 padding:4px 0 4px 6px;
 background: #FFFFFF url("tabsLeftWhite.gif") no-repeat top left;
 color: #000000;
 font-size:0.9em;
 text-decoration:none;
 display:block;
 position:relative;
 font-weight: bold;

}
#navTabs ol li a:hover{
 padding:4px 0 4px 6px;
 background: #0066CC url("tabsLeftOver.gif") no-repeat top left;
 color: #FFFFFF;
 text-decoration:none;
}
#navTabs ol li a:hover span.navTabOff{
 padding:4px 6px 4px 0;
 background: transparent url("tabsRightOver.gif") no-repeat top right;
}
span.navTabOff{
 padding:4px 6px 4px 0;
 background: transparent url("tabsRightWhite.gif") no-repeat top right;
}
/* home Channel on */
#navTabs ol li#HomeOn a{
 padding:4px 0 4px 6px;
 background: #EAF1F9 url("tabsLeftHome.gif") no-repeat top left;
 color: #000000;
 font-size:0.9em;
 text-decoration:none;
 display:block;
}
#navTabs ol li#HomeOn a span.navTabOff{
 padding:4px 6px 4px 0;
 background: transparent url("tabsRightHome.gif") no-repeat top right;
}
#navTabs ol li#HomeOn a:hover span{
 text-decoration: underline;
}
				

#searchBar {
 color: #ACACAE;
 margin:0;
 padding:0px;
 clear:both;
 float:none;
 text-align:right;
 font-size:0.9em;
 position:relative;
 min-height:10px;
 background: #EAF1F9 url("homeTabBarBg.gif") repeat-x bottom;
}

/* main content area */
#pageBody{
 margin:0 3px;	/*or left,right 3px*/
 padding:0;
 border-top:1px solid #FFFFFF;
 position:relative;

}

/* footer */
#footer{
 padding:0; 
 font-size:0.8em;
 text-align:center;
 background: url('footer.gif') no-repeat bottom center;
padding: 0px 3px;
margin-top: 3px;
}

#footer p
{text-align:center;
	margin-top:4px;
}

#footer ul a{
	text-decoration: none;
	font-weight: normal!important;
}

#footer ul a:hover{
	text-decoration: underline;
}

#footer ul, #footer ul li{
 margin:0;
 padding:0;
list-style: none;

}



#footer ul li#footer-links{
	background: #a3bfe6 url('tab_blue.gif') no-repeat center top;
	width: 510px;
}

#footer ul li#footer-links, #footer ul li#online-demo, #footer ul li#font-size{
	height: 30px;	
}

#footer ul li#online-demo, #footer ul li#font-size{
	background: #552244 url('tab_purple.gif') no-repeat center top;
	width: 126px;
}

#footer ul li#online-demo a, #footer ul li#font-size a, #footer ul li#font-size{
	color: #fff;
}

#footer ul li#font-size div{
width: 8em;
margin: 0 auto;
}

#footer ul li#font-size a{
	float: right;
	position: relative;
	margin-right: 3px;
}

#footer ul li#font-size a#noScriptFontLink
{
	float : none;
}

#footer ul li#font-size a#text-smaller{
	top: 11px;
}

#footer ul li#font-size a#text-larger{
	top: 8px;
}

#footer ul li{
	float: left;
	line-height: 30px;
	margin-left: 2px;
}

#footer ul li ul li{
	display: inline;
	float: none;
}

#footer ul li ul li a{
	color: #000;
	font-weight: bold!important;
}

#footer p{
	height: 41px;
	line-height: 35px;
	color: #fff;
	clear: both;
	margin: 0;
	padding: 0;
}
/* ------------------------------- Homepage specific -------------------------------  */


/* layout */

#homeContent{
	margin: 0 3px 2px;
}

/* overide styles */

#homeContent a{
	font-weight: normal;
}

/* main content */

#homeContent h3{
	padding: 15px 0 5px 0;
	font-size: 1.2em;
	clear: left;
}

#homeContent h3 a{
	color:#0568BB;
	font-weight:bold;
	float: left;
	padding-left: 20px;
}


/* ------------------------------- Clearfix -------------------------------  */

.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 */

.clearfix ul li{
	text-align: left;
	line-height: 30px;
	margin-left: 15px;
	list-style-type: square;
}

.clearfix ul li img{
	float: none;
	align: center;
	margin-left: 0px;
}