@charset "utf-8";
/*Cocoa Red - 27/08/2009 [Author: Leo Fosdal]*/

body { background: #231f20 url(../imgs/bg-repeat.gif) top repeat-x; }
#maincontainer { width: 960px; text-align:left; overflow: hidden; margin:0 auto; }
#header{ float:left; display:block; width:960px; height:210px;}
/*H1 - used for logo*/
h1 { position:relative; margin:0; display:block; width:280px; height:160px; top:20px; left:340px; text-indent:-9009px; background:transparent url(../imgs/logo.gif) no-repeat 0 0; }
h1 a { display:block; width:280px; height:160px; outline:none; }

#imageBlock{ float:left; display:block; width:960px; height:300px;}

#content{ color:#a28544; font-size:1.1em; line-height:24px;}
#content p{ padding-bottom:10px;}
#content a{ text-decoration:none; color:#FFF;}
#content a:hover{ text-decoration:underline; color:#F30;}
.textArea{ float:left; width:700px; padding:0 150px 0 150px; margin:20px 0 0 0;}
.leftCol{float:left; width:300px; padding-right:30px; padding-top:3px;}
.rightCol{float:left; width:300px;}

#event{ background-color: #EFD230; color: #804000; padding:10px; text-align:center; font-weight:bold; margin-top:10px;}
#event p{ padding-bottom:0px; line-height:18px;}
#event a{ text-decoration:none; color:#F30;}
#event a:hover{ text-decoration:underline; color:#F30;}

.white{color:#FFF;}

#bespoke-list{padding-left: 0; margin-left: 0;}
#bespoke-list li{width:300px; float:left; list-style: none; margin: 0; padding: 3px 0 3px 20px; background: url(../imgs/bullet.jpg) no-repeat left top;}

#data{display:block; width:500px; height:500px; background-color:#999;}

/*NAVIGATION*/
#nav{ float:left; display:block; width:960px; height:40px;}

#nav ul
{
text-align: center;
padding-bottom: 5px;
padding-top: 5px;
padding-left: 0;
margin-top: 5px;
/* cancels gap caused by top padding in Opera 7.54 */
margin-left: 0;
color: white;
width: 100%;
/*font-weight:bold;*/
/*letter-spacing:1px;*/
line-height: 18px;
font-size:1.15em;
/* fixes Firefox 0.9.3 */
}

#nav ul li
{
display: inline;
padding-left: 0;
padding-right: 0;
padding-bottom: 5px;
/* matches link padding except for left and right */
padding-top: 5px;
}

#nav ul li a
{
padding-left: 20px;
padding-right: 20px;
padding-bottom: 1px;
padding-top: 1px;
color: white;
text-decoration: none;
border-right: 1px solid #231f20;
}

#nav ul li a:hover
{
color: #231f20;
}

#nav #active { border-left: 1px solid #231f20; padding-top:1px; padding-bottom:1px; }

#nav #current{ color:#231f20;}