/* CSS Document */

* {
	padding : 0;
	margin : 0;
  }

body {
	background-image:url(template2009/background.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
}
#container{
	width: 994px;
	margin-left: auto;
	margin-right: auto;
	text-align:left;
	position: relative;	
}
#headerbar{
	height: 181px;
}
#menubar {
	height: 28px;
}
#footer {
	clear: both;
	height: 50px;
	padding: 20px 0 0 0;
	vertical-align: middle;
}
#footer .footerlogo {
	float: left;
	left: 40px;
}
#footer .footertext {
	float:right;
	width: 770px;
	text-align:left;
	padding: 24px 0 0 0;
	font-family: Arial;
	color: #000000;
	font-size: 11px;
}
#footer .footertext A{	
	font-family: Arial;
	color: #000000;
	font-size: 11px;
	text-decoration: none;
	font-weight: normal;
}
#footer .footertext A:visited{	
	font-family: Arial;
	color: #000000;
	font-size: 11px;
	text-decoration: none;
	font-weight: normal;
}
#footer .footertext A:hover{	
	font-family: Arial;
	color: #000000;
	font-size: 11px;
	text-decoration: none;
	font-weight: normal;	
}
#headerbarsearch{
	width:150px;
	left:825px;
	top:10px;
	position: relative;
	font-family: Arial;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
}
#headerbarsearch A{	
	font-family: Arial;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	text-decoration:none;
}
#headerbarsearch A:visited{	
	font-family: Arial;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	text-decoration:none;
}
#headerbarsearch A:hover{	
	font-family: Arial;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	text-decoration:none;
}

.searchbox {
	width:150px;
	height:14px;
	font-family: Arial;
	font-size:11px;
}
#mainbody {
	position: relative;

}
#spacer {
	height:3px;
}
.colmask {
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
	    float:left;
        width:100%;				/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* holy grail 3 column settings */
	.holygrail {
	    background:transparent;    	/* Right column background colour */
	}
    .holygrail .colmid {
        float:left;
        width:200%;
        margin-left:-210px; 	/* Width of right column */
        position:relative;
        right:100%;
        background:transparent;    	/* Centre column background colour */
    }
    .holygrail .colleft {
        float:left;
        width:100%;
        margin-left:-50%;
        position:relative;
        left:420px;         	/* Left column width + right column width */
        background:transparent;    	/* Left column background colour */
    }
    .holygrail .col1wrap {
        float:left;
	    width:50%;
	    position:relative;
	    right:210px;        	/* Width of left column */
	    padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
	}
	.holygrail .col1 {
        margin:0 230px;     	/* Centre column side padding:
                            	Left padding = left column width + centre column left padding width
                            	Right padding = right column width + centre column right padding width */
        position:relative;
	    left:200%;
	    overflow:hidden;
	}
    .holygrail .col2 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:210px;        	/* Width of left column content (left column width minus left and right padding) */
        position:relative;
        right:0px;         	/* Width of the left-had side padding on the left column */
    }
    .holygrail .col3 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:211px;        	/* Width of right column content (right column width minus left and right padding) */
        margin-right:0px;  	/* Width of right column right-hand padding + left column left and right padding */
        position:relative;
        left:50%;
    }
		width:550;			/* width of center column content (column width minus padding on either side) */
		left:100%;			/* 100% plus left padding of center column */
	}
	.threecol .col2 {
		width:210;			/* Width of left column content (column width minus padding on either side) */
		left:420;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.threecol .col3 {
		width:210;			/* Width of right column content (column width minus padding on either side) */
		left:776;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}
	
.sitemap {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
A.sitemap {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration:none;
}
A.sitemap:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration:none;
}
A.sitemap:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration:none;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	color: #011F67;
	font-weight: bold;
	width: 400px;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #011F67;
	font-weight: bold;
}
.bioball {
font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
color: #011F67;
font-weight: bold;
}
.subtitle {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #011F67;
font-weight: bold;

}
.bioballsmall {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #011F67;
font-weight: bold;
}
A {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #011F67;
font-weight: bold;
text-decoration: none;
}
A:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #011F67;
font-weight: bold;
text-decoration: none;
}
A:visited {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #011F67;
font-weight: bold;
text-decoration: none;
}
HR {
	border-top : 1px dashed #011F67;
	height:1px;
	margin-top : 8px;
	margin-bottom : 8px;}
.boxheader {
	background-image:url(template2009/sidebox_header.jpg);
	background-repeat:no repeat;
	background-position:top left;
	width: 209px;
	height:30px;
	padding: 0;
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
	border-left: 1px solid #7796BB;
	border-right: 1px solid #7796BB;
	border-top: 1px solid #7796BB;		
}
.boxheader div {
	padding: 3px 10px 0 10px;
}
.boxcontent{
	background-image:url(template2009/sidebox_background.jpg);
	background-repeat:no repeat;
	background-position:bottom left;
	width: 209px;
	padding: 0;
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #000950;
	border-left: 1px solid #7796BB;
	border-right: 1px solid #7796BB;
	border-bottom: 1px solid #7796BB;
}
.boxcontent div {
	padding: 3px 10px 10px 10px;
}
.boxcontent ul li{
	text-align: left;
	list-style:none;
	padding: 3px 5px 6px 25px;	
	background: url(template2009/button_earth.png) 0px 2px no-repeat;
}
	
.boxmulti {
	background-image:url(template2009/secureshopping_background.jpg);
	background-repeat:repeat-x;
	background-position:top left;
	width: 209px;
	padding: 0;
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
	border: 1px solid #7796BB;
}
.boxmulti div {
	padding: 3px 10px 0 10px;
}
.boxmulti ul li{
	text-align: left;
	list-style:none;
	font-family: Arial;
	color: #ffffff;
	font-size: 12px;
	padding: 3px 5px 6px 25px;	
	background: url(template2009/button_earth.png) 0px 2px no-repeat;
}
.boxmulti ul li a{	
	font-family: Arial;
	color: #ffffff;
	font-size: 12px;
	text-decoration:none;
}
.boxmulti ul li a:visited{	
	font-family: Arial;
	color: #ffffff;
	font-size: 12px;
	text-decoration:none;
}
.boxmulti ul li a:hover{	
	font-family: Arial;
	color: #ffffff;
	font-size: 12px;
	text-decoration:none;
}
.preload1 {background: url(template2009/menu_backgroundon.jpg);}

#nav {padding:0; margin:0; margin-left:3px; list-style:none; height:28px;  position:relative; z-index:200; font-family:arial, verdana, sans-serif;}
#nav li.top {display:block; float:left; }
#nav li a.top_link {display:block; float:left; height:28px; line-height:26px; color:#FFFFFF; text-decoration:none; font-size:12px; font-weight:bold; padding:0 0 0 6px; cursor:pointer; vertical-align: middle; border-right: 1px solid #0D1E69;}
#nav li a.top_link span {float:left; display:block; padding:0 18px 0 6px; height:28px; vertical-align: middle;}
#nav li a.top_link img {border: 0px; align: left; vertical-align: middle;}

#nav li a.top_linkon {display:block; float:left; height:28px; line-height:26px; color:#263380; background: url(template2009/menu_backgroundon.jpg) repeat-x; text-decoration:none; font-size:12px; font-weight:bold; padding:0 0 0 6px; cursor:pointer; vertical-align: middle; border-right: 1px solid #0D1E69;}
#nav li a.top_linkon span {float:left; display:block; padding:0 18px 0 6px; height:28px; vertical-align: middle;}
#nav li a.top_linkon img {border: 0px; align: left; vertical-align: middle;}

#nav li:hover a.top_link,
#nav a.top_link:hover
{color:#263380; background: url(template2009/menu_backgroundon.jpg) repeat-x;}
#nav li:hover a.top_link span, 
#nav a.top_link:hover span
{background:url(template2009/menu_backgroundon.jpg) repeat-x;}


#nav table {border-collapse:collapse; padding:0; margin:0; position:absolute; left:0; top:0;}

#nav li:hover {position:relative; z-index:200;}
#nav a:hover {position:relative; white-space:normal; z-index:200;}

#nav :hover ul.sub {left:0px; top:28px; background: #263380; white-space:nowrap; width:200px; height:auto; z-index:300;}
#nav :hover ul.sub li {display:block; height:24px; position:relative; float:left; width:200px; font-weight:bold; vertical-align:middle; border-bottom:1px solid #FFFFFF;}
#nav :hover ul.sub li a {display:block; font-size:11px; height:24px; width:200px; line-height:22px; text-indent:5px; color:#FFFFFF; text-decoration:none; vertical-align:middle;}
#nav :hover ul.sub li img {border: 0px; padding-left: 12px; align: left; vertical-align: middle;}
#nav :hover ul.sub li a:hover {background:#2AFEFF; color:#263380; border-color:#fff;}

#nav li b {display:block; font-size:11px; height:18px; width:88px; line-height:18px; margin-bottom:3px; text-indent:6px; color:#ff6; border-bottom:1px solid #ff6; cursor:default;}

#nav ul, 
#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

TD {
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px;
}

.warning 
{
	font-size: 12px;
	color: #CC0000;
}
.fieldLabel 
{
	font-family: Arial, Helvetica, sans-serif;
	color:#575C53;
	font-size:12px;
	font-weight:normal;
	width: 33%;
}