/*
Author   : Wes Smith | wes@redbullet.co.uk | Red Bullet Web Design
Client   : SO Tunbridge Wells
URL      : http://www.sotunbridgewells.co.uk
Desc     : General Stylesheet
Created  : 09 January 2008
*/

/********** General Start **********/
body{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; line-height:20px; padding:0; margin:0; background:url(../Images/wallpaperBg.jpg) top left repeat;}
a{outline:none;}
a:link, a:visited{text-decoration:none; color:#333333;}
a:hover{text-decoration:underline; color:#333333;}
p{padding:0; margin:5px 0 5px 0;}
h1{font-size:36px; padding:0; margin:5px 0 5px 0; color:#ffffff; line-height:34px; font-weight:bold;}
.fonty {font-size:20px; padding:0; margin:5px 0 5px 0; color:#ffffff; line-height:26px; font-weight:bold;}
.fonty2 {font-size:20px; padding:0; margin:5px 0 5px 0; color:#ffffff; line-height:26px; font-weight:normal;}
h2{font:"Times New Roman", Times, serif; font-size:22px; padding:0; margin:5px 0 5px 0; color:#231f20;}
h3{font:Verdana, Arial, Helvetica, sans-serif; font-size:40px; padding:0; margin:5px 0 5px 0; color:#000000; line-height:40px;}
h4{font: 100 40px 'Times New Roman'; padding:0; margin:5px 0 5px 0; color:#000000;}
h5{font-size:16px; padding:0; margin:5px 0 5px 0; color:#ffffff; line-height:20px; font-weight:normal;}
h6{font-size:50px; padding:0; margin:8px 0 8px 0; color:#ffffff; line-height:55px; font-weight:bold;}
ul{padding:0; margin:0; list-style:none;}
input.txt{color:#333333; width:120px;}
textarea{color:#333333; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
form p{clear:left; margin:0; padding:0; padding-top:5px;}
label{width:100%; margin:5px 0 5px 0;}
img{border: 0;}
/********** General End **********/

/********** ID's Start **********/
#container{position:relative; width:800px; height:800px; margin:0 auto 25px auto; background:url(../Images/container_bg.gif) top left repeat-x;}
#mainContainer{position:relative; width:800px; margin:0 auto 0 auto; background:#000000 url(../Images/soLogo.gif) top left no-repeat;}
#header{position:relative; width:800px; height:250px;}
#contentArea{position:relative; width:740px; padding:20px 30px 20px 30px;}
#colLeft{float:left; width:500px;}
#colLeftScroll{float:left; width:500px; overflow:auto;height:100%;}
#colRight{float:right; width:220px;}
#thisMonth{position:relative; width:456px; background:#b2b3af; padding:10px 22px 10px 22px; margin:10px 0 0 0;}
#rightAdvertArea{width:200px; padding:10px; margin:20px 0 20px 0; background:#777778;}
#rightAdvertArea2{ width:200px; padding:0 10px 10px 10px; margin:0 0 20px 0; background:#777778;}
#subTextArea{position:relative; width:480px; padding:10px; background:#b2b3af; color:#000000;}
#subTextArea a:link, #subTextArea a:visited{text-decoration:underline; color:#000000;}
#subTextArea a:hover{text-decoration:none; color:#000000;}
#headerAdvertArea{position:absolute; top:30px; right:30px; width:335px; height:150px; padding:20px; background:#777778;}
#compTextArea{width:480px; min-height:617px; height:auto !important; height:725px; padding:10px; background:#ffffff; color:#000000;}
#compTextArea a:link, #subTextArea a:visited{text-decoration:underline; color:#000000;}
#compTextArea a:hover{text-decoration:none; color:#000000;}
#textLeft{float:left; width:230px;}
#textRight{float:right; width:230px;}
#pagingBox{width:480px; padding:5px 0 5px 0;}
#pagingBoxBottom{position:absolute; bottom:10px; left:10px; width:480px; padding:5px 0 5px 0;}
#pagingBoxBottom a:link, #pagingBoxBottom a:visited{text-decoration:none; color:#000000; font-weight:bold;}
#pagingBoxBottom a:hover{text-decoration:underline; color:#000000;}
#pagingBox a:link, #pagingBox a:visited{text-decoration:none; color:#000000; font-weight:bold;}
#pagingBox a:hover{text-decoration:underline; color:#000000;}
#subTextArea ul{padding:0; margin:0 0 0 20px;}
#subTextArea li{list-style:disc;}
#voteArea{position:relative; float:left; width:480px; height:auto; padding:10px; background:#40120f url(../Images/voteBg.jpg) top left no-repeat; color:#ffffff;}
#voteForm { display:inline; margin:0; padding:0;}
/********** ID's End **********/

/********** Classes Start **********/
.spacer { width: 500px; height: 20px }
.clear{clear:both;}
.floatLeft{float:left; margin:0 10px 10px 0;}
.floatRight{float:right; margin:0 0 10px 10px; }
.number_01{position:absolute; left:428px; top:544px;}
.richest_roads{position:absolute;left: 35px;top: 181px;}
.magazine{position:absolute;left: 420px;top:14px;}
.contact{position:absolute;left: 0;top: 726px;}
.subscribeNowBanner{position:absolute; top:30px; right:30px; z-index:2;}
.magCover{position:absolute; top:15px; right:-75px; z-index:3}
.advertRight{margin:0 0 15px 0;}
.directoryTable{border-collapse:collapse; color:#FFFFFF; font-weight:bold;}
.directoryTable td{background:#777778; padding:2px; border-bottom:3px solid #b2b3af;}
.directoryTable td.directoryTableTop{background:#000; padding:2px; border-bottom:3px solid #b2b3af;}
.compGreyText{color:#999999; font-size:16px;}
.termsText{font-size:10px; line-height:12px;}
.previous{float:left;}
.next{float:right;}
.blackText{color:#000000; font-size:22px; line-height:22px;}
.flashAdvert{margin: 10px 0 }
.mayIssue{position:absolute;top:-91px;right:119px;}
.voteJump { position:absolute; bottom:-13px; right:30px;}

.columns{
	height: 1%;
}
/*=== Sub Columns ===*/
.col1{
	float: left;
	height: 1%;
	width: 470px;
	background:#b2b3af;
	margin: 0 0 0 -10px;
	padding: 15px;
}
.col1 ul li{
	background: url(../images/ico-list.gif) no-repeat 0 6px;
		
}

	
/*=== People ===*/
.people{width:165px;padding-right:0px;float:left;}
.people a{font-size:14px;color:#c1c1c1;text-decoration:none;font-weight:bold;}
.people a img{ margin-left:10px;}
.people a:hover,.people a.chosen{ color:#01451C;}
.people p{ margin:0px;margin-top:10px; margin-bottom: 10px}
.people p.x{ margin:0px;margin-top:0px; margin-bottom: 10px}
#profile_1, #profile_2, #profile_3, #profile_4, #profile_5, #profile_6, #profile_7, #profile_8, #profile_9, #profile_10, #profile_11, #profile_12 { display:block;float:right;width:300px;}


/********** Classes End **********/

/********** Navigation Start **********/
#menu{width:790px; line-height:25px; z-index:1;}
#menu ul{margin: 0; padding:0 0 0 10px;float: left;width: 100%;background-color:#b2b3af;}
#menu ul li{display:inline;}
#menu ul li a{float:left;color:#000000; font-weight:100; padding:0 10px 0 10px;text-decoration: none; text-transform:uppercase;}
#menu ul li a:visited{color:#000000;}
#menu ul li a:hover{color:#ffffff;}
#menu ul li a#current{color:#ffffff;}
/********** Navigation End **********/

/********** Footer Start **********/
#footer{position:absolute; bottom:-30px; left:0; width:780px; padding:0 10px 0 10px; line-height:30px;}
#footerLeft{float:left;}
#footerRight{float:right;}
#footer a:link, #footer a:visited{text-decoration:none; color:#ffffff;}
#footer a:hover{text-decoration:underline; color:#ffffff;}
/********** Footer End **********/