/*
Copyright (c) Enigma Interactive 2008

SOM2
Filename:		layout_common.css
Description:	Site-wide layout elements
     
History
ver date  			who     		comment
-----------------------------------------------------------------------------
2	27Jan08		SF			Tidying up and error correction - this now validates CSS level 2.1
1	unknown
*/

@import "/css/all/frontend_panels.css";

html { overflow-y:scroll; }

body{
	background:#FFF url(/images/general/body_bg.png) repeat-x top left;
	margin:0px;
	padding:0px;
	text-align:center;
	font: normal 90% Arial, sans-serif; 
	color:#000;
}

input[type=submit],label,select,.pointer { 
	cursor:pointer; 
}

a {
	color:#1e98d5;
	text-decoration:none;
	font-weight:bold;
	cursor:pointer;
}

a:hover {
	color:#003264;
}

a img{
	border:none;
}

h1 {
	margin: 0px 0px 11px 0px;
	padding: 0px;
	color:#003264;
}

h2,h3,h4,h5,h6 {
	margin: 0px 0px 9px 0px;
	padding: 0px;
	color:#0388cb;
}

h1{
	font-size:1.5em;
}

h2{
	font-size:1.4em;
}
h3{
	font-size:1.3em;
}
h4{
	font-size:1.2em;
}

h5{
	font-size:1.1em;
}
h6{
	font-size:1em;
}

strong {
	color: #003264;
}

p {
	margin: 0px 0px 7px 0px;
	padding: 0px;
}

div.hr {
	width: 100%;
	float: left;
	position: relative;
	height: 1px;
	border-bottom: 1px solid #003f77;
	margin-bottom:5px;
}

div.title h1,
div.title h2 {
	color: #fff;
	margin:0px;
}

#siteHolder {
	position: relative;
	width : 980px;
	height: auto;
	margin : 0px auto; /* required by Firefox and Netscape */
	text-align : left; /* re-align text to the left */
	z-index:1;
}

#siteHolder #siteContent {
	position: relative;
	width: 100%;
	float: left;
}

/* Header start */

#siteHolder #siteContent #coSiteTool {
	position: relative;
	width: 100%;
	float: left;
	height: 141px;
	background: transparent url(/res/coSiteTool/images/header_bg.png) no-repeat top left;
}

* html #siteHolder #siteContent #coSiteTool {
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/res/coSiteTool/images/header_bg.png',sizingMethod='crop');	
}

/*#siteHolder #siteContent #coSiteTool img {
	position: relative;
	float: left;
	width: 100%;
	height: 100%;
}*/

#siteHolder #siteContent #coSiteTool #membership {
	position: absolute;
	top: 12px;
	left: 12px;
	height: 30px;
	width: auto;
}

#siteHolder #siteContent #coSiteTool #membership ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
	height: 30px;
}

#siteHolder #siteContent #coSiteTool #membership li {
	height: 30px;
	width: auto;
	float: left;
	padding: 0px;
	margin: 0px;
	overflow:hidden;
}

/* #siteHolder #siteContent #coSiteTool #membership li a {
	position: relative;
	height: 30px;
	width: auto;
	float: left;
	display:block;
	cursor:pointer;
	z-index: 100;
} */

#siteHolder #siteContent #coSiteTool #membership li a {
	position: relative;
	height: 28px;
	width: 70px;
	float: left;
	display:block;
	cursor:pointer;
	z-index: 100;
	overflow: hidden;
}

#siteHolder #siteContent  #coSiteTool #membership li a {
	text-align: center;
	padding: 6px 0px;
	color:#b0e2fb;
	font-weight:normal;
	overflow: hidden;
}

#siteHolder #siteContent #coSiteTool #membership a.left {
	position: relative;
	float: left;
	width: 70px;
	height: 30px;
	background: transparent url(/res/coSiteTool/images/small_left_lo.png) no-repeat top left;
}

#siteHolder #siteContent #coSiteTool #membership a.left:hover,
#siteHolder #siteContent #coSiteTool #membership a.leftHi {
	color:#071339;
	background: transparent url(/res/coSiteTool/images/small_left_hi.png) no-repeat top left;
}

* html #siteHolder #siteContent #coSiteTool #membership a.left {
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/res/coSiteTool/images/small_left_lo.png',sizingMethod='crop');	
}

* html #siteHolder #siteContent #coSiteTool #membership a.left:hover,
* html #siteHolder #siteContent #coSiteTool #membership a.leftHi {
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/res/coSiteTool/images/small_left_hi.png',sizingMethod='crop');	
}

#siteHolder #siteContent #coSiteTool #membership a.right {
	position: relative;
	float: left;
	width: 71px;
	height: 30px;
	background: transparent url(/res/coSiteTool/images/small_right_lo.png) no-repeat top left;
}

#siteHolder #siteContent #coSiteTool #membership a.right:hover,
#siteHolder #siteContent #coSiteTool #membership a.rightHi {
	color:#071339;
	background: transparent url(/res/coSiteTool/images/small_right_hi.png) no-repeat top left;
}

* html #siteHolder #siteContent #coSiteTool #membership a.right {
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/res/coSiteTool/images/small_right_lo.png',sizingMethod='crop');	
}

* html #siteHolder #siteContent #coSiteTool #membership a.right:hover,
* html #siteHolder #siteContent #coSiteTool #membership a.rightHi {
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/res/coSiteTool/images/small_right_hi.png',sizingMethod='crop');	
}

#siteHolder #siteContent #coSiteTool .homeLink {
	display : block;
	position : absolute;
	top : 0;
	right : 0;
	height : 138px;
	width : 250px; 
}

#siteHolder #siteContent #coSiteTool .homeLink span {
	display : none;
}

#siteHolder #siteContent #coSiteTool #bccl {
	position : absolute;
	width : 400px;
	float : left;
	bottom : 0;
	left : 0;
}

#bccl .logo {
	position : absolute;
	width : 138px;
	height : 31px;
	bottom : 12px;
	left : 12px ;
}

#bccl .text {
	position : absolute;
	font-size : 1.05em;
	color : #c0e0f2;
	bottom : 12px;
	left : 162px ;
}

#bccl .text a {
	color : #c0e0f2;
	font-weight : normal;
}

/* Header end */

/* Main menu start */

#siteHolder #siteContent #main_top {
	position: relative;
	width: 100%;
	float: left;
	height: 12px;
	background: transparent url(/res/coSiteTool/images/main_top.png) no-repeat top left;
}

* html #siteHolder #siteContent #main_top {
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/res/coSiteTool/images/main_top.png',sizingMethod='crop');	
}

#siteHolder #siteContent #main_top img {
	position: relative;
	float: left;
	width: 100%;
	height: 100%;
}

#siteHolder #siteContent #main_menu {
	position: relative;
	width: 978px;
	float: left;
	height: 45px;
	background: white;
	text-align:center;
	/* padding-bottom: 12px; */
	border-left: 1px solid #003f77;
	border-right: 1px solid #003f77;
	overflow: hidden;
}

#siteHolder #siteContent #main_menu ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
	height: 45px;
	margin: 0px 11px;
}

#siteHolder #siteContent #main_menu li {
	height: 45px;
	width: auto;
	float: left;
	padding: 0px;
	margin: 0px;
	overflow:hidden;
}

#siteHolder #siteContent #main_menu li a,
#siteHolder #siteContent #main_menu li a .linkText{
	position: relative;
	height: 37px;
	width: 79px;
	float: left;
	display:block;
	cursor:pointer;
	z-index: 100;
	overflow: hidden;
}

#siteHolder #siteContent #main_menu li a {
	text-align: center;
	padding: 8px 20px 0px 20px;
	color:#b0e2fb;
	font-weight:normal;
	overflow: hidden;
	line-height: 0.95em;
}

#siteHolder #siteContent #main_menu li a.left,
#siteHolder #siteContent #main_menu li a.left:hover,
#siteHolder #siteContent #main_menu li a.leftHi {
	position: relative;
	float: left;
	width: 81px;
	height: 37px;
	overflow: hidden;
}

#siteHolder #siteContent #main_menu li a.left {
	background: transparent url(/res/coSiteTool/images/left_lo.png) no-repeat top left;
}

#siteHolder #siteContent #main_menu li a.left:hover,
#siteHolder #siteContent #main_menu li a.leftHi {
	color: #071339;
	background: transparent url(/res/coSiteTool/images/left_hi.png) no-repeat top left;
}

#siteHolder #siteContent #main_menu li a.mid,
#siteHolder #siteContent #main_menu li a.mid:hover,
#siteHolder #siteContent #main_menu li a.midHi {
	position: relative;
	float: left;
	width: 79px;
	height: 37px;
	overflow: hidden;
}

#siteHolder #siteContent #main_menu li a.mid {
	background: transparent url(/res/coSiteTool/images/mid_lo.png) no-repeat top left;
}

#siteHolder #siteContent #main_menu li a.mid:hover,
#siteHolder #siteContent #main_menu li a.midHi {
	color: #071339;
	background: transparent url(/res/coSiteTool/images/mid_hi.png) no-repeat top left;
}

#siteHolder #siteContent #main_menu li a.right,
#siteHolder #siteContent #main_menu li a.right:hover,
#siteHolder #siteContent #main_menu li a.rightHi {
	position: relative;
	float: left;
	width: 81px;
	height: 37px;
	overflow: hidden;
}

#siteHolder #siteContent #main_menu li a.right {
	background: transparent url(/res/coSiteTool/images/right_lo.png) no-repeat top left;
}

#siteHolder #siteContent #main_menu li a.right:hover,
#siteHolder #siteContent #main_menu li a.rightHi {
	color: #071339;
	background: transparent url(/res/coSiteTool/images/right_hi.png) no-repeat top left;
}

/* Main menu end */

/* Breadcrumb trail start */

#siteHolder #siteContent #coSiteSubNavigation {
	position: relative;
	width: 956px;
	float: left;
	height: 30px;
	background: white;
	text-align:left;
	padding: 0px 11px;
	border-left: 1px solid #003f77;
	border-right: 1px solid #003f77;
	overflow: hidden;
	padding-top: 12px;
}

#siteHolder #siteContent #coSiteSubNavigation ul {
	list-style: none;
	padding: 0px 10px;
	margin: 0px;
	height: 30px;
	width: 956px;
	background: #fff url(/res/coSiteSubNavigation/images/bg.png) no-repeat top left;
}

#siteHolder #siteContent #coSiteSubNavigation li {
	height: 18px;
	width: auto;
	float: left;
	padding: 6px 2px;
	margin: 0px;
	overflow:hidden;
	color: #003264;
}

/* Breadcrumb trail end */

/* Main content start */

#siteHolder #siteContent #contentMain {
	position: relative;
	width: 956px;
	float: left;
	height: auto;
	background: white;
	text-align:left;
	padding: 0px 11px;
	border-left: 1px solid #003f77;
	border-right: 1px solid #003f77;
	overflow: hidden;
}

#siteHolder #siteContent #contentMain .row {
	position: relative;
	width: 100%;
	float: left;
	height: auto;
	padding-bottom: 12px;
}

#siteHolder #siteContent #contentMain .rowNoPadding {
	position: relative;
	width: 100%;
	float: left;
	height: auto;
}


#siteHolder #siteContent #contentMain .singleColumn {
	position: relative;
	width: 230px;
	float: left;
	height: auto;
	min-height: 1px;
	overflow:hidden;
	margin-left: 12px;
}

#siteHolder #siteContent #contentMain .singleColumnLeft {
	position: relative;
	width: 230px;
	float: left;
	height: auto;
	min-height: 1px;
	overflow:hidden;
}

/* Hack to fix the addition of a doubleColumn div around the sign in form for display in the order section */
#siteHolder #siteContent #contentMain .doubleColumn .doubleColumn {
	margin-left : 0;
}

#siteHolder #siteContent #contentMain .doubleColumn,
#siteHolder #siteContent #contentMain .doubleColumnLeft,
#siteHolder #siteContent #contentMain .doubleColumn .wideColumn,
#siteHolder #siteContent #contentMain .trebleColumn .doubleColumn .wideColumn {
	position: relative;
	width: 472px;
	float: left;
	height: auto;
	overflow:hidden;
	min-height: 1px;
}

#siteHolder #siteContent #contentMain .doubleColumn {
	margin-left: 12px;
}

#siteHolder #siteContent #contentMain .trebleColumn,
#siteHolder #siteContent #contentMain .trebleColumnLeft,
#siteHolder #siteContent #contentMain .trebleColumn .wideColumn {
	position: relative;
	width: 714px;
	float: left;
	height: auto;
	overflow:hidden;
	min-height: 1px;
}

#siteHolder #siteContent #contentMain .trebleColumn {
	margin-left: 12px;
}

#siteHolder #siteContent #contentMain .trebleColumnLeft {
	margin-left: 0px;
}

#siteHolder #siteContent #contentMain .singleColumnHidden {
	display: none;
}

#siteHolder #siteContent #contentMain .trebleColumn .singleColumnHidden {
	display: block;
	position: relative;
	width: 230px;
	float: left;
	height: auto;
	min-height: 1px;
	overflow:hidden;
	margin-left: 12px;
}

#siteHolder #siteContent #contentMain .textAreaTop,
#siteHolder #siteContent #contentMain .singleColumn .textAreaTop,
#siteHolder #siteContent #contentMain .singleColumn .bluePanelTop,
#siteHolder #siteContent #contentMain .singleColumnLeft .textAreaTop,
#siteHolder #siteContent #contentMain .singleColumnLeft .bluePanelTop,
#siteHolder #siteContent #contentMain .trebleColumn .singleColumnHidden .textAreaTop,
#siteHolder #siteContent #contentMain .doubleColumn .textAreaTop,
#siteHolder #siteContent #contentMain .doubleColumnLeft .textAreaTop,
#siteHolder #siteContent #contentMain .trebleColumn .textAreaTop,
#siteHolder #siteContent #contentMain .trebleColumnLeft .textAreaTop {
	position: relative;
	float: left;
	height: 10px;
	margin-top: 12px;
}

#siteHolder #siteContent #contentMain .singleColumn .bluePanelTop,
#siteHolder #siteContent #contentMain .singleColumnLeft .bluePanelTop {
	width:230px;
	background: #fff url(/images/general/panel_top.gif) no-repeat top left;
}

#siteHolder #siteContent #contentMain .textAreaTop {
	width:956px;
	background: #fff url(/images/general/wide_top.png) no-repeat top left;
}

#siteHolder #siteContent #contentMain .doubleColumn .textAreaTop,
#siteHolder #siteContent #contentMain .doubleColumnLeft .textAreaTop, 
#siteHolder #siteContent #contentMain .trebleColumn .doubleColumn .textAreaTop {
	width:472px;
	background: #fff url(/images/general/double_top.png) no-repeat top left;
}

#siteHolder #siteContent #contentMain .trebleColumn .textAreaTop,
#siteHolder #siteContent #contentMain .trebleColumnLeft .textAreaTop {
	width:714px;
	background: #fff url(/images/general/treble_top.png) no-repeat top left;
}

#siteHolder #siteContent #contentMain .singleColumn .textAreaTop,
#siteHolder #siteContent #contentMain .singleColumnLeft .textAreaTop,
#siteHolder #siteContent #contentMain .trebleColumn .singleColumnHidden .textAreaTop {
	width:230px;
	background: #fff url(/images/general/single_top.png) no-repeat top left;
}

#siteHolder #siteContent #contentMain .textAreaBody,
#siteHolder #siteContent #contentMain .singleColumn .textAreaBody,
#siteHolder #siteContent #contentMain .singleColumn .bluePanelBody,
#siteHolder #siteContent #contentMain .singleColumnLeft .textAreaBody,
#siteHolder #siteContent #contentMain .singleColumnLeft .bluePanelBody,
#siteHolder #siteContent #contentMain .trebleColumn .singleColumnHidden .textAreaBody,
#siteHolder #siteContent #contentMain .doubleColumn .textAreaBody,
#siteHolder #siteContent #contentMain .doubleColumnLeft .textAreaBody,
#siteHolder #siteContent #contentMain .trebleColumn .textAreaBody,
#siteHolder #siteContent #contentMain .trebleColumnLeft .textAreaBody {
	position: relative;
	float: left;
	height: auto;
	text-align:left;
	padding: 0px 12px;
	border-left: 1px solid #003f77;
	border-right: 1px solid #003f77;
	overflow: hidden;
}

#siteHolder #siteContent #contentMain .singleColumn .bluePanelBody,
#siteHolder #siteContent #contentMain .singleColumnLeft .bluePanelBody {
	width: 204px;
	background-color: #d8edf7;
}

#siteHolder #siteContent #contentMain .textAreaBody {
	width: 930px;
	background-color: #fff;
}

#siteHolder #siteContent #contentMain .trebleColumn .textAreaBody,
#siteHolder #siteContent #contentMain .trebleColumnLeft .textAreaBody {
	width: 688px;
	background-color: #fff;
}

#siteHolder #siteContent #contentMain .doubleColumn .textAreaBody,
#siteHolder #siteContent #contentMain .doubleColumnLeft .textAreaBody,
#siteHolder #siteContent #contentMain .trebleColumn .doubleColumn .textAreaBody {
	width: 446px;
	background-color: #fff;
}

#siteHolder #siteContent #contentMain .singleColumn .textAreaBody,
#siteHolder #siteContent #contentMain .singleColumnLeft .textAreaBody,
#siteHolder #siteContent #contentMain .trebleColumn .singleColumnHidden .textAreaBody {
	width: 204px;
	background-color: #fff;
}

#siteHolder #siteContent #contentMain .textAreaBottom,
#siteHolder #siteContent #contentMain .singleColumn .textAreaBottom,
#siteHolder #siteContent #contentMain .singleColumn .bluePanelBottom,
#siteHolder #siteContent #contentMain .singleColumnLeft .textAreaBottom,
#siteHolder #siteContent #contentMain .singleColumnLeft .bluePanelBottom,
#siteHolder #siteContent #contentMain .trebleColumn .singleColumnHidden .textAreaBottom,
#siteHolder #siteContent #contentMain .doubleColumn .textAreaBottom,
#siteHolder #siteContent #contentMain .doubleColumnLeft .textAreaBottom,
#siteHolder #siteContent #contentMain .trebleColumn .textAreaBottom,
#siteHolder #siteContent #contentMain .trebleColumnLeft .textAreaBottom {
	position: relative;
	float: left;
	height: 10px;
}

#siteHolder #siteContent #contentMain .textAreaBottom,
#siteHolder #siteContent #contentMain .trebleColumnLeft .textAreaBottom {
	width:956px;
	background: #fff url(/images/general/wide_bottom.png) no-repeat top left;
}

#siteHolder #siteContent #contentMain .trebleColumn .textAreaBottom,
#siteHolder #siteContent #contentMain .trebleColumnLeft .textAreaBottom {
	width:714px;
	background: #fff url(/images/general/treble_bottom.png) no-repeat top left;
}

#siteHolder #siteContent #contentMain .doubleColumn .textAreaBottom,
#siteHolder #siteContent #contentMain .doubleColumnLeft .textAreaBottom,
#siteHolder #siteContent #contentMain .trebleColumn .doubleColumn .textAreaBottom
 {
	width:472px;
	background: #fff url(/images/general/double_bottom.png) no-repeat top left;
}

#siteHolder #siteContent #contentMain .singleColumn .textAreaBottom,
#siteHolder #siteContent #contentMain .singleColumnLeft .textAreaBottom,
#siteHolder #siteContent #contentMain .trebleColumn .singleColumnHidden .textAreaBottom {
	width:230px;
	background: #fff url(/images/general/single_bottom.png) no-repeat top left;
}

#siteHolder #siteContent #contentMain .singleColumn .bluePanelBottom,
#siteHolder #siteContent #contentMain .singleColumnLeft .bluePanelBottom {
	width:230px;
	background: #fff url(/images/general/panel_bottom.gif) no-repeat top left;
}

#siteHolder #siteContent #contentMain .doubleColumn .textAreaTop img,
#siteHolder #siteContent #contentMain .doubleColumnLeft .textAreaTop img,
#siteHolder #siteContent #contentMain .doubleColumn .textAreaBottom img,
#siteHolder #siteContent #contentMain .doubleColumnLeft .textAreaBottom img {
	position: relative;
	width:472px;
	float: left;
	height: 10px;
}

#siteHolder #siteContent #contentMain .media, #siteHolder #siteContent #contentMain .mediaImage {
	position: relative;
	width: auto;
	float: left;
	height: auto;
	margin-top: 12px;
}

#siteHolder #siteContent #contentMain .mediaImage {
	font-size : 0;
}

#siteHolder #siteContent #contentMain .singleColumn .coArticleSignpost,
#siteHolder #siteContent #contentMain .singleColumnLeft .coArticleSignpost {
	position: relative;
	width: 206px;
	float: left;
	height: auto;
	background: #60b1db url(/res/coArticleSignpost/images/single_sp_bg.png) no-repeat top left;
	padding: 12px;
	color: #fff;
	z-index: 10;
	margin-top: 12px;
}

#siteHolder #siteContent #contentMain .singleColumn .coArticleSignpost .signpostBottom,
#siteHolder #siteContent #contentMain .singleColumnLeft .coArticleSignpost .signpostBottom {
	position: absolute;
	bottom: 0px;
	left: 0px;
	height: 10px;
	width: 230px;
	background: transparent url(/res/coArticleSignpost/images/single_sp_bottom.png) no-repeat bottom left;
	z-index: 100;
}

* html #siteHolder #siteContent #contentMain .singleColumn .coArticleSignpost .signpostBottom,
* html #siteHolder #siteContent #contentMain .singleColumnLeft .coArticleSignpost .signpostBottom {
	margin-bottom: -1px;
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/res/coArticleSignpost/images/single_sp_bottom.png',sizingMethod='crop');	
}

#siteHolder #siteContent #contentMain .doubleColumn .coArticleSignpost,
#siteHolder #siteContent #contentMain .doubleColumnLeft .coArticleSignpost {
	position: relative;
	width: 448px;
	float: left;
	height: auto;
	background: #60b1db url(/res/coArticleSignpost/images/double_sp_bg.png) no-repeat top left;
	padding: 12px;
	color: #fff;
	z-index: 10;
	margin-top: 12px;
}

#siteHolder #siteContent #contentMain .doubleColumn .coArticleSignpost .signpostBottom,
#siteHolder #siteContent #contentMain .doubleColumnLeft .coArticleSignpost .signpostBottom {
	position: absolute;
	bottom: 0px;
	left: 0px;
	height: 10px;
	width: 472px;
	background: transparent url(/res/coArticleSignpost/images/double_sp_bottom.png) no-repeat bottom left;
	z-index: 100;
}

* html #siteHolder #siteContent #contentMain .doubleColumn .coArticleSignpost .signpostBottom,
* html #siteHolder #siteContent #contentMain .doubleColumnLeft .coArticleSignpost .signpostBottom {
	margin-bottom: -1px;
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/res/coArticleSignpost/images/double_sp_bottom.png',sizingMethod='crop');	
}


/* #siteHolder #siteContent #contentMain .bottomRow .coArticleSignpost,
#siteHolder #siteContent #contentMain .bottomRow .coArticleSignpost {
	margin-bottom: 0px;
} */

#siteHolder #siteContent #contentMain .coArticleSignpost h1,
#siteHolder #siteContent #contentMain .coArticleSignpost h2,
#siteHolder #siteContent #contentMain .coArticleSignpost h3,
#siteHolder #siteContent #contentMain .coArticleSignpost h4,
#siteHolder #siteContent #contentMain .coArticleSignpost h5,
#siteHolder #siteContent #contentMain .coArticleSignpost h6,
#siteHolder #siteContent #contentMain .coArticleSignpost a,
#siteHolder #siteContent #contentMain .coArticleSignpost strong {
	color: #fff;
}

#siteHolder #siteContent #contentMain .coArticleSignpost a:hover {
	color:#1e98d5;
}

/* Main content end */

/* Site Footer start */

#siteHolder #siteContent #coSiteFooter {
	position: relative;
	width: 968px;
	float: left;
	height: auto;
	background: transparent url(/res/coSiteFooter/images/main_bottom.png) no-repeat top left;
	text-align:left;
	padding-top: 24px;
	padding-right: 12px;
	text-align:right;
}

* html #siteHolder #siteContent #coSiteFooter {
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/res/coSiteFooter/images/main_bottom.png',sizingMethod='crop');	
}

#siteHolder #siteContent #coSiteFooter ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
	height: 30px;
	float: right;
}

#siteHolder #siteContent #coSiteFooter li {
	height: 30px;
	width: auto;
	float: left;
	padding: 0px;
	margin: 0px;
	overflow:hidden;
	color: #003264;
	font-size: 0.8em;
	font-weight: bold;
}

#siteHolder #siteContent #coSiteFooter li span.pipe {
	margin: 0px 4px;
}

#siteHolder #siteContent #coSiteFooter li a {
	position: relative;
	height: 30px;
	width: auto;
	float: left;
	display:block;
	cursor:pointer;
	z-index: 100;
	color: #003264;
}

#siteHolder #siteContent #coSiteFooter li a:hover,
#siteHolder #siteContent #coSiteFooter li.current a {
	color:#1e98d5;
}

/* Site Footer end */

/* Main menu start */

#siteHolder #siteContent #contentMain .singleColumnLeft #coSiteNavigation {
	position: relative;
	height: auto;
	width: 230px;
	float: left;
	overflow:hidden;
	margin-top: 12px;
}

#siteHolder #siteContent #contentMain .singleColumnLeft #coSiteNavigation .menuAreaTop {
	position: relative;
	width:230px;
	float: left;
	height: 10px;
	background: #fff url(/res/coSiteNavigation/images/menu_top.gif) no-repeat top left;
}

#siteHolder #siteContent #contentMain .singleColumnLeft #coSiteNavigation .menuAreaBody {
	position: relative;
	width: 204px;
	float: left;
	height: auto;
	background: #d8edf7;
	text-align:left;
	padding: 0px 12px;
	border-left: 1px solid #003f77;
	border-right: 1px solid #003f77;
	overflow: hidden;
}

#siteHolder #siteContent #contentMain .singleColumnLeft #coSiteNavigation .menuAreaBody ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	width: 100%;
}

#siteHolder #siteContent #contentMain .singleColumnLeft #coSiteNavigation .menuAreaBody li {
	width: 206px;
	padding: 0px;
	margin: 0px;
}

#siteHolder #siteContent #contentMain .singleColumnLeft #coSiteNavigation .menuAreaBody li li {
	width: 90%;
	padding-left: 10%;
}

#siteHolder #siteContent #contentMain .singleColumnLeft #coSiteNavigation .menuAreaBody li ul {
	display:none;
}

#siteHolder #siteContent #contentMain .singleColumnLeft #coSiteNavigation .menuAreaBody li a {
	width: 90%;
	display: block;
	padding: 0px 0px 0px 10%;
	margin: 0px 0px 2% 0px;
	font-weight: normal;
	color:#1e98d5;
	background: #d8edf7 url(/res/coSiteNavigation/images/bullet_normal.gif) no-repeat top left;
}

#siteHolder #siteContent #contentMain .singleColumnLeft #coSiteNavigation .menuAreaBody li.current a.current,
#siteHolder #siteContent #contentMain .singleColumnLeft #coSiteNavigation .menuAreaBody li a:hover {
	color:#003264;
	background: #d8edf7 url(/res/coSiteNavigation/images/bullet_current.gif) no-repeat top left;
}

#siteHolder #siteContent #contentMain .singleColumnLeft #coSiteNavigation .menuAreaBody li ul.current,
#siteHolder #siteContent #contentMain .singleColumnLeft #coSiteNavigation .menuAreaBody li ul.open {
	display:block;
}

#siteHolder #siteContent #contentMain .singleColumnLeft #coSiteNavigation .menuAreaBottom {
	position: relative;
	width:230px;
	float: left;
	height: 10px;
	background: #fff url(/res/coSiteNavigation/images/menu_bottom.gif) no-repeat top left;
}

/* Main menu end */

/* Wide blue panels start */

div.doubleColumn div.textAreaBody div.bluePanelTop,
div.trebleColumn div.textAreaBody div.bluePanelTop {
	position: relative;
	float: left;
	height: 10px;
	margin-top: 12px;
}
div.doubleColumn div.textAreaBody div.bluePanelTop {
	width:448px;
	background: #fff url(/images/general/double_blue_top.png) no-repeat top left;
}
div.trebleColumn div.textAreaBody div.bluePanelTop {
	width:690px;
	background: #fff url(/images/general/treble_blue_top.png) no-repeat top left;
}

div.doubleColumn div.textAreaBody div.bluePanelBody,
div.trebleColumn div.textAreaBody div.bluePanelBody {
	position: relative;
	float: left;
	height: auto;
	background: #d8edf7;
	text-align:left;
	padding: 0px 12px;
	border-left: 1px solid #003f77;
	border-right: 1px solid #003f77;
	overflow: hidden;
}

div.doubleColumn div.textAreaBody div.bluePanelBody {
	width: 422px;
}

div.trebleColumn div.textAreaBody div.bluePanelBody {
	width: 664px;
}

div.doubleColumn div.textAreaBody div.bluePanelBottom,
div.trebleColumn div.textAreaBody div.bluePanelBottom {
	position: relative;
	float: left;
	height: 10px;
}

div.doubleColumn div.textAreaBody div.bluePanelBottom {
	width:448px;
	background: #fff url(/images/general/double_blue_bottom.png) no-repeat top left;
}

div.trebleColumn div.textAreaBody div.bluePanelBottom {
	height: 10px;
	width:690px;
	background: #fff url(/images/general/treble_blue_bottom.png) no-repeat top left;
}

div.doubleColumn div.textAreaBody div.bluePanelBody div.columnLeft,
div.doubleColumn div.textAreaBody div.bluePanelBody div.column {
	position: relative;
	width: 206px;
	height: auto;
	float: left;
	padding-bottom: 2px;
}

div.trebleColumn div.textAreaBody div.bluePanelBody div.columnLeft,
div.trebleColumn div.textAreaBody div.bluePanelBody div.column {
	position: relative;
	width: 327px;
	height: auto;
	float: left;
	padding-bottom: 2px;
}

div.doubleColumn div.textAreaBody div.bluePanelBody div.column,
div.trebleColumn div.textAreaBody div.bluePanelBody div.column {
	margin-left: 10px;
}

div.textAreaBody div.bluePanelBody div.columnLeft div.textTop,
div.textAreaBody div.bluePanelBody div.column div.textTop,
div.textAreaBody div.bluePanelBody div.columnLeft div.text,
div.textAreaBody div.bluePanelBody div.column div.text {
	width: 100%;
}

.bluePanelBody h2 {
	color : #003264;
}

.bluePanelBody a {
	font-size : 0.8em;
	color :#003264;
}

div.trebleColumn div.title {
	position: relative;
	width: 690px;
	height: 26px;
	padding: 3px 12px;
	background: #fff url(/images/general/treble_header_bg.png) no-repeat top left;
	overflow: hidden;
}

div.trebleColumn div.title h1 {
	font-size: 1.3em;
}

/* Wide blue panels end */

#siteHolder #siteContent #contentMain .error_message {
	color: red;
}

.floatright {
	float : right;	
}
