.clear {clear: both;}
.inline {display: inline;}
ol li {list-style-position: inside}
ol {margin: 2em 0;}
body {background: #fff url(../images/purple-header.gif) left 42px  repeat-x; font-family: Helvetica, Arial, sans-serif;}
#wrapper {
	width: 900px; margin: auto;
	position: relative;
	background: transparent url(../images/main-bg.gif) top left repeat-y;
	padding: 0;
	}
#masthead {
	padding-top: 30px;
	height: 140px;
	position: relative;
	background: transparent url(../images/tagline.gif) 258px 80px no-repeat;
	}		
 	
#telephone-header {position: absolute; text-align: right; top:120px; left:460px; font-weight: bold; color: #61478F; font-size: 0.9em; letter-spacing: 0.05em; z-index:100;}	
#container {border: 1px solid #fff; background: transparent url(../images/container-bg.gif) top left repeat-y; margin-top: 16px; margin-bottom:60px;}
	
#side {float:left; /* background-image: url(../images/bground-home-new.jpg);*/}	
#main {float: right; width: 675px;position: relative;margin-top:-30px;}
#main-content {float: left; width: 370px;}
#secondary-content {float:right; position: relative;margin-top:180px;}
#sidelogo {float:left; position:relative; clear:left;}	
#footer {position: relative; font-size:0.875em; height: 410px; padding: 20px; background-color:#FCE2D1; }
#footer h3 {color:#4C376F;  font-size:1em; margin-bottom:20px; font-weight:bold;}
div#address {width:320px; position: absolute; top:0; right:0; font-family: Verdana, sans-serif; font-size: 0.8em; font-weight:bold; line-height:1.5em; padding: 10px; font-weight: bold; color:#4C376F;}
.postal-address {float: left;}
.numbers {float:right;}
#footnote {margin:0; padding: 10px; background-color:#6C48A6;font-size: 0.8em; color: #FFFFFF; position: absolute; bottom: 0; left: 0;}
.side-nav, #side .navigation {
	width: 170px; margin: -20px 30px 20px 0; padding: 10px;
	background-color: #FCE2D1;
	font-size: 0.7em;
	font-family: Verdana, Arial, sans-serif;
	}

#PayAsYouGo_box {
	width: 170px; margin: -20px 30px 20px 0; padding: 10px;
	background-color: #61478f;
	color: white;
	font-size: 0.7em;
	font-family: Verdana, Arial, sans-serif;
	}


#about-box {
	background: transparent url(../images/arc.gif) top left no-repeat; 
	height:500px;
	left:620px;
	position:absolute;
	top:76px;
	width:330px;
	}

#about-box p {position: absolute; top:90px; left:60px;line-height:1.5em; font-size:0.77em;width:200px; font-family: "Trebuchet MS", "Lucida Grande", Arial, sans-serif; }	


#about-box a {font-size: 0.875em; text-decoration: underline; color: #3344b3;}
#about-box h1 {text-indent: -9999px;}

#sidebar, #news { 
	position:relative; width: 190px; padding: 10px; left:0; background-color: #D4D3E7;
	font-size: 0.75em;
	}
#secondary-content #card-games-offer p, #secondary-content #sidebar p {line-height: 1.5em;}	
#contract-nav h2, #card-games-offer h3, #secondary-content h3, #secondary-content h2, #news h3 {color:#4C376F;  font-size:1.1em; margin-bottom:0.85em; font-weight:bold;}
#sidebar h2 {margin: 0.75em 0 0.5em 0;}
#card-games-offer p {margin-top: 1em;}

#secondary-content .textbox {width: 230px; background-color:#D4D3E7; padding: 10px;font-size: 0.75em;}
#secondary-content .textbox li {margin: 5px 0; background:transparent url(../images/square-bullet.gif) no-repeat scroll left 0.3em; padding-left: 15px;}
#secondary-content .textbox h3 {font-size: 1.2em;}
/* Newsletter pages */
.newsletter #title {width: 355px; height: 125px;background: transparent url(../images/newsletter-title-bg.gif) top left no-repeat;}
.newsletter #main-content h2 {margin: 0; padding:0; text-indent: -9999px;  height: 90px;} 
.newsletter #title p {color: #6C48A6; padding: 8px; font-size: 1.1em; font-weight: bold; margin: 0;}
.newsletter #summary {padding-left: 8px; background: #F37633 url(../images/newsletter-mathead-bg.jpg) top right no-repeat; margin-top: 30px; width:655px; padding-bottom: 15px; margin-bottom:15px;}
.newsletter #summary {color: #fff;}
.newsletter #summary a {color: #fff;}
.newsletter #main-content {width: 655px;}
.newsletter #newsletter-content {}
.newsletter #newsletter-content h3 {background-color: #D4D3E7; color: #293587; padding: 1em;}
.newsletter #main-content h3 a {color: #4c376f; border-bottom: 1px solid #4c376f;}

/* Main Typography */
div#quotation-main {background-color:#ddd; padding: 1em;}
blockquote {line-height:1.5em; margin-top:1em; }
blockquote+p {padding-left:10px; font-size:0.85em; }
span.q-name {font-weight: bold; line-height:1.5em;}
strong {font-weight: bold;}
body {font-size:100%; color:#444;} /* 16px */
#main-content { font-size: 0.8125em; line-height: 1.5em; } /* 13px ~ 16px */
#main-content h1 {font-size: 1.385em;} /* 18px */
#main-content h2 {font-size: 1.307em; font-weight: bold; color:#6C48A6; margin: 0; line-height:1.5em; } /* 17px */ 
#main-content h3 {font-size: 1.153em; font-weight: bold;  } /* 15px */
#main-content h4 {font-size: 1em; font-weight: bold;}
#main-content h5 { }
#main-content h6 { }

.archive #main-content h3 {font-size: 1.076em;/*14px*/ line-height:1.142em; padding: 0.571em 15px; font-weight: normal; background-color: orange; background: transparent url(../images/square-bullet.gif) left 0.95em no-repeat;}
small, .date {font-size: 0.75em;}
.news-intro {margin-top: 0.5em; line-height:1.5em;}
#sidebar li {line-height: 1.5em;}
#main-content ul li {background:transparent url(../images/square-bullet.gif) no-repeat scroll left 0.5em; padding-left: 15px;}

#meta {display: none;}
#secondary-content #textbox li {margin: 5px 0;}
.case-studies #main-content ul li {background:transparent url(../images/square-bullet.gif) no-repeat scroll left 0.5em; padding-left: 15px;}
.extra-info {font-style: italic;}
dl#course-outline dt {font-weight: bold; margin:1em 0;}

#main-content .inline-list li {font-weight:bold; background:none;  padding: 0;}

/* Side navigation */
#contract-nav a {border-bottom: 1px solid ;}
#contract-nav a:hover {background-color:#E1E0EF;}
.side-nav {line-height:1.5em;}

/* Links */
#main-content a {color: #6C48A6; text-decoration:underline;}
#main-content a:hover {background-color: #d8d6f1; color: #000;}


#main-content h3 a, #main-content h2 a {text-decoration: none; }
#main-content h3 a:hover {text-decoration: underline; }



.postmetadata {margin-top: 2em; font-size:0.8em;  font-family: Verdana, sans-serif; color: #444; line-height:1.5em;}
.entry {margin-top: 15px; line-height:1.5em; }
.post {margin-bottom: 20px; margin-top: 20px; border-top: 1px solid #ccc;}
.archive .post {margin:0;}



.side-nav h3, #news h3{color:#4C376F;  font-size:1.0625em; margin-bottom:0.85em; font-weight:bold;}
.side-nav li, #news li {margin: 0 0 1em 0; }
.side-nav li a, #news li a {border-bottom: 1px solid #444; padding-bottom: 2px; color: #444;}
.side-nav li a:hover, #news li a:hover {color: #232323; border-color: #232323; background-color: #E1E0EF; }
.side-nav p, #news p {line-height: 1.5em; margin: 0;}
#main-content h2 {color: #4C376F; font-size:1.3em; margin-bottom: 1em; margin-top: 1em; font-weight: bold;}

h3 {color: #4c376f; font-size: 1.1em; margin-bottom: 1em; padding-top: 1em; font-weight: bold;}
.teampic h3, .gamepic h3 {padding-top: 5px; font-size:1.2em; font-weight: normal; margin-bottom: 1em;}
.gamepic h3 {font-size:1.1em; font-weight: bold;}
#secondary-content h3 {font-size: 1em;}
#main-content p, #main-content ul {line-height: 1.5em; margin: 1em 0; }
/* Links 
#main-content a {color: #434343; border-bottom: 1px solid #434343;}
#main-content a:hover {color:#333; border-bottom: 1px solid #494949; background-color: #E1E0EF;}
.pdflink {padding: 0 0 5px 20px; background: transparent url(../images/pdf.gif) left -5px no-repeat;}
#card-games-offer p {font-size:0.95em;}
/*News pages 


small	{font-size:0.85em; font-family: Verdana, sans-serif;}


#sidebar ul h2 {font-weight: bold; color:#40306c;}
#sidebar li {margin: 1em 0; }
#sidebar li a {color:#333; text-decoration: underline;border: none;}
#sidebar #meta {font-size: 0.9em;}
.pagenav {display: none;}
#footer ul#meta {font-size: 0.75em; position: absolute; bottom: -15px; left: -15px;}
#footer ul#meta li {margin: 1em 2em;display: inline;}
#footer #meta a {color: #ddd;}
#comment {width: 370px;}
#commentform p {font-size: 0.875em;}
.nocomments {color: #444; font-size: 0.875em;}
#main-content .post h2 {margin-bottom: 0.4em; font-size: 1.1em; font-weight: bold;}
.post h3 {margin-bottom: 0.5em; color: #333; font-weight: bold;}
.date {font-size: 0.95em;}
#news .post {margin-bottom:1.5em;}
.alignleft {float: left;}
.alignright {float: right;}
.alignleft, .alignright {font-size: 0.8em;}
.instruction {color: #4F486A; font-weight: bold; font-size: 0.9em;}
.gamepic .instruction {color:#333333;}
#main-content .post a {border: none;} 
/* Home Page */

.navigation {clear: left;}
#home-page	.navigation {float: left; clear: none;}
#home-page #nav-b {margin-left:30px;}
#news {display: none;}
#home-page #news {display: block; clear: left; position: relative; top: 0px; width: 360px;}
/* Navigation */
.navigation h2 {font-weight: bold; color:#61478F; margin-bottom: 1em;}
.navigation {padding: 0 10px; margin-top: 10px; font-size: 0.65em; }
.navigation li {margin:0 0 1em 0;}
.navigation li a {color: #434343; padding: 2px; border: none; text-decoration:underline; }
.navigation li a:hover {color:#333; background-color: #E1E0EF;}

#top-nav {
	position: absolute; left: 270px; top:45px;
	font-family: Verdana, Arial, sans-serif; font-size: 0.725em;
	color: #eee;
	}
	
#top-nav li {display:inline; position: relative; margin: 0 0.65em;}
#top-nav li a {color: #e5e5e5; border-bottom: 1px solid #f5f5f5; padding: 2px; }
#top-nav li a:hover {background-color:#8A6BBF; color: #fff; border-color: #ccc;}


#nav-posts {margin: 0 0 20px 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.846em; display: none;}
#nav-posts a {text-decoration:underline;}




/* Forms */
#footer form {
height:280px;
position: relative;
padding-top:55px;
}
#footer form label {display:block; margin-bottom: 3px;}
#footer form input {width:215px;}
#footer form input#submit-button {float:right; margin-right:7px;}
#footer #captcha_container {float:right; margin-right:7px; text-align:right;}
/*#footer form input#submit-button {position: absolute; top: 260px; left: 640px;}*/

#footer form p {margin-bottom: 2em;}

#footer form p#msg {position:absolute;left:300px;top:53px;margin-bottom:0;}
#footer form #message {width: 550px; height:135px;margin-bottom:5px;}

#games-order-form {width: 220px; padding: 10px; background-color: #FCE2D1; font-size: 0.75em;}
#games-order-form p {line-height: 1.5em; margin: 0.8em 0;}
#games-order-form table {width: 190px;margin-top: 10px; }
#games-order-form th {padding-bottom: 0.6em; font-weight:bold;}
#games-order-form td {padding: 0.3em 0;}
#games-order-form #games-choice input {width: 2em; text-align: center; float: right;}
#games-order-form #games-choice label {display: inline; margin-right: 5px; }
#games-order-form div {margin: 10px 0; clear: both;}
#games-order-form label {display: block; margin-bottom: 4px;}
#games-order-form input, #games-order-form textarea {width: 190px;}
#games-order-form textarea {height: 120px; font-family:Arial, Helvetica, sans-serif; line-height: 1.5em;}
#games-order-form input.submit {height: 30px; width: 194px;}

/* Pictures */
.gamepic {background-color:#D4D3E7; padding: 5px;} 
.gamepic .bits {float: left; margin-left:185px;}



.gamepic ul ul {margin-left: 0;}

.teampic, .gamepic {clear: left; margin-bottom: 2em;}
.teampic img, .gamepic img {
border:1px solid #D4D3E7;
float:left;
padding:5px;
margin: 5px;
}
.gamepic img {padding: 0;}
img.icon {border: none;}
img.placeholder {background: transparent url(../images/pic-place-holder.gif) top left ; display: block;}
#games #main-content img {float: left;}
#home-page #main img {position: relative; top: -20px;}
#home-page #main-content {clear: left;}
.newsletter #summary ul ul li {background: none; padding-left: 25px; list-style-type:circle;}
#newsletterlist li { margin:10px 0 10px 0;}
#newsletterlist {background-color:#D4D3E7; padding:5px; font-size:14px;}
#newsletterlist a:link, #newsletterlist:visited { color:#333333; padding: 10px 0 10px 0;}
#newsletterlist a:hover, #newsletterlist a:active {color:#333333; background-color: #E1E0EF;}

/* exceptions */
#newsletter-autumn-2008 #summary { height:170px;}
/* Development guides */
/* #container {background-color:#999;}
	
#side {background-color:#777;}	
#main {background-color:#ccc;}
#main-content {background-color:#FF99CC;}
#secondary-content {background-color:#769198;}
*/


/*style for landing pages */

.landing_page h2 a {
	font-size:1.3em;
}

#landing .post h2, #factsheets .post h2{
	font-size:1.1em;

}

/* pop out window with terms and conditions on registration page */
#free_advice_tc {
	background:#fce2d1;
}
#free_advice_tc p {
	padding:10px;
	font-size: 0.7em;
	font-family:Verdana, Geneva, sans-serif;
	line-height: 1.5em;
}

/*****  style for links on top of the page - welcome user, my profile, log out ****/
#login_menu {
	font-size: 0.77em;
	font-family: "Trebuchet MS","Lucida Grande",Arial,sans-serif;
	clear:both;
	width:auto;
	height:1em;
}

#login_menu ul {
	margin:0;
	padding:0;
	list-style:none;
}

#login_menu p{
	line-height:1.8em;
	float:right;
	z-index:5000;
	margin-right: 10px;
}

#login_menu p a{
	text-decoration:underline;
}

#login_menu p a:hover{
	background-color:#d4d3e7;
}


/*********  comment form size *********/
.comment_body{
	overflow:hidden;
	padding:0 10px 0 10px;
}

.alternate{
	background-color:#d4d3e7;	
}
	
#commentform textarea {
	width:390px;
}

#PayAsYouGo_box h2 {
	color: white;
}

#main-content img {
	vertical-align: text-bottom;
}

#facsheets_table{ 
	background-color: #D4D3E7;
	font-size: 0.8em;
}

#facsheets_table h3 {
padding: 10px 0 0 10px;
}

#facsheets_table .post{ 
	margin:0;
	padding:5px 0 5px 10px;
}

#facsheets_table .post a{ 
	color:#444;
	font-weight:200;
	text-decoration: underline;
}

#facsheets_table .post a:hover{ 
	background-color:#e1e0ef;
}

#facsheets_table h2 { 
	margin:0;
	padding:0;
}


/* formatting for statistics page */

#stats table {
	width:700px	;
	border:1px solid #61478f;
	font-size:0.9em;
}

#stats table td {
	border:1px solid #cccccc;
	padding:5px;
	vertical-align:middle;
}

#stats table .cell_centre {
	text-align:center;
}

#stats table th {
	background-color:#cccccc;
	font-weight:bold;
	padding:0 5px;
	border:1px solid #000;
}

.date_column {
	width:74px;
}

#stats #main-content {
	width:100%;
}

#stats #about-box {
	display:none;
}

#stats table .colour {
	background-color:#d4d3e7;
}