* {
margin:0;
padding:0;
}


body
{
width:827px;
margin:0 auto 0 auto;
background:url(../imgs/moodlighting.jpg) repeat-x #000;
font-family:Tahoma;
font-size:16px !important;
color:#333333;
}

body a {
color:#333;
text-decoration:none;
}

body a:hover {
color:#666666;
}


#nonFooter
{
margin:0 40px 0px 38px;
background:#ffffff;/*/url(../imgs/splashback.jpg) top center/*/
width:751px;
padding:0 0 30px 0;
}

#head {
width:827px;
height:404px;
background:url(../imgs/head.jpg) no-repeat top center;
float:left;
}

#content
{
padding-left:10px;
padding-right:10px;
margin:0 8px 0 8px;
}

#content p.home{
width:340px;
height:100px;
float:left;
font-size:14px;
}

#content p.home b{
margin:10px 5px 0 0;
float:right;
font-family:'Arial Narrow',Helvetica,Arial,sans-serif;
font-weight:100;
font-size:16px;
color:#CC0033;
}

.br {
margin:0 0 50px 0;
}

ul#nav{
margin:-105px 0 35px 38px; /* Note for me: the bottom must be 'topmargin-70'*/
float: left;
width:751px;
height:70px;
}
ul#nav li{
display:inline;
}
ul#nav li a{
float:left;
color:#B7B7B7;
padding: 0 15px 0 15px;
margin:27px 0 27px 0;
text-decoration: none;
border-right: 1px solid #626262;
font-size:16px;
font-weight:normal;
}

ul#nav li a:hover{
color:#fff;
}

ul#nav li a.noborder {
border-right:none;
}

.floatr {
float:right !important; 
}

span {
letter-spacing:1px;
text-transform:uppercase;
}

span span {
color:#333333;
display:inline;
float:left;
font-size:4.8em;
line-height:0.8em;
margin:0 10px 0 0;
text-transform:uppercase;
/*font-family:'HelveticaNeue-CondensedBold','Arial Narrow',Helvetica,Arial,sans-serif;
NEW below for Mac OS X Safari
*/
font-family:'Arial Narrow',Helvetica,Arial,sans-serif;
font-weight:100;
}

a:hover span span{
color:#CC0033;
}

#footer
{
margin: 0 auto 20px auto;
height:60px;
background:tan url(../imgs/footer.gif) no-repeat top left;
width:751px;
overflow:hidden;
}

#footer a {
width:750px;height:60px;
display:block;
color:#f4e8bf;
}

p a img  {
border:solid 3px #000;
margin:0 0 0 10px;
}

p a:hover img  {
border:solid 3px #CC0033;
margin:0 0 0 10px;
}



ul#navl {
position:absolute;
top:430px;
margin:0 0 0 -60px;
width:146px;
background: url(../imgs/navl.gif) bottom no-repeat;
float:left;
padding:0 0 30px 0;
}

#start {
position:absolute;
top:400px;
margin:0 0 0 -60px;
width:146px;
float:left;

background: url(../imgs/navl.gif) top no-repeat !important;
height:30px;
}

ul#navl li {
list-style:none;
height:47px;
width:146px;
}

ul#navl li a {
color:#fff;
height:47px;
width:126px; /* Was 146 */
display:block;
padding:13px 0 0 20px;
}

ul#navl li a:hover, ul#navl li#s a {
color:#4a3c19;
background:url(../imgs/navlh.gif) no-repeat top left;
height:47px;
width:126px;
}

ul#navl li.topic a{
}

#canvas {
margin:0 0 0 100px;
color:#414141;
/* Below is an experimental thing */
/*font-family:'Arial Narrow',Helvetica,Arial,sans-serif;*/
line-height:22px;
}
#theqmhere {
background:url(../imgs/qm.gif) top right no-repeat;
}

#about {
color:#414141;
line-height:22px;
}

#canvas img.space {
padding:20px 0 10px 10px;
}

#canvas img.spacemed {
padding:0 0 10px 10px;
}

#canvas img.spacesm {
margin:40px 10px -10px 0;
}

.hundred {
padding:0 0 10px 0;
}

#canvas img.extra30 {
padding-bottom:30px;
}

#tall {
height:200px;
}

p { margin: 1.5em 0; }
#canvas img.right {border:3px solid #000;margin:0 0 20px 20px}

h2 {
font-family:'Arial Narrow',Helvetica,Arial,sans-serif;
font-weight:100;
font-size:30px;
color:#CC0033;
}

h4 {
font-family:'Arial Narrow',Helvetica,Arial,sans-serif;
font-weight:100;
font-size:16px;
margin:10px 0 -20px 0;
color:#CC0033;
width:370px;
}

h6 {
font-family:'Arial Narrow',Helvetica,Arial,sans-serif;
font-weight:100;
font-size:22px;
margin:20px 0 -10px 0;
color:#000000;
}



h3 {
font-family:'Arial Narrow',Helvetica,Arial,sans-serif;
font-weight:100;
font-size:22px;
margin:40px 0 -10px 0;
padding:0;
color:#000000;
}

h5 {
font-family:'Arial Narrow',Helvetica,Arial,sans-serif;
font-weight:100;
font-size:22px;
padding:0;
margin:40px 0 10px 0;
color:#000000;
}

p.margin {
margin: 1em 0;
}

ul#nav li a#a {
color:#FFFFFF;
}

#submit {
font-family:'Arial Narrow',Helvetica,Arial,sans-serif;
font-weight:100;
font-size:22px;
padding:20px;
margin:20px 0 0 0;
}





        .bubbleInfo {
            position: relative;
			

        }
        .trigger {
            position: relative;
      }

.popup
{
    position: absolute;
    display: none;
    z-index: 50;
    border-collapse: collapse;
	border: 1px solid #000;
	background-color: #444 /*#444*/;
	padding: 4px;
	color: #ccc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width:200px;
		
}

#h7 {
font-family:'Arial Narrow',Helvetica,Arial,sans-serif;
font-weight:100;
font-size:22px;
color:#000000;
margin:10px 0 0 10px;
color:#CC0033;
}

#cycling-gareth2391780 {
margin:0 0 -20px 10px;
}
.feedburnerFeedBlock p.date {
margin:5px 0 0 0;
width:200px;
color:#6A6A6A;
font-size:14px;
}
.feedburnerFeedBlock a {
color:#333;
border-bottom:1px dotted #333;
text-decoration:none;
font-family:'Arial Narrow',Helvetica,Arial,sans-serif;
font-weight:100;
font-size:12px;
}
.headline{
height:10px;
overflow:hidden;
width:650px;
}
.feedburnerFeedBlock ul li {
list-style:url(../imgs/ajax-loader.gif);
}
#creditfooter {display:none}



.inputsTooltip
{
	border: 1px solid #000;
	background-color: #444;
	padding: 4px;
	color: #ccc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 150px;
}
.inputsTooltip #tooltipTitle
{
	font-weight: bold;
}