body,
	html {
		margin:0;
		padding:0;
		background:#fff;
		color:#000;
		font: normal 11px arial, helvetica, tahoma, verdana;
		line-height: 15px; 
		color: #27443f;
		background: white;
		background-image: url(images/ubvbackground-shadow.gif); /** Link to the image you created **/
        background-repeat: repeat-y; /** Repeats the image vertically **/
        background-position: center; /** Centers the Background image **/
        background-color: #F7F5E2; /** Website BG colour (matches canvas colour in Step 1) **/
	}
	body {
		min-width:950px;
		background: url(images/bg.gif) repeat-x;
	}
	#left {
		margin:0 auto;
		width:1174px;
		background: url(images/left.jpg) no-repeat top left;
	}
	.left {
		margin:0 auto;
		padding-left: 10px;
		padding-right: 10px;
		padding-bottom: 5px;
		float: left;
	}
	#right  { background: url(images/right.jpg) no-repeat right top; margin: 0 auto; width: 1174px }	
	#wrap {
		margin:0 auto;
		width:950px;
		background: #FFF;
	}
	#topPanel {
		background: #fff url(images/toplogo.gif) top left no-repeat;
		height: 70px;
	}
	#nav {
		position:relative;
		background: #336A88;
		width:950px;
		height: 40px;
		margin-bottom: 10px;
	}
	#nav .select, #nav .current {
		margin:0; 
		padding:0; 
		width:950px;
		list-style:none;
	}
	#nav li {
		display:inline; 
		margin:0; 
		padding:0; 
		height:auto;
		width:950px;
	}
	#nav .select a, #nav .current a {
		display:block; 
		height:20px; 
		float:left; 
		background:#187E9A; 
		padding:0 15px 0 10px; 
		text-decoration:none; 
		font-size:12px; 
		line-height:20px; 
		white-space:nowrap; 
		border-right:1px solid #143043; 
		color:#fff;
		width:15
		0px;
		}
	* html #nav .select a, * html #nav .current a {
		width:1px; 
		height:21px;
	}
	
	
#nav2 {
width:150px;
list-style:none;
margin:150px auto;
}
#nav2 a {
color:black;
text-decoration:none;
}
#nav2 a:active, #nav2 a:focus, #nav2 a:hover {
color:red;
}
a#current {
color:red;
}
a#current:active, a#current:focus, a#current:hover {
color:blue;
}	
	
	
	
	#nav .select a:hover, #nav .select li:hover a {
		background:#25526A; 
		cursor:pointer; 
		color:#94B8C9;
		
	}
	#nav .sub {
		display:none;

	}
	/* for IE5.5 and IE6 only */
	#nav table {
		position:absolute; 
		border-collapse:collapse; 
		left:0; 
		top:0;
		
	}
	#nav .current a {
		background:#1E4865; 
		color:#94B8C9;
		
	}
	#nav .sub li a:hover, #nav .select a:hover .sub li a:hover, #nav .select li:hover .sub li a:hover {
		background:#1E4865; 
		color:#94B8C9;
		height:10px; 
		
	}
	#nav .sub_active .current_sub a, #nav .sub_active a:hover {
		background:#336A88; 
		color:#A2CAE8;
		height:10px;
ß	}
	#nav .select li a:hover .sub, #nav .select li:hover .sub {
		display:block; 
		position:absolute; 
		line-height:10px; 
		height:20px;
		width:950px; 
		top:20px; 
		left:0; 
		background:#1E4865; 
		margin-top:0; 
		padding:0; 
		z-index:100; 
		color:#fff; 
		font-size:11px;
	}
	#nav .sub, #nav .sub_active {
		margin:0; 
		padding:0; 
		padding-left:50; 
		list-style:none;
		height:10px; 
		width:950px; 

	}
	#nav .sub_active  { 
	color: #fff; 
	font-size: 10px; 
	line-height: 10px; 
	background: #1e4865; 
	display: block; 
	margin-top: 0; 
	padding: 0; 
	position: absolute; 
	z-index: 10; 
	top: 20px; 
	left: 0; 
	width: 950px; 
	height: 20px 
	
	}
	* html #nav .sub_active, * html #nav .select a:hover .sub {
		z-index:-1; 
		margin-top:0; 
		margin-t\op:1px;
		height:10px; 
		width:950px; 
	}
	#nav .sub_active a {
		height:10px; 
		text-decoration:none; 
		white-space:nowrap; 
		display:block; 
		float:left; 
		background:#1E4865; 
		padding:0px 15px 10px 10px; 
		margin:0; 
		font-size:11px; 
		white-space:nowrap; 
		border:0; 
		color:#fff;
		
	}
	#nav .select a:hover .sub li a, #nav .select li:hover .sub li a {
		display:block; 
		line-height:10px; 
		height:10px; 
		background:#1E4865; 
		padding:5px 15px 5px 10px; 
		margin:0; 
		white-space:nowrap; 
		border:0; 
		color:#fff; 
		font-size:11px;
}
#flashcontent	{ 
	background:#25526A; 
	height: 250px; 
	width: 950px; 
}
#mainabout  { 
	background: white url(images/mainabout-01.jpg) no-repeat left top; 
	height: 250px; 
	width: 950px; 
}
#mainactivities  { 
	background: white url(images/mainactivities-01.jpg) no-repeat left top; 
	height: 250px; 
	width: 950px; 
}
#mainaccommodation { background: white url(images/mainaccommodation-01.jpg) no-repeat left top; width: 950px; height: 250px }
#mainapartments { background: white url(images/mainapartments-01.jpg) no-repeat left top; width: 950px; height: 250px }
#mainartscommunity { background: white url(images/mainartscommunity-01.jpg) no-repeat left top; width: 950px; height: 250px }
#mainbanking { 
	background: white url(images/mainbanking-01.jpg) no-repeat left top; 
	height: 250px; 
	width: 950px; 
}
#mainbeaches  { 
	background: white url(images/mainbeaches-01.jpg) no-repeat left top; 
	height: 250px; 
	width: 950px; 
}
#mainbusinesscommunity  { 
	background: white url(images/mainbusiness-01.jpg) no-repeat left top; 
	height: 250px; 
	width: 950px; 
}
#mainboatcharters { background: white url(images/mainboatcharters-01.jpg) no-repeat left top; height: 250px; width: 950px; }
#mainbushwalking { background: white url(images/mainbushwalking-01.jpg) no-repeat left top; width: 950px; height: 250px }
#maincafes { background: white url(images/maincafes-01.jpg) no-repeat left top; width: 950px; height: 250px }
#maincamping { background: white url(images/maincamping-01.jpg) no-repeat left top; width: 950px; height: 250px }
#maincontact { background: white url(images/maincontact-01.jpg) no-repeat left top; width: 950px; height: 250px }
#maincommunity { background: white url(images/maincommunity-01.jpg) no-repeat left top; width: 950px; height: 250px }
#maincommunityresources { background: white url(images/maincommunityresources-01.jpg) no-repeat left top; width: 950px; height: 250px }
#maincinema { background: white url(images/maincinema-01.jpg) no-repeat left top; width: 950px; height: 250px }
#mainclubs { background: white url(images/mainclubs-01.jpg) no-repeat left top; width: 950px; height: 250px }
#mainenvironment { background: white url(images/mainenvironment-01.jpg) no-repeat left top; width: 950px; height: 250px }
#mainenvironmental { background: white url(images/mainenvironmental-01.jpg) no-repeat left top; width: 950px; height: 250px }
#mainentertaining { background: white url(images/mainentertaining-01.jpg) no-repeat left top; width: 950px; height: 250px }
#mainevents { background: white url(images/mainevents-01.jpg) no-repeat left top; width: 950px; height: 250px }
#mainfishing  { background: white url(images/mainfishing-01.jpg) no-repeat left top; height: 250px; width: 950px; }
#mainferries { background: white url(images/mainferries-01.jpg) no-repeat left top; width: 950px; height: 250px }
#mainfunctionrooms  { background: white url(images/mainclubs-01.jpg) no-repeat left top; height: 250px; width: 950px; }
#maingolf { background: white url(images/maingolf-01.jpg) no-repeat left top; height: 250px; width: 950px; }
#maingettinghere { background: white url(images/maingettinghere-01.jpg) no-repeat left top; width: 950px; height: 250px }
#mainhistory  { background: white url(images/mainhistory-01.jpg) no-repeat left top; height: 250px; width: 950px; }
#mainhouses { background: white url(images/mainhotels-01.jpg) no-repeat left top; width: 950px; height: 250px }
#mainhousehold { background: white url(images/mainhousehold-01.jpg) no-repeat left top; height: 250px; width: 950px; }
#mainkidsparks { background: white url(images/mainkidsparks-01.jpg) no-repeat left top; width: 950px; height: 250px }
#mainlocation { background: white url(images/mainlocation-01.jpg) no-repeat left top; width: 950px; height: 250px }
#mainmedical { background: white url(images/mainmedical-01.jpg) no-repeat left top; height: 250px; width: 950px; }
#mainnationalpark { background: white url(images/mainnationalpark-01.jpg) no-repeat left top; width: 950px; height: 250px }
#mainnightclubs { background: white url(images/mainnightclubs-01.jpg) no-repeat left top; height: 250px; width: 950px; }
#mainoutriggerfestival { background: white url(images/mainoutriggerfestival-01.jpg) no-repeat left top; height: 250px; width: 950px; }
#mainflorafestival { background: white url(images/mainflorafestival-01.jpg) no-repeat left top; height: 250px; width: 950px; }
#mainparasailing { background: white url(images/mainparasailing-01.jpg) no-repeat left top; width: 950px; height: 250px }
#mainphysio { background: white url(images/mainphysio-01.jpg) no-repeat left top; width: 950px; height: 250px }
#mainpubs { background: white url(images/mainpubs-01.jpg) no-repeat left top; width: 950px; height: 250px }
#mainrelaxing  { background: white url(images/mainrelaxing-01.jpg) no-repeat left top; height: 250px; width: 950px; }
#mainretail { background: white url(images/mainretail-01.jpg) no-repeat left top; width: 950px; height: 250px }
#mainrestaurants { background: white url(images/mainrestaurants-01.jpg) no-repeat left top; height: 250px; width: 950px; }
#mainrealestate { background: white url(images/mainabout-01.jpg) no-repeat left top; height: 250px; width: 950px; }
#mainscuba { background: white url(images/mainscuba-01.jpg) no-repeat left top; height: 250px; width: 950px; }
#mainservices  { background: white url(images/mainservices-01.jpg) no-repeat left top; height: 250px; width: 950px; }
#mainshopping  { background: white url(images/mainshopping-01.jpg) no-repeat left top; height: 250px; width: 950px; }
#mainshuttles  { background: white url(images/maintaxis-01.jpg) no-repeat left top; height: 250px; width: 950px; }
#mainsports  { background: white url(images/mainsports-01.jpg) no-repeat left top; height: 250px; width: 950px; }
#mainsurfschool { background: white url(images/mainsurfschool-01.jpg) no-repeat left top; height: 250px; width: 950px; }
#maintakeaways { background: white url(images/mainrestaurants-01.jpg) no-repeat left top; height: 250px; width: 950px; }
#maintosee  { background: white url(images/maintosee-01.jpg) no-repeat left top; height: 250px; width: 950px; }
#maintrains  { background: white url(images/maintrains-01.jpg) no-repeat left top; height: 250px; width: 950px; }
#maintaxis  { background: white url(images/maintaxis-01.jpg) no-repeat left top; height: 250px; width: 950px; }
#mainuminabeachfestival { background: white url(images/mainuminabeachfestival-01.jpg) no-repeat left top; width: 950px; height: 250px }
#mainunits { background: white url(images/mainbedbreakfast-01.jpg) no-repeat left top; width: 950px; height: 250px }
#mainwelcome  { background: white url(images/mainwelcome-01.jpg) no-repeat left top; height: 250px; width: 950px; }
#mainyouth  { background: white url(images/mainyouth-01.jpg) no-repeat left top; height: 250px; width: 950px; }
	
#leftcol  { padding-right: 10px; min-height: 300px; width: 135px; float: left;
background: #FFF url(images/blue.gif) repeat-y; background-position: top right;  }
#main  { background: #FFF; padding-right: 20px; min-height: 300px; width: 580px; float: left }	
#rightcol  { padding-left: 15px; min-height: 300px; width: 190px; float: right;
background: #FFF url(images/blue.gif) top left repeat-y; }


h1 {
font: bold 18px arial, helvetica, tahoma, verdana;
line-height: 16px; 
color: #27443f;
padding-bottom: 2px;
padding-left: 10px;
margin-top: 6px;
margin-bottom: 6px;
}
h2 {
font: bold 15px arial, helvetica, tahoma, verdana;
line-height: 14px; 
color: #187E9A;
padding-bottom: 0px;
padding-left: 10px;
margin-top: 4px;
margin-bottom: 2px;
}
h3 {
font: bold 13px arial, helvetica, tahoma, verdana;
line-height: 14px; 
color: #27443f;
padding-bottom: 0px;
padding-left: 10px;
margin-top: 4px;
margin-bottom: 10px;
}
.p1 {
font: normal 13px palatino, times, tahoma, verdana;
line-height: 15px; 
color: #27443f;
padding-bottom: 2px;
padding-left: 10px;
}
.p2 {
font: bold 13px arial, helvetica, tahoma, verdana;
line-height: 15px; 
padding-top: 4px;
padding-bottom: 4px;
margin:0;
color: #27443f;
padding-left: 10px;
margin-top: 2px;
margin-bottom: 0px;
}
.p2cl {
font: normal 12px arial, helvetica, tahoma, verdana;
line-height: 16px; 
color: #27443f;
padding-left: 10px;
margin: 0;
padding-bottom: 4px;
}
.p3 {
font: normal 12px arial, helvetica, tahoma, verdana;
line-height: 15px; 
padding-bottom: 5px;
margin:0;
color: #427db0;
padding-left: 10px;
}
.p3 a {
color: #427db0;
text-decoration: none;
}
.p3 a:hover {
color: #427db0;
text-decoration: underline;
}
.p4 {
font: normal 12px arial, helvetica, tahoma, verdana;
line-height: 13px; 
padding-bottom: 0px;
color: #427db0;
margin-bottom: 5px;
padding-left: 25px;
}
.p5 {
font: normal 12px arial, helvetica, tahoma, verdana;
line-height: 15px; 
padding-top: 0px;
padding-bottom: 2px;
color: #427db0;
padding-left: 10px;
margin-top: 4px;
}
.p6 {
font: normal 13px arial, helvetica, tahoma, verdana;
line-height: 15px; 
padding-bottom: 5px;
padding-top: 0;
margin:0;
color: #187E9A;
padding-left: 10px;
}
.p7 {
font: normal 11px arial, helvetica, tahoma, verdana;
line-height: 12px; 
padding-bottom: 5px;
padding-top: 0;
margin:0;
color: #27443f;
padding-left: 10px;
}
.divider {
background: url(images/blue.gif) 0 0 repeat-x;
height: 1px;
margin-left: 10px;
}
.rightAd {
margin-bottom: 5px;
}

.leftColumn {
margin-top: 5px;
margin-bottom: 5px;
}
.listing {
margin: 0 auto;
float: left;
background: url(images/blue.gif) bottom left repeat-x;
margin-left: 10px;
margin-bottom: 5px;
}
.listingnoline {
margin: 0 auto;
float: left;
margin-left: 10px;
margin-bottom: 5px;
}

.leftListingImg {
		padding-right: 10px;
		padding-bottom: 10px;
		padding-top: 5px;
		float: left;
		margin-bottom: 5px;
}

#footer {
	clear:both;
	margin-top: 20px;	
	padding-top: 10px;
}
#footerLine {
	background: url(images/blue.gif) 0 0 repeat-x;
	height: 5px;
}
#footer p{
text-align: justify;
font: normal 11px arial, helvetica, tahoma, verdana;
line-height: 13px; 
padding-right: 5px;
padding-top: 10px;
padding-bottom: 10px;
color: #427db0;
}

#footer p a {
color: #a0adc6;
text-decoration: none;
}
#footer p a:hover {
color: #a0adc6;
}
#footer p .bd {
color: #427db0;
font-weight: bold;
}


#businesses
{
font-family: normal 11px arial, helvetica, tahoma, verdana;
width:550px;
border-collapse:collapse;
margin-left: 10px;
margin-bottom: 10px;
}
.column1 { width: 170px }
.column2 { width: 300px }
.column3 { width: 80px }

#businesses td, #businesses th 
{
font-size:11px;
border: 1px solid #E8F2F9;
padding:2px 7px 2px 7px;
}
#businesses th 
{
font-size: 12px;
text-align: left;
padding-top:2px;
padding-bottom:2px;
background-color:#336A88;
color:#FFFFFF;
}
#businesses tr.alt td 
{
color:#187E9A;
background-color:#E8F2F9;
}