@charset "utf-8";
/* CSS Document */
/* Site wide colours
	pale blue: #E5F1FA;

*/


html{
	height:100%;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	color:#666666;
}
body{
	height:100%;
	background:#F0F0EA url(../images/main-background.jpg) center repeat-y;
	margin:0;
	padding:0;
}
.container{
	width:980px;
	margin:0 auto 0 auto;
	background:#FFFFFF url(../images/page-background.jpg) center top no-repeat;
}
/* HEADER */
.header{
	margin:0 auto 0 auto;
	width:940px;
	height:206px;
}
.logo{
	margin:8px 0 0 0;
}
.strapline{
	color:#CDCDCD;
	position:absolute;
	top:64px;
	margin:0 0 0 78px;
	width:220px;
	text-align:center;
	font-size:0.9em;
}
.join{
	background:url(../images/join-bg.png) top center no-repeat;
	width:168px;
	height:105px;
	margin:8px 0 0 0;
}
.join input{	
	width:150px;
	margin:0 0 4px 7px;
	padding:0;
}
.join h3{
	font-size:16px;
	margin:6px 8px 0 8px;
}
/* NAVIGATION */
.navigation{
	margin:0 auto 0 auto;
	width:940px;
}
.navigation ul{
	list-style:none;
	margin:0;
	padding:0 0 0 24px;
	clear:both;
	height:26px;
	line-height:26px;
	background:url(../images/nav-bg.png) top center no-repeat;
}
.navigation li{
	float:left;
}
.navigation li a{
	display:block;
	color:#666666;
	padding:0 34px 0 0;
	text-decoration:none;
}
.navigation li a:hover{
	color:#000000;
	text-decoration:none;
}

.navigation .selected a
{
	text-decoration:underline;
}

.subnav{
	width:940px;
}
.subnav ul{
	background:url(../images/subnav-bg.png) bottom center no-repeat;
	clear:both;
	font-size:0.9em;
	line-height:20px;
	height:20px;
}

.subnav .selected a
{
	text-decoration:underline;
}

/* CONTENT */
.content{
	margin:12px auto 0 auto;
	width:940px;
	min-height:240px;
}
.promo-strip{
	background:url(../images/promo-bg.png);
	margin:-16px 0 12px 0;
	padding:0 12px 0 12px;
	height:44px;
	line-height:44px;
}
.promo-strip img{
	float:left;
	width:auto;
	padding:0 12px 0 0;
}
.promo-strip h2{
	margin:0;
	padding:0;
	font-size:20px;
	float:left;
	width:auto;
}
.promo-strip h2{
	font-weight:normal;
	float:left;
	width:auto;
}
.promo-strip p{
	float:left;
	width:auto;
}
.content-area{
	background:pink;
	margin:0 0 12px 0;
}
.content-area .left{
	background:url(../images/content-left-bg.png) top center no-repeat;
	width:700px;
	min-height:180px;
}
.content-area .right{
	width:220px;
	text-align:left;
}
.banner-area
{
	clear:both;
	margin:50px 0 0 20px;
	width:690px;
}
.banner{
	width:220px;
	height:120px;
	float:left;
	margin:0 10px 0 0;
	background:url(../images/banner.jpg) top left no-repeat;
}
/* RIGHT COL */
.right-col{
	background:#E5F1FA;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	padding:0 8px 8px 8px;
	margin:0;
}
.right-col h2{
	margin:0 0 4px 0;
	padding:0;
	font-size:1.1em;
	line-height:40px;
}
.right-col h2 img{
	float:left;
	padding:0 6px 0 0;
}
.right-col p{
	margin:0 0 4px 0;
	padding:0;
}
.right-col-top{ background:url(../images/right-col-top.png) bottom center no-repeat; height:12px;}
.right-col-bot{ background:url(../images/right-col-bot.png) top center no-repeat; height:12px;}
/* FOOTER */
.footer{
	margin:0 auto 0 auto;
	width:940px;
}
.foot{
	background:#BBBBBB;
	padding:6px 0 6px 0;
	margin:12px 0 0 0;
	color:#FFFFFC;
	float:left;
	width:100%;
}
.foot .item{
	float:left;
	padding:0 0 0 12px;
	font-size:0.8em;
}
.foot .item a{
	color:#FFFFFC;
	padding:0 12px 0 0;
	text-decoration:none;
}
.foot .item a:hover{
	color:#000000;
	text-decoration:none;
}
.foot .subitem{
	float:none;
	font-size:0.9em;
	margin:0;
	padding:0;
}
.foot .subitem li{
	list-style:none;
	margin:0;
	padding:0;
}
.credits{
	font-size:0.75em;
	margin:2px 0 0 0;
}
.credits a{color:#2294C0;}
/* MISC */
.left{
	float:left;
	width:auto;
}
.right{
	float:right;
	width:auto;
}
.clear{	clear:both;}
.inner{padding:12px;}
img{border:0;}

.button{
	background:url(../images/button.png) bottom right no-repeat;
	height:24px;
	line-height:24px;
	display:block;
	float:right;
	width:auto;
	margin:0 12px 0 10px;

}
.button a{
	background:url(../images/button.png) no-repeat;
	background-position:0px 0px;
	height:24px;
	line-height:24px;
	display:block;
	padding:0 0 0 10px;
	margin:0 10px 0 -10px;
	text-decoration:none;
	}
.button a:hover{
	color:#000000;
}

/* TEXT STYLING */
h1{}
h2{}
h3{}
h4{}
h5{}
h6{}
p{}
ul{}
ol{}
a{color:#2294C0;}
a:hover{ text-decoration:none;}
hr{
	border: 0;
	color: #CCCCCC;
	background-color: #CCCCCD;
	height: 1px;
	width: 100%;
	padding:0;
	margin:2px 0 2px 0;
}

.watermarked
{
	color:#cccccc;
}


.breadcrumb 
{
	font-size:.75em;
	color:#999;
	padding:0 0 5px 0;
}

.breadcrumb a, .breadcrumb a:link, .breadcrumb a:visited
{
	color:#999;
	text-decoration:none;
}
.breadcrumb a:hover
{
	color:#E5F1FA;
}