/*===============
Slipstream Studio
James Tetley
Developer
================*/

body{
	color:#666;
	font-size:11px;
	line-height:1.2;
}

#wrapper{
	font-family:Verdana, Geneva, Tahoma, sans-serif;
	margin: 0 0 0 5px;
	text-align:left;
	overflow:hidden;
	width:912px;
}

#subwrapper{
	width:912px;
}

/* Header
=======*/

#header{
	width:912px;
	height:148px;
	position:relative;
	background:url(/img/sprite.png) no-repeat 0 0;
	font-size:9px;
}

#header .banner{
	width:572px;
	height:75px;
	background-color:#3366cc;
	position:absolute;
	right:0;
	top:13px;
}

#header form{
	width:148px;
	height:19px;
	border:1px solid;
	position:absolute;
	bottom:28px;
	right:0;
	border:1px solid #333333;
	overflow:hidden;
	background-color:#D6D6D6;
}

#header .text-field input{
	background-color:transparent;
	border:0 none;
	color:#666666;
	font-size:9px;
	height:14px;
	line-height:100%;
	padding:4px 5px 0;
	width:114px;
}

#header .submit input{
	background-color:#333333;
	color:#FFFFFF;
	height:20px;
	padding:0 0 4px;
	width:24px;
}

#header ul.login{
	position:absolute;
	top:6px;
	left:16px;
}

#header ul.login li{
	float:left;
}

/* Navigation
===========*/

#navigation {
	border:1px solid #333333;
	bottom:0;
	height:22px;
	left:0;
	position:absolute;
	width:910px;
	z-index:400;
}

#navigation ul{
	height:22px;
	position:relative;
	width:910px;
}

#navigation li{
	display:inline;
	position: relative;
	float:left;
}

#navigation .sub-nav{
	position:absolute;
	z-index:99;
	top:23px !important;
}

#navigation #cat748 { /*about us*/
	background-color:#cccccc;
	height:auto;
	overflow:hidden;
	width:131px;
	left:-1px !important;
	padding:10px 0;
}

#navigation #cat746{ /*bussiness mattters*/
	background-color:#CCCCCC;
	height:auto;
	width:206px;
	left:-1px !important;
	padding:10px 0;
}

#navigation #cat743{  /* news */
	background-color:#CCCCCC;
	height:auto;
	overflow:hidden;
	width:153px;
	left:-1px !important;
	padding:10px 0;
}

#navigation ul li ul { /* any sub-dir that is not otherwise named */
	background-color:#CCCCCC;
	height:auto;
	overflow:hidden;
	width:153px;
	left:-1px !important;
	padding:10px 0;
}

#navigation .sub-nav li{
	float:none;
}

#navigation li ul li{
	float:none;
}

/* Content
========*/

#content{
	width:912px;
	background:url(/img/chrome/content.jpg) repeat-y 0 0;
	border-bottom:1px solid #cccccc;
	padding-bottom:15px;
	overflow:hidden;
}

#content .content{
	width:438px;
	float:left;
}

#content .left{
	width:595px;
}

#content .right{
	width:316px;
	padding-top:5px;
}

#content .right .advert{
	margin-left:6px;
	width:149px;
	float:left;
}

#content .right .last-child{
	margin-left:11px !important;
}

.nav-head{
	background-color:#999999;
	color:#FFFFFF;
	font-size:9px;
	height:16px;
	padding:4px 35px 0;
	width:525px;
	margin-bottom:5px;
}

.post{
	padding:10px 8px;
	clear:both;
	border-bottom:1px solid #cccccc;
}

.page{
	padding:5px 8px 10px 8px;
}

.content .last-child{
	border-bottom:none;
}

.image{
	margin-bottom:4px;
}

#content .contacts .clearfix span{
	display:inline;
	/*white-space:normal !important;*/
}

.paging{
	margin-right:10px;
	font-size:11px;
	text-align:right;
}

.paging span{
	padding-left:3px;
}

.paging a{
	padding-left:3px;
}

.paging-current{
	font-weight:bold;
}

/* Latest News
============*/

#content .latest-news h3 {
	background-color:#666666;
	color:#FFFFFF;
	font-size:11px;
	font-weight:normal;
	height:16px;
	margin:0;
	padding:0 0 0 3px;
	text-transform:uppercase;
	width:145px;
}

.latest-news {
	background-color:#fff;
	border-left:1px solid #999999;
	border-right:1px solid #999999;
	border-top:1px solid #999999;
	margin-bottom:3px;
	width:148px;
}

.latest-news .post p{
	color:#000;
	font-weight:bold;
}

#content .latest-news p a{
	color:black;
}

#content .latest-news p {
	color:#000000;
	font-size:9px;
	font-weight:bold;
	padding-bottom:0;
	padding-left:3px;
}

.latest-news .post {
	border-bottom:1px solid #999999;
	clear:both;
	padding:3px 4px 4px 1px;
}

/* pop up
=======*/

.lightbox img{
	padding:10px;
	display:block;
	border:1px solid #9c9c9c;
}

.left-caption{
	border-right:1px solid #9C9C9C;
	float:left;
	padding:10px 10px 0;
	width:230px;
}

.lightbox p{
	margin-bottom:20px;
}

.lightbox h3{
	font-size:9px !important;
	color:#525252 !important;
	margin:0 !important;
	padding:0 0 5px !important;
}

.right-caption{
	float:left;
	margin-left:10px;
}

.island-bus-online{
	width:333px;
	height:70px;
	background-position:0 -148px;
}

/* Contacts
=========*/

.contacts{
	border-top:1px solid #ccc;
	padding:7px;
	clear:both;
}

.contacts dl{
	line-height:15px;
	font-size:10px;
}

.contacts dl a{
	color:blue;
}

.contacts dt{
	float:left;
	text-align:right;
	width:80px;
}

.contacts dd{
	float:left;
	margin-left:22px;
	width:300px;
}

#content .alt{
	background-color:#dddddd;
}

#content .no-image dt{
	width:260px;
}

#content .no-image dd{
	padding-top:21px;
	width:140px;
}

/*#content .contacts .left{
	width:auto;
}*/

#content .contacts .right {
	width:330px;
}

#content .contacts .post-logo {
	overflow:hidden;
	width:419px;
	margin-bottom:10px;
	float:none !important;
}

.contacts dd strong{
	color:#000000;
	font-size:11px;
	font-weight:bold;
}

#content .contacts strong{
	
}

#content .contacts span{
	font-weight:bold;
	display:block;
}

#content .contacts span a{
	font-weight:normal;
}

#content .contacts .right{
	float:none !important;
	width:420px !important;
}

.post{
	line-height:14px;
}

.post p{
	padding-bottom:10px;
}

/* Page
=====*/

.pagination{
	border-bottom:1px solid #CCCCCC;
	padding-bottom:10px;
}

.pagination ul{
	float:right;
	margin-right:16px;
}

.pagination ul li{
	float:left;
	color:#999999;
	padding-left:3px;
}

.image-caption{
	border:1px solid #cccccc;
	padding:9px;
	margin-bottom:10px;
}

.image-caption img{
	margin-bottom:10px;
}

.align-left{
	margin-right:15px;
	margin-top:10px;
}

.align-right{
	margin-left:15px;
	margin-top:10px;
}

.full{
	border-left:none;
	border-right:none;
}

.full .caption{
	width:300px;
}

.small{
	width:auto;
	height:auto;
}

.small .caption{
	width:150px;
	float:none;
}

.small .credit{
	float:right;
}

.caption{
	font-size:9px;
	font-style:italic;
	color:#333;
	float:left;
}

.credit{
	font-size:8px;
	color:#333;
	float:right;
}

.call-out{
	width:140px;
	padding:20px 20px 20px 30px;
	background-color:#dedede;
	margin-bottom:10px;
}

.call-out p{
	color:#333333;
	font-size:15px;
	font-style:italic;
	padding:0;
	margin:0;
}

#content .other-news p span{
	display:block;
	font-size:9px;
	margin-bottom:6px;
	color:#565656;
}

#content .other-news p {
	color:#666666;
	font-size:11px;
	padding-bottom:3px;
	padding-left:3px;
}

#content .other-news h3 {
	background-color:#999999;
	color:#FFFFFF;
	font-size:11px;
	font-weight:normal;
	height:16px;
	margin:0;
	padding:0 0 0 3px;
	width:145px;
	text-transform:uppercase;
}

.other-news {
	background-color:#dddddd;
	border-top:1px solid #999999;
	border-left:1px solid #999999;
	border-right:1px solid #999999;
	width:148px;
	margin-bottom:3px;
}

.other-news .post {
	border-bottom:1px solid #999999;
	clear:both;
	padding:7px 4px 7px 1px;
}

/* Widgets
========*/

.widget{
	background-color:#fff;
	width:309px;
	margin:-5px 0 5px 7px;
	padding-top:5px;
}

.widget table{
	clear:both;
	margin-bottom:5px;
	border:1px solid #333333;
	color:#11110a;
	font-size:11px;
}

.widget th{
	background-color:#333333;
	color:#fff;
}

.widget .first{
	width:110px;
}

.widget .second{
	width:60px;
}

.widget th.third{
	font-size:8px;
	width:108px;
}

.widget td.third{
	background-color:#ffff66 !important;
	color:#006633;
}

.widget td{
	background-color:#FFFF99;
}

.widget tr.odd td{
	background-color:#ffffcc;	
}

.widget td,
.widget th{
	padding:5px;
}

.currencies td.third{
	background-color:#7fc4ff !important;
	color:#990000;
}

.currencies td{
	background-color:#afddff;
}

.currencies tr.odd td{
	background-color:#d2f6ff;	
}

.table-form{
	background-color:#000000;
	height:21px;
	margin-top:-5px;
	width:310px;
	overflow:hidden;
	margin-left:-1px;
	position:relative;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
	.table-form{margin-left:0px;}
	.table-form .button {margin-left:12px !important;} 
}  

.table-form label{
	color:#fff;
	font-size:9px;
	padding:4px 0 0 5px;
}

.table-form select{
	border:1px solid #333333;
	color:#666666;
	float:left;
	font-size:9px;
	height:16px;
	margin:2px 0 0 5px;
	padding:1px;
	width:50px;
	background-color:#fff;
}

.table-form .submit{
	position:absolute;
	right:6px;
	top:3px;
}

.table-form .button{
	background-color:#666666;
	color:#FFFFFF;
	font-size:10px;
	height:20px;
	margin:0 0 0 9px;
	padding-bottom:3px;
}

.table-form label,
.table-form input{
	float:left;
	display:block;
	margin-left:2px;
}

#cur-val{
	font-size:8px;
	height:8px;
	margin-left:8px;
	margin-top:2px;
	width:22px;
}

#cur-to{
	margin-left:7px;
}

/* cal
====*/

.cal-bd{
    background-color:#666666;
    color:#fff;
	text-align:center;
	border-color:#fff !important;
	margin-bottom:5px;
	border:3px solid #666666;
	margin-left:2px;
    width:594px;
}

.cal-hd{
    background-color:#666666;
    color:#fff;
	text-align:center;
	border-color:#666666;
	border:1px solid #666666;
	margin-bottom:5px;
	margin-left:4px;
	width:590px;
}

.cal-hd th{
	padding:5px 0;
}

th.gray{
	background-color:#333333;
}

.cal-hd tr td{
    background-color:#CCCCCC;
}

.cal-hd tr td a{
	display:block;
	padding:5px 0;
	color:#333333;
}

.cal-hd tr td.selected a,
.cal-hd tr td a:hover{
	background-color:#660000;
	color:#fff;
	text-decoration:none;
}

.cal-bd th{
	padding:5px 0;
}

.cal-bd .alt td{
	background-color:#dedede;
}

.cal-bd tr td{
	background-color:#FFCCCC;
	color:#000;
	padding:5px 0;
}

.cal-bd .happened td{
	color:#B29999;
}

.cal-bd a{
	color:#660000;
	font-weight:bold;
}

.cal-bd a:hover{
	text-decoration:none;
}

/* Weather
========*/

.weather{
	width:148px;
	border:1px solid #333333;
	background-color:#9eff7a;
	margin-bottom:3px;
}

#content .weather h3{
	background-color:#333333;
	color:#FFFFFF;
	font-size:11px;
	font-weight:normal;
	height:16px;
	margin:0;
	padding:0 0 0 3px;
	width:145px;
}

#content .weather p{
	padding-left:3px;
	font-size:9px;
	color:#999999;
	border-bottom:1px solid #333333;
	padding-bottom:3px;
}

#content .weather img{
	width:42px;
	height:42px;
}

#content .weather .today img{
	margin:0 auto;
}

#content .weather ul{
	float:left;
	font-size:10px;
	padding:3px 0 3px 3px;
	overflow:hidden;
	text-align:center;
}

#content .weather ul span{
	font-size:16px;
	padding-bottom:7px;
	display:block;
	color:#43523e;
}

#content .weather .today{
	border-right:2px solid #6fa65b;
	width:87px;
	height:70px;
	border-bottom:1px solid #333333;
}

#content .weather .temp{
	width:53px;
	height:70px;
	border-bottom:1px solid #333333;
}

#content .weather .forcast{
	width:45px;
	border-right:2px solid #6fa65b;
}

#content .weather .alt-forcast{
	background-color:#83ff84;
}

#content .weather .last-child{
	border-right:none;
	margin-left:0 !important;
}

/* Single
=======*/


.single .nav-head,
.single #content .left{
	width:912px;
}

.single #content .content{
	padding:0 10px;
	width:736px;
}

.single #content {
	background:transparent url(/img/chrome/content-single.jpg) repeat-y 0 0;
}

.single .search-results{
	border-bottom:2px solid #999999;
	position:relative;
	padding-bottom:10px;
	margin-bottom:10px;
}

.single #content .search-results h3{
	background-color:white;
	color:#000000;
	font-size:20px;
	font-weight:normal;
	margin:0;
	padding:0;
}

.search-results ul{
	position:absolute;
	right:0;
	top:6px;
}

.search-results ul li{
	float:left;
	color:#7d7d7d;
	padding:0 3px;
	font-size:11px;
}

.search-results ul li.matches{
	font-size:12px;
	margin-right:10px;
}

.search-results ul li a{
	text-decoration:none;
	color:#6640b3;
}

.search-results ul li a:hover{
	text-decoration:underline;
}

.search-container{
	margin-bottom:20px;
}

.search-container h4{
	font-size:11px;
}

.search-container p{
	padding-bottom:10px;
	font-size:10px;
}

/* Double
=======*/

.double #content .right{
	width:150px;
}

.double #content .right .advert{
	margin-left:0 !important;
}

.double #content .left{
	width:757px;
}

.double #content .content {
	width:513px;
	background-color:#cccccc;
	padding:18px 40px 63px 40px;
	margin:0 3px;
}

.double #content {
	background:transparent url(/img/chrome/content-double.jpg) repeat-y 0 0;
}

.double .nav-head {
	width:687px;
}

.video{
	border:1px solid #cccccc;
	padding:12px;
	background-color:#fff;
}

.video-container h5{
	font-size:20px;
	font-weight:normal;
	padding:0 0 15px;
}

/*footer
=======*/

#footer{
	clear:both;
	position:relative;
	width:912px;
	height:50px;
}

#footer ul{
	position:absolute;
	left:153px;
	bottom:20px
}

#footer ul li{
	float:left;
	margin-right:5px;
}

/* Sidebar
========*/

#content .sidebar{
	width:150px;
	margin-right:6px;
	float:left;
}

#content .sidebar li ul{
	padding-bottom:5px;
	border-bottom:1px solid #CCCCCC;
}

/* Replacements
=============*/

h1 a{
	width:333px;
	height:70px;
	background-position:0 -148px;
	position:absolute;
	left:0;
	top:23px;
}