/* ============================ */
/* body elements */

body{
	margin: 0;
	font-family: verdana,geneva,arial,helvetica,sans-serif;
	font-size:80%;
	color: #333;
}


/* page body - centre column 760px wide */
#bodyWrapper{
	text-align: center;
}

#bodyContainer{
	width:755px;
	text-align:left;
	margin:0px auto;
	margin-top:10px;
}


/* page header */
#pageHeader{
	/* background: #69c url(../img/lozenge_header_top760.gif) no-repeat; */
	padding-top: 6px;
}

#pageHeaderBottom{
	background: url(../img/lozenge_header_bottom760.gif) no-repeat bottom left;
	height: 6px;
	line-height: 6px;
	font-size: 1%;
}

form{
	margin: 0;
}


a:hover{
	text-decoration: none;
}

a img{
	border: none;
}

/* text color */
a, h1, h2, h3, h4, h5, h6, #pageArticle .teaserLink a{
	color: #000099; 
	border-color: #000099 !important;
}

.textColor, #faq a{
	color: #000099 !important;
}


/* ============================ */
/* spotlight image */
#spotLight{
	float: left;
}

/* ============================ */
/* access elements */
.accessText{
	display: none;
}

.accessHidden{
	display: ; /* default display property */
}

.printOnly{
	display: none;
}



/* ============================ */
/* standard page elements */

/* lists */
ul{
	margin:10px 0px 10px 20px; 
	padding:0;
	list-style-type: none;	
}

li{
	margin-bottom: 5px;
	
	
	
	
}


/* main menu elements */

#mainMenuContainer{
	margin-top: 4px;
}

#mainMenuContainer ul{
	display: inline; 
	margin: 0; 
	padding: 0;
}

#mainMenuContainer ul li{
	display: inline; 
	list-style-type: none;
}



/* button */
.menuButtonWrapper, .menuButtonWrapperSelected{
	font-size: 90%;
	float:left; 
	margin-right: 2px; 
	margin-bottom: 2px; 
	font-weight: bold;
}

.menuButtonWrapper a{
	display:block; 
	color:#fff; 
	text-decoration:none; 
	padding:3px 4px 4px 3px;
}

.menuButtonWrapperSelected a{
	display:block; 
	text-decoration:none; 
	padding:4px 3px 4px 11px;
	/*color: inherit;*/ /* NOT IMPLIMENTED ON WIN IE !!! */
}

#mainMenuContainer a:hover{
	text-decoration: underline;
}

/* lozenge effect for button */	
.menuButtonWrapperSelected .buttonTopLeft{
	background: url(../img/but_topLeftOn.gif) no-repeat top left;
}

.menuButtonWrapperSelected .buttonTopRight{
	background: url(../img/but_topRightOn.gif) no-repeat top right;
}

.menuButtonWrapperSelected .buttonBotLeft{
	background: url(../img/but_botLeftOn.gif) no-repeat bottom left;
}

.menuButtonWrapperSelected .buttonBotRight{
	background: url(../img/but_botRightOn.gif) no-repeat bottom right;
}

.buttonTopLeft{
	background: url(../img/but_topLeft.gif) no-repeat top left;
}

.buttonTopRight{
	background: url(../img/but_topRight.gif) no-repeat top right;
}

.buttonBotLeft{
	background: url(../img/but_botLeft.gif) no-repeat bottom left;
}

.buttonBotRight{
	background: url(../img/but_botRight.gif) no-repeat bottom right;
}


/* button colours */
.color_1{
	background-color: #C85BF7;
}
.color_2{
}
.color_3{
}
.color_4{
}
.color_5{
}
.color_6{
}
.color_7{
}
.color_8{
}

.colour_606{
	background-color: #000099;
}
.colour_c36{
	background-color: #c36;
}
.colour_036{
	background-color: #6699CC;
}
.colour_f00{
	background-color: #f00;
}
.colour_669{
	background-color: #669;
}
.colour_f90{
	background-color: #F2F200;
}
.colour_609{
	background-color: #609;
}
.colour_093{
	background-color: #093;
}
.colour_f60{
	background-color: #FF9900;
}
.colour_066{
	background-color: #009966;
}
.colour_069{
	background-color: #069;
}
.colour_69c{
	background-color: #69c;
}


/* ============================ */
/* site wide headings */

/* ============================ */
/* site title and home page heading 1*/

#pageHeader h1{
	padding:10px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	position: relative;
}
#pageHeader h1 a {
	display:block;
	margin:0px 0px 0px 0px;
	text-decoration: none;
	padding: 8px 8px 6px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 110%;
	color: #762AB8;
	background: url(../img/h1-bg.gif) no-repeat top left;
	background-color: FFFFFF;
  }
/*======================================*/

/* ============================== */
/* side bar navigation layout  */

#menu {
	padding:0px;
	margin-bottom:0px;
	margin-top: 5px;
	width: 170px;
	font-size: 90%;
}
#menu a {
	background-image:url(../img/menua.jpg);
	padding:4px;
	margin-bottom:-10px;
	color:#000099;
	text-decoration:none;
	font-weight:bold;
	width: 170px;
	display: block;
	margin-top: 0px;
}
#menu2lines a {
	background-image:url(../img/menua2lines.jpg);
}
#menu a:hover {
	background-image:url(../img/menuahover.jpg);
	background-position:bottom;
	color:#6699CC;
}
#menu2lines a:hover {
	background-image:url(../img/menuahover2lines.jpg);
}

/* ============================== */
/* layout widgets */

div.clearBoth{
	clear:both; 
	line-height:0px; 
	font-size: 0.5px;
	height: 0px;
}

div.clearLeft{
	clear:left; 
	line-height:0px; 
	font-size: 0.5px;
	height: 0px;
}

div.width100{
	width: 100%;
}

.leftFloater{
	float:left;
}

.rightFloater{
	float:right;
}

.dashedLine{
	margin-top: 20px; 
	border-top: 1px dashed ;
}

.dashedLineBot{
	margin-top: 20px; 
	border-bottom: 1px dashed ;
}

.alignRight{
	text-align: right;
}

/* ============================== */
/* layout boxes */
#rightStrap{
	float:right; 
	width:185px;
}

#rightStrapPage{
	float:right; 
	width:185px;
	font-size: 85%;
	margin-bottom: 10px;
}

#rightStrapPage a{
	color: #000;
}


#contentBody{
	width: 570px;
}

.leftCol3{
	float:left; 
	width: 33.333%; /* IE - don't ask!!!! */
}

.leftCol4{
	float:left; 
	width: 24.999%; /* IE - don't ask!!!! */
}

.left50centre{
	float: left; 
	width: 49.999%; /* IE - don't ask!!!! */
	text-align: center;
}

/* ================================= */
/* footer */
#homeFooter{
	padding: 12px 0px 12px 0px; 
	margin-bottom: 10px; 
	text-align: center; 
	font-size: 0.8em; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #333;
}

#homeFooter a{
	color: #333;
	/*text-decoration: none;*/
}
/*
#homeFooter a:hover{
	text-decoration: underline;
}
*/
/* ================================= */
/* home page layout */
#contentWrapper{
	margin-top: 3px; 
	font-size: 85%;
}

#leftStrap{
	width: 182px;
	float: left;
}

#contentBody{
	float: right;
	width: 570px;
}


/* ================================= */
/* blue box */
#blueBox{
	margin: 0px 0px 0px 0px;
	padding: 20px 12px 14px 12px;
	color:#fff;
	font-size: 1.1em;
	background: #69c url(../img/lozenge_hp_top182.gif) no-repeat;
}

#blueBox p{
	margin: 0;
	padding: 0;
}

#blueBox ul{
	margin-bottom: 0;
}

#blueBoxBottom{
	font-size: 1%;
	height: 6px;
	background: url(../img/lozenge_hp_bottom182.gif) no-repeat;
}

#blueBox.whatsNew{
	padding: 8px 9px 7px 9px;
	margin-top: 7px;
}

.whatsNew h2{
	margin: 0px;
	font-size: 1.1em;
}

.whatsNew ul{
	list-style-image: none;
	margin: 4px 5px 5px 0px;
}

.whatsNew li{
	font-size: 0.9em;
	padding-left: 8px;	
	padding-bottom: 2px;
	background: url(../img/bullet_arrow_fff.gif) no-repeat;
	margin-bottom: 0;
}

.whatsNew a{
	color: #fff;
}


/* ================================= */
/* com channels */

#comChannels{
	background: #D4E2F0 url(../img/lozenge_hp_top570.gif) no-repeat 0px 0px;	
	margin-top: 7px; 
	margin-bottom: 8px; 
	width: 570px;
	color: #333;
}


#comChannels strong{
	font-size: 1.1em;
}

.internalComChannels{
	margin-bottom: 20px !important;
	font-size: 0.85em;
}

.comChannelsBottom{
	background: #D4E2F0 url(../img/lozenge_hp_bottom570.gif) no-repeat 0px 0px;
	height: 6px !important;
}
#comChannels .comChannelsContent{
	float: left;
	width: 500px;
	margin-bottom: 4px;
}

#comChannels ul.square{
	list-style-type: square;
	list-style-color: white;
	margin: 10px 0px 10px 50px;
}

/* 
#comChannels ul{
	margin: 0px; 
	padding: 15px 0px 0px 0px; 
	list-style-type: none; 
	list-style-image: none;
	float: left;
	margin-right: 10px;
}


#comChannels ul.internalCom{
	margin-left: 125px;
	padding-top: 11px;
	padding-bottom: 4px;
}

#comChannels li{
	float:left; 
	background: #D4E2F0;
	margin: 0px;
}


#comChannels ul a{
	color: #333; 
	display: block; 
	float: left; 
	padding-top: 40px;
	text-decoration: underline;
}
================================= */

#comChannels a:hover{
	text-decoration: underline;
}

#comChannels h2{
	color: #333;
	font-size: 1.5em;
	margin: 15px 0px 0px 15px;
	padding: 0px;
}

.comChannelsContent p{
	margin: 0px 0px 15px 15px;
	line-height: 1.3em;
}


/* ================================= */
/* About Footer */
#aboutFooter{
	background: #C2D7EB url(../img/lozenge_hp_footer_bottom570.gif) no-repeat bottom left;
	padding-bottom: 6px;
	margin-top: 8px;
}

#aboutFooter h2{
	background: #000099 url(../img/lozenge_hp_footer_top570.gif) no-repeat top left;
	font-size: 1em;
	margin: 0;
}

#aboutFooter h2 a{
	padding: 5px 0px 5px 10px;
	display: block;
}

.aboutFooterBox{
	width: 100%;
	margin-top: 6px;
	background: url(../img/back_home_footer03.gif) repeat-y;
}

.aboutFooterBox h3{
	margin: 5px 0px 5px 10px;
	font-size: 1em;
}

.aboutFooterBox p{
	margin: 5px 10px 5px 10px;
}

.aboutFooterBox p a{
	color: #333;
}

.aboutFooterBox a{
	text-decoration: none;
}

.aboutFooterBox a:hover{
	text-decoration: underline;
}

.aboutFooterBox .leftCol4{
	width: 141px;
	border-right-color: #6699CC;
	border-right-width: 1px;
	border-right-style: dashed;
}


#comChannels a{
	color: #000099;
}


#pageArticle a{
	color: #333;
}

a.white{
	color: #fff;
	text-decoration: none;
}

a.white:hover{
	color: #fff;
	text-decoration: underline;
}

/* ================================= */
/* banner wrapper */
#bannerWrapper img{
	display: block;
	margin-top: 7px;
}