/*Layout stuff */
/* positional grid row declarations */
#row1, #row2, #row3, #row4, #row5, #row6, #row6, #row8, #row9, #row10 {position:relative;width:100%;margin: 0;padding: 0;}
/* ROW1 is reserved for the header */

/* Negative top margins to reduce on crappy whitespace production */
#row2 {top:60px;left:190px;}
#row3 {top:120px;}
#row4 {top:140px;}
/* ROW10 is the other reserved row and has the footer in it */
#row10{clear:both;margin-top: 5px;border-top:1px solid #995500;}
/* Box layouts - these are permutations of column combos - that can exist in any row */
.col10,.col15,.col20,.col25,.col30,.col33,.col35,.col40,.col45,.col50,.col55,.col60,.col65,.col70,.col75,.col80,.col85,.col90,.col95{float:left;}
.col10{	width:10%;}
.col15{	width:15%;}
.col20{	width:20%;}
.col25{	width:25%;}
.col30{	width:30%;}
.col33{	width:33%;}
.col35{	width:34%;}
.col40{	width:39%;}
.col45{	width:44%;}
.col50{	width:49%;}
.col55{	width:54%;}
.col60{	width:59%;}
.col65{	width:64%;}
.col70{	width:69%;}
.col75{	width:74%;}
.col80{	width:79%;}
.col85{	width:84%;}
.col90{	width:89%;}
.col95{	width:94%;}
.col100{width:99%;}
/* Float styles - these are 50/50 floats - floats like this need to add up to just less than 100% to avoid nasty wrap prob in IE */
/* Left styles */
.ft20Left, .ft30Left, .ft40Left, .ft50Left, .ft60Left, .ft70Left, .ft80Left{float:left;text-align:left;}
.ft20Left{width:19%;}
.ft30Left{width:29%;}
.ft40Left{width:39%;}
.ft50Left{width:49%;}
.ft60Left{width:59%;}
.ft70Left{width:69%;}
.ft80Left{width:79%;}
/* Right float styles */
.ft20Right, .ft30Right, .ft40Right, .ft50Right, .ft60Right, .ft70Right, .ft80Right{float:right;text-align:right;}
.ft20Right{width:19%;}
.ft30Right{width:29%;}
.ft40Right{width:39%;}
.ft50Right{width:49%;}
.ft60Right{width:59%;}
.ft70Right{width:69%;}
.ft80Right{width:79%;}
.locbar{position:relative;width:100%;left:-4px;right:0;padding:0;margin:0;}
#overDiv{position:absolute; z-index:1000; visibility:hidden;}
/* css1 selectors */
body{margin: 0;padding: 0;color: #333333;font-size:11px; background-image: url('topcurve.gif');background-position: top left;background-repeat: no-repeat;font-family:'Lucida Grande', Verdana, Geneva, Lucida,Arial, Helvetica, sans-serif;}
h1,h2,h3,h4,h5{font-weight: bold;	margin-top:0px;margin-bottom: 4px;color:#484837;letter-spacing:0.01em;clear:both;}
h1{font-size:1.6em;}
h2{font-size:1.5em;}
h3{font-size:1.3em;}
h4{padding-top:1px;font-size:1.1em;}
h5{font-size:1em;}
p, q{	text-align:left;color:#484837;line-height: 1.4em;margin-top: 0;margin-bottom: 0.8em;padding:0}
q {font-weight:bold;color: #C00;margin-left: 10px;}
q.inline{font-style: italic;margin-left: 2px;}

#logo  {position:absolute;left:15px;top:15px;}
#title {position:absolute;top:100px;left:200px;}
#mib {position:absolute;top:25px;left:575px;}
/*Containers*/
.leftContainer{float:left;margin-top:12px;width:197px;}
.content{float:left;width:600px;}
.fullContent{float:left;width:790px;}
.rightContainer{float:left;margin-top:12px;width:190px;}

.aboutBG {position:relative;background-image:url(../content/en/images/about_bg.gif);background-repeat:no-repeat;display:block;width:550px;height:80px;}
div.group{float:left;padding:10px 20px 0 30px;}
.rightContainer p {line-height:1em;margin-bottom: 0.3em}
.rightContainer h4 {line-height:1em;}
.rightContainer hr {color: #484837;}
.rightContainer form.paypal {margin:0;padding:0;border:none;background: #FFF;}

ol li {	margin-top: 5px;margin-left: 2px;}
ol ol{	margin-top: 5px;margin-left: 20px;margin-bottom:5px;list-style-type:lower-alpha; list-style-image:none;}
ol,ul, ul.nobullets {margin-top: 10px;margin-left:10px;padding:0;padding-left:10px;}
ul, ul ul, ol ul{list-style-type:disc;}
ul {list-style-image:url(../content/en/images/bullet.gif);}
ul ul, ol ul	{list-style-image:url(../content/en/images/subbullet.gif);}
ul.nobullets, ul.nobullets ul {list-style-type:none; list-style-image:none;}
ul ul{	margin-top: 5px;margin-left: 5px;padding:0;}
li{margin-left:2px;	margin-bottom:2px;}
/* This set of ul li defs for the explanation pages */
ul.thoughts {margin-top: 10px;margin-left:0px;list-style-type:none; list-style-image:none;}
ul.thoughts li{font-weight:bold;	margin-bottom: 8px;}
ul.thoughts ul{margin-top: 10px;margin-left: 5px;list-style-type:none; list-style-image:none;}
ul.thoughts ul li{margin-top: 0px;margin-left:5px;list-style-type:none; list-style-image:none;font-weight:normal;}
ul.mainMenu{list-style:none;list-style-type:none; list-style-image:none;padding: 2px;margin:1px;width: 190px;}
li.mainMenu,
li.firstMainMenu{list-style:none;font-ze:10px;font-weight:bold;letter-spacing:0.3px;}
li.firstMainMenu{padding-top:4px;border-top:1px solid #EEE;}
li.mainMenu a:visited,li.firstMainMenu a:visited,
li.mainMenu a,li.firstMainMenu a{text-decoration:none;color:#FFF;padding:2px 0 0 7px;letter-spacing:0.3px;margin:5px 0;background-image:url(../content/en/images/light_but.gif);background-repeat:no-repeat;display:block;width:170px;height:20px;}
li.mainMenu a:active, 
li.mainMenu a:hover, 
li.firstMainMenu a:active, 
li.firstMainMenu a:hover {list-style:none;font-weight:bold;color:#FFF;letter-spacing:0.3px;padding:2px 0 0 7px;margin:5px 0;text-decoration:none;background-image:url(../content/en/images/dark_but.gif);background-repeat:no-repeat;display:block;width:170px;height:20px;}
table.stats{padding: 4px;margin-left: 10px;border: 1px solid #484837;border-collapse:collapse;}
th.stats{font-weight: bold;text-align:left;border-bottom: 1px solid #484837;}
td.stats{padding-left: 2px;}
table.admin{width:560px;padding: 4px;margin-right:15px;border: 1px solid #484837;border-collapse:collapse;}
table.admin th{font-weight: bold;text-align:left;border: 1px solid #484837;border-collapse:collapse;background-color:#A0A07B;font-size:0.8em;color:#FFF;padding-left:3px;}
table.admin td{padding-left: 2px;border: 1px solid #484837;border-collapse:collapse;font-size:0.8em;}
td.light,td.dark{padding: 2px;}
td.light{background-color:#FFF;}
td.dark{background-color:#A0A07B;}
/* This allows us to provide tooltips for help and glossary info - code provided by http://www.realworldstyle.com */
abbr, acronym, .help { border-bottom: 1px dotted #C00; cursor: help;}
  /* Form styling - main concepts taken from List Apart - http://www.alistapart.com/articles/practicalcss/ and */
form, form.subscribe {position:relative;padding: 2px;margin:1px;width: 748px;border: 1px solid #484837;background:#A0A07B;}
form p {color:#FFF;}
.form{font-size:0.9em;}
form.nobg {background:none;border:none;}
form h4,
form label {color:#FFF;}
form.popup	{margin-left:10px;width:700px;}
div.row{clear:both;padding-top: 3px;font-family:'Lucida Grande', Verdana, Geneva, Lucida,Arial, Helvetica, sans-serif;height:1%;}
div.row span.label, div.row span.invlabel,div.row span.smllabel, div.row span.smlinvlabel{float: left;text-align: right;color:#484837;font-weight:bold;padding-right: 0.5em;padding-top:0.3em;}
div.row span.smllabel, div.row span.smlinvlabel{font-size:0.9em;}
div.row span.formw, div.row span.invformw {float: right;text-align: left;}
div.row span.formw input, div.row span.invformw input {padding-top:0.2em;} 
div.row span.label {width: 24%;}
div.row span.formw {width:73%;} 
div.row span.invlabel {width: 73%;}
div.row span.invformw {width:24%;}
div.row p {padding-left:15px;}
div.loginsubmit{clear:both;text-align:right;padding-right:4px;padding-top:5px;padding-bottom:0;margin-bottom:0;}
div.loginsubmit a {font-weight:bold;}
div.submit{clear:both;text-align:center;margin: 0 auto;}
/* These link suggestion style were taken from David Baron's site: - http://www.dbaron.org/css/1999/09/links - these are a semantically more acceptable method of link style suggestion as they do not impinge on anchors */
:link, :visited {text-decoration:none; color:#03C;}
:link:focus, :visited:focus {text-decoration:none; color:#03C;}
:link { color:#03C; }
:visited { color:#03C; }
:link:hover, :visited:hover { 	color: #950;}
:link:active, :visited:active { color: #980; }
a.teaser,a.teaser:visited,a.teaser:hover{color:#03C;font-weight:bold;}
a.lgeteaser,a.lgeteaser:visited,a.lgeteaser:hover{font-size:1.4em;color:#03C;font-weight:bold;}
a.styledButton,a.styledButtonr:visited,a.styledButton:hover{color:#FFF;font-size:0.9em;font-weight:bold;}

/*Hori menu*/

#horMenu ul, .teaserMenu ul{text-align:center;padding:0;margin:0;list-style-type: none;list-style-image:none;}
#horMenu li, .teaserMenu li{display:inline;font-weight:normal;color:#666666;margin:0;padding:0;}
#horMenu li.labl { border-left:none;padding-left:0;font-weight: bold;color:#484837;}
#horMenu li.first, .teaserMenu li.first { border-left:none;padding-left:0;}
#horMenu li.selIt { color:#A0A07B;}
#hormenu li a{text-decoration:none;color:#A0A07B;}
#hormenu li a:visited{color:#A0A07B;text-decoration:none;}
#hormenu li a:hover, #hormenu li  a:active{color:#484837;letter-spacing:0.3px;text-decoration:none;}
ul.cardLogos {text-align:left;padding:5px;margin:0;list-style:none;list-style-type: none;list-style-image:none;}
ul.cardLogos  li{display:inline;margin:0;padding:3px;list-style:none;list-style-type: none;list-style-image:none;}

.teaserMenu li{padding-left:3px;padding-right:1px;border-left: 2px solid #950;}

/* Custom styles */
.artBox{clear:both;padding:5px;margin:5px;}
/*  Centre style for aligning stuff centrally */
.footerLeft{clear:both:text-align:left;}
.ctr,.footerCenter{text-align:center;}
.lostDetails{font-size:0.9em;}
.right,.footerRight{text-align:right;}
.footerCenter, .footerLeft, .footerRight {font-size:0.9em;color:#484837;margin:0;font-weight:bold;}
/* Floatstyles for wrapping text around images */
.leftFloat{float: left;margin-right:0.5em;margin-top:0.3em;}
.rightFloat{float: right;margin-left:0.5em;}
/* Display of time */
.time{position:relative;font-size:0.9em;text-align:right;color:#666;font-weight:bold;background:none;padding: 0px 0px 0px 0px;margin-right: 5px;}
/* coloured tesxt*/
.redtxt,.redtxtb,.smlRedtxtb{	color:#C00;}
.redtxtb,.smlRedtxtb{font-weight:bold;}
.smlRedtxtb{font-size:0.9em;}
.grntxt,.grntxtb{color:#006600;}
.grntxtb{font-weight:bold;}
/* Button for form submits resets etc */
.styledButton,.smlstyledButton{ border: 1px solid #000000;background-color: #A0A07B;color: #FFFFFF;font-weight:bold;padding:2px;margin:2px;}
.smlstyledButton{	font-size:0.9em;}
.separator{text-align:center;border-bottom: 1px dotted #950;margin:0;padding:0;}
.ftleft{float:left;width:49%;text-align:left;}
.ftright{float:right;width:49%;text-align:right;}
.spacer,.label,.roField,.inp,.info, label {	clear:both;}
.label,.roField,label{font-weight:bold;padding-left:5px;}
.roField{color:#666;padding-top: 3px;}
span.inp,.inp{color:#FFF;padding-left:8px;}
.info{color:#FFF;padding:5px 8px;margin:5px;background-color:#A0A07B;border:1px solid #484837;}