body 
{
	font: 75% 'Arial', Helvetica, Sans-Serif; /* Resets 1em to 10px */
	color: #666;
	background: white url(/img/bg.jpg) top;
	background-repeat:repeat-x;
	background-attachment:fixed;
	text-align: center;
	margin:0px;
}

img 
{
    border:0;
}

#breadcrumbs 
{
    margin:0px 0px 10px 0px;
    font-size:86%;
    text-transform:lowercase;
}

#page 
{
	text-align: left;
	margin: 0 auto;
	padding: 0px;
	width: 960px;
	position:relative;
}

#topbar{
	margin: 0px;
	padding: 20px;
}

/* Tab Menu */

#menu 
{
    margin:0px;
	margin-left: 20px;
	padding:0px;
}

#menu li {
	float:left;
	margin-right:5px;
	display:block;
	letter-spacing:0px;
	border-bottom:0px;
	margin-left: 0px;
	font-size:120%;
}

#menu li a
{
	text-decoration:none;
	color:#ffffff;
	display:block;
	padding:8px 14px;
}

#menu li.home, .tabbed-box li.home
{
    background:#ec9f39 url(/img/orange.gif) repeat-x;
}

#menu li.stay, .tabbed-box li.stay
{
    background:#be4265 url(/img/pink.gif) repeat-x;
}

#menu li.on, .tabbed-box li.on
{
    background:#b92146 url(/img/red.gif) repeat-x;
}

#menu li.places, .tabbed-box li.places
{
    background:#6ea640 url(/img/green.gif) repeat-x;
}

#menu li.todo, .tabbed-box li.todo
{
    background:#86acf2 url(/img/light-blue.gif) repeat-x;
}

#menu li.group
{
    background:#86acf2 url(/img/dark-green.gif) repeat-x;
}

#menu li.food
{
    background:#dec00e url(/img/yellow.gif) repeat-x;
}

#menu li.shop
{
    background:#603080 url(/img/blue.gif) repeat-x;
}

#menu li.map
{
    background:#827a8b url(/img/grey.gif) repeat-x;
}

#menu li.contact
{
    background:black url(/img/black.gif) repeat-x;
}

#menu li.home.selected, #menu li.home a:hover
{
    background:#ec9f39 url(/img/selected.png) no-repeat center bottom;
}

#menu li.stay.selected, #menu li.stay a:hover
{
    background:#be4265 url(/img/selected.png) no-repeat center bottom;
}

#menu li.places.selected, #menu li.places a:hover
{
    background:#6fa742 url(/img/selected.png) no-repeat center bottom;
}

#menu li.on.selected, #menu li.on a:hover
{
    background:#b92146 url(/img/selected.png) no-repeat center bottom;
}

#menu li.food.selected, #menu li.food a:hover
{
    background:#dec00e url(/img/selected.png) no-repeat center bottom;
}

#menu li.shop.selected, #menu li.shop a:hover
{
    background:#603080 url(/img/selected.png) no-repeat center bottom;
}

#menu li.map.selected, #menu li.map a:hover
{
    background:#827a8b url(/img/selected.png) no-repeat center bottom;
}

#menu li.group.selected, #menu li.group a:hover
{
    background:#3c7240 url(/img/selected.png) no-repeat center bottom;
}

#menu li.todo.selected, #menu li.todo a:hover
{
    background:#87adf2 url(/img/selected.png) no-repeat center bottom;
}

#menu li.contact.selected, #menu li.contact a:hover
{
    background:black url(/img/selected.png) no-repeat center bottom;
}

#subnav li a:hover 
{
    background:transparent url(/img/selected.png) no-repeat center bottom;
    text-decoration:none;
}
   

/* Sub Menu */

#subnav 
{
    margin:0px;
	padding:0px;
	background:#be4265 url(/img/pink.gif) repeat-x;
}

#subnav ul 
{
    margin:0px;
    padding:0px;
}

#subnav li {
	float:left;
	display:block;
	font-size:100%;
}

#subnav li a
{
	text-decoration:underline;
	color:#ffffff;
	display:block;
	padding:9px 0px 9px 12px;
	/*margin:0 9px 9px 9px;
    padding:9px 0 0 0;
	border-bottom:1px dashed #FFFFFF;*/
}

/* Footer*/


#footer 
{
    margin:0px 20px;
	padding:0px;
}

#footer li {
	float:left;
	margin:10px 6px 10px 0px;
	font-size:90%;
	border-right:1px dashed #666;
	padding-right:10px;
	list-style-type:none;
}

#footer li a
{
	text-decoration:none;
	color:#0084c9;
}

#footer li.last 
{
    border:0px;
}

#footer li a:hover
{
	color:#666;
}

#footer-icons 
{
    float:right;
    margin:0px 20px 0px 0px;
}

#footer-icons li 
{
    float:left;
    margin:10px 6px 10px 0px;
	list-style-type:none;
}

/* Sub Menu */


#submenu 
{
    margin:0px;
	padding:0px;
}

#submenu li {
	
	list-style-type:none;
	border-bottom:1px solid #ccc;
	background: url(/img/arrow.gif) no-repeat left top;
	margin:4px 0px;
	padding:0px 0px 4px 20px;
}

#submenu li a
{
	text-decoration:none;
	color:white;
}

#submenu li.last 
{
    border:0px;
}

#submenu li a:hover
{
	background:none;
	color:#ccc;
}

#contentarea
{
    margin:0px auto;
    padding:10px 20px 20px;
    background: white url(/img/footer.jpg) no-repeat bottom;
    position:static;
}

#sidebar 
{
    float:right;
    margin:0px;
    margin:0px;
    width:250px;
}

.box
{
    background: #0084c9; 
    padding:10px;
    margin:1px 0px 0px 1px;
    border:0px;
    width:273px;
    float:left;
    color:White;
    font-size:90%;
    min-height:99px;
}

.box1
{
    background: #0084c9; 
    padding:10px;
    margin:0px;
    border:1px solid white;
    width:273px;
    float:left;
    color:White;
    font-size:90%;
    min-height:99px;
}

.browsebox
{
    float:left;
    margin:5px 10px 5px 0px;
    position:relative;
    width:203px;
}

.browsebox .bl 
{
    margin-bottom:0px;
}

.last .browsebox 
{
    margin:10px 0px 10px 0px;
}

.browsebox img 
{
    position:relative;
    width:193px;
    height:100px;
}

.browsebox a:hover img 
{
    filter:alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity: 0.80;
}

.browsebox h3 
{
    font-size:100%;
    color:white;
    z-index:10000;
    background:#0084c9 url(/img/glass.png) no-repeat right;
    padding:8px;
    filter:alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity: 0.80;
    width:177px;
    zoom:1;
    top:74px;
    left:5px;
    position:absolute;
}

.border 
{
    margin:10px 0px;
    border:1px solid #ccc;
}

.sidebox
{
    background: #0084c9; 
    padding:20px;
    margin:0px;
    border-right:0px;
    margin-bottom:20px;
    width:250px;
    float:left;
    color:White;
}

.clear
{
	clear:both;
	font-size: 1px; 
	height: 1px
}


.clearer
{
	font-size: 1px; 
	height: 1px
}

#sidebar .button a, #sidebar .button a:visited, #boxholder .button a, #boxholder .button a:visited, div#text .button a
{
	color:white;
	text-decoration: none;
}

div#text .button a 
{
    font-size:140%;
}

h1
{
	font-size:220%;
	color: #639EC6;
	padding: 0px;
	margin:0px;
	font-weight:lighter;
}

h2
{
	font-size:100%;
	color: white;
	padding: 0px;
	margin:0px;
	font-weight:bolder;
}

#sidebar h2
{
	font-size:140%;
	color: white;
	padding:0px;
	margin:0px;
	font-weight:normal;
	margin-bottom:10px;
	border-bottom:1px solid #ccc;
}

.strapline 
{
    margin:0px; 
    padding:0px;
    color:White;
    font-size:140%;
}

#topbar h2 
{
	font-size:280%;
	color: white;
	font-family:Verdana;
	padding: 0px;
	margin:0px;
	font-weight:bolder;
}

H3
{
	font-size:120%;
	color: white;
	padding: 0px;
	font-weight:bold;
	margin:0px;
}

.float
{
    float:left;
    margin-right:5px;
}

.floatright
{
    float:right;
    margin-top:15px;
}

.imageborder 
{
    border: 1px solid white;
    margin-right:10px;
    float:left;
    width:110px;
    height:97px;
}

.imageborderright
{
    margin:0px 0px 10px 5px;
    float:right;
}

.button a, .button a:visited, a.button, input.button, input#btnSearch
{
    background:#e3a617 url(/img/orange.gif) repeat-x 0 bottom;
    padding:4px 8px;
    color:white;
    text-decoration:none;
    font-size:11px;
}

a, a:visited 
{
    text-decoration:none;
}

.box a:hover img, .box1 a:hover img
{
	filter:alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity: 0.80;
}

.box img, .box1 img 
{
    filter:alpha(opacity=100);
	-moz-opacity: 100;
	opacity: 100;
}

#text 
{
    width:650px;
    float:left;
    margin-bottom:60px;
}

a, a:visited 
{
    color:#639EC6;
}

#textfull
{
    width:100%;
    float:left;
    margin-bottom:60px;
}

#sidebar label, #thedmsContact label 
{
    float:left;
    width:70px;
}

input, select 
{
    color:#666666;
    font-size:11px;
    margin:1px 0;
}

.box p, .box1 p  
{
    margin:8px 0px 20px 0px;
}

.boxpadding 
{
    padding:10px;
}

.icon 
{
    margin:0px 5px;
    float:right;
}

#searchdiv 
{
    margin:20px 0px;
    float:right;
    text-align:right;
    padding:0px;
    width:192px;
    text-align:right;
}

#topbar input.sitesearchfield 
{
    float:left;
    margin:0px;
}

#fontsize
{
    color:White;
    padding:0px;
    font-size:100%;
    text-align:left;
    margin:18px 0px;
    padding:0px;
    float:right;
    margin-right:20px;
}

#fontsize a 
{
    color:White;
}

#fontsize .big 
{
    font-size:20px;
}

/* image corners */

.bl {background: #0084c9 url(/img/bl-ho.gif) 0 100% no-repeat; width:100%; color:White; float:left; margin-bottom:20px}
.br {background: url(/img/br-ho.gif) 100% 100% no-repeat}
.tl {background: url(/img/tl-ho.gif) 0 0 no-repeat}
.tr {background: url(/img/tr-ho.gif) 100% 0 no-repeat; padding:5px}

.subnav .tr {padding:1px;}

#icon 
{
    margin:0px;
    padding:0px;
}

#topbar input 
{
    padding:3px;
    margin:0px;
    margin-top:-5px;
}

#boxholder 
{
    margin:0px;
    padding:0px;
    background:white;
    width:100%;
    margin-bottom:-2px;
    min-height:120px;
}

#logo-holder
{
    float:left;
    width:600px;
}

.arrow 
{
    background:#ccc;
    border:1px solid #ccc;
    float:left;
    margin-right:5px;
}

#text a, #text a:visited 
{
    text-decoration:underline;
}

#skiplinks 
{
    left:-9000px;
    position:absolute;
    top:0;
    z-index:20;
}


/*styles added to multimedabtn to change image gallery button only*/
.multimediabtn a, .multimediabtn a:visited 
{    
    border:1px solid white;
    color:white;
    text-decoration:none;
    font-size:11px;
    padding:4px;
    display:inline-block;
    height: 30px;

}

/*styles added to multimedabtn to change image gallery button only*/
.multimediabtn img
{
    padding-right:4px;
    margin-right:0px;    
}

/* 3 box search styles */

.tabbed-box 
{
    margin:0px;
    padding:0px;
}


.tabbed-box ul 
{
    margin:0px;
    padding:0px;
}

.tabbed-box li 
{
    list-style-type:none;
}

.tabbed-box label 
{
    font-size:90%;
}

.tabbed-box .advanced 
{
    float:right;
    font-size:90%;
}

.tabbed-box a.advanced 
{
    color:#0084C9;
    text-decoration:underline;
    margin:10px 0px;
}

.tabbed-box .tabs li 
{
    float:left;
    font-size:120%;
}

.tabbed-box .tabs li a 
{
    color:white;
    display:block;
    padding:10px 22px;
    text-align:center;
    text-decoration:none;
}

.tabbed-box .tabs li.places {background:url("/img/light-blue.gif") repeat-x scroll 0 0 #6EA640;}
.tabbed-box .tabs li.places a {padding:10px 0;width:81px;}

.tabbed-content 
{
    background:white;
    padding:20px;
}

#sidebar .tabbed-content label 
{
    color:#666;
    width:60px;
}

.tabbed-content .button 
{
    float:left;
    margin:10px 0px 0px;
    padding:4px 0px;
}

.ui-datepicker-trigger 
{
    margin-left:5px;
}

#sidebar .tabbed-content li 
{
    margin:4px 0px;
}

.tabbed-box .tabs li a.active, .tabbed-box .tabs li a:hover 
{
    background:url(/img/selected.png) no-repeat bottom center;
    color:white;
}

/*remove after image swapper launched*/
.sidephoto 
{
    float:right;
    margin:15px 0 15px 15px;
    width:232px;
}

.sidephoto img 
{
    background:white;
    border:1px solid #CCCCCC;
    padding:5px;
}
/* */
#text .photo-left
{
    float:left;
    margin:15px 0 15px 15px;
    background:white;
    border:1px solid #CCCCCC;
    padding:5px;
}

#text .photo-right
{
    float:right;
    margin:15px 0 15px 15px;
    background:white;
    border:1px solid #CCCCCC;
    padding:5px;
}

#text .sidephoto1 {
    float:right;
    margin:15px 0 15px 15px;
}

#text .sidephoto1 img 
{
    background:white;
    border:1px solid #CCCCCC;
    padding:5px;
}
/* */
#borderholder 
{
    background:white url(/img/white-corners.gif) no-repeat top;
    padding:5px 5px 0px 5px;
}

#borderholder .tl, #borderholder .tr {background:none;}
#borderholder .bl {margin-bottom:0;}
#borderholder .subnav h2 {display:none;}

#photo 
{
    margin:0px;
    padding:0px;
    background:white;
    width:950px;
    height:217px;
}

div#photo img 
{
    width:950px;
    height:217px;
}


#topbar .button 
{
    float:left;
    padding:4px 0px;
    margin:0px 0px 0px 5px;
}

div#topbar .button a:hover, div#sidebar .button a:hover 
{
    color:#ccc;
}

div#text .browsebox h3 a 
{
    color:white;
    text-decoration:none;
    display:block;
}

/* Button Style */

.buttonleft  
{
    background:url(/img/browse-left.gif) no-repeat left center white;
    float:left;
    height:38px;
    width:12px;
    margin:10px 0px;
}

.buttonmiddle  
{
    background:url(/img/browse-middle.gif) repeat-x left center white;
    float:left;
    height:16px;
    padding:11px 5px;
    margin:10px 0px;
}

#text .buttonmiddle a, #text .buttonmiddle a:visited 
{
    color:#666;
    font-weight:bold;
    text-decoration:none;
}

#text .buttonmiddle a:hover 
{
    color:#999;
}

.buttonright
{
    background:url(/img/browse-right.gif) no-repeat left center white;
    float:left;
    height:38px;
    width:26px;
    margin:10px 20px 10px 0px;
}

#sidebar #subnav 
{
    padding:10px;
    margin:0px;
    background:url (/img/top.gif) no-repeat top;
}

#sidebar #subnav li 
{
    background:url("/img/arrow.gif") no-repeat scroll left top transparent;
    border-bottom:1px solid #CCCCCC;
    list-style-type:none;
    margin:4px 0;
    padding:0 0 4px 20px;
    float:none;
}

#sidebar #subnav li a 
{
    padding:0px;
}

#sidebar #subnav li a:hover 
{
    background:none;
}

.margin-top{margin-top:10px;}
/*<p style="text-transform:uppercase;">Text</p>*/