/* CSS Document */

html {
	margin:0;
	padding:0;
	}
body {
	font:76% Arial, Helvetica, sans-serif;
	background: #374c67 url(../images/bg-wrapper.jpg) repeat-x left top;
	margin: 0;	
	padding: 0;
	color:#333;
	}
h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
	font-weight:500;
	}
		
p {
	margin: 0 0 15px 0;
	padding: 0;
	line-height:1.3em;
	font: Verdana, Arial, Helvetica, sans-serif;
	}
ul, ol {
	margin: 0 0 15px 0;
	padding: 0;
	list-style: none;
	}
li {
	padding: 3px 0;
	}
img {
		border: none
		}
#wrapper {
	margin: 0 auto;
	display:block;
	padding: 0 20px;
	width: 920px;
	background: none;;
	}	


/*--------links-----------*/
a:link {
	color: #ff3300; 
	text-decoration: underline;
	font-weight: 500;
	}	
a:visited{
	color: #666; 
	text-decoration: underline;
	font-weight: 500;
	}
a:hover {
	color: #ff9933; 
	text-decoration: none;
	font-weight: 500;
	}
a:active {
	color: #ff9933; 
	text-decoration: none;
	font-weight: 500;
	}

/*---------header-----------*/
#top {
	margin: 0 0 10px 0;
	padding: 0;
	width: 920px;
	height: 30px;
	background: url(../images/bg-top.gif) center center repeat-x;
	}
	#top img {
		margin: 0;
		padding: 0;
		float: left;
		}
	#top ul {
		margin: 0;
		padding: 8px 0 0 0;
		list-style: none;
		}
	#top ul li {
		margin: 0;
		padding: 0 30px;
		display: inline;
		color: #fff;
		border-left: #eaeaea dotted 1px;
		font-size: 0.9em;
		}
	#top ul li a {
		margin: 0;
		padding: 0;
		color: #fff;
		text-decoration: none;
		}
	#top ul li a:hover {
		margin: 0;
		padding: 0;
		color: #fff;
		text-decoration: underline;
		}
		
#header {
	margin: 0;
	padding: 0;
	width: 920px;
	background: #374c67 url(../images/header.jpg) right center no-repeat;
	height: 225px;
	}
#header h1 {
	margin: 0;
	padding: 60px 0 5px 0;
	font-size: 2.9em;  
	word-spacing: 0;
	line-height: 30px;
	text-transform: uppercase;
	width: 260px;
	text-align: center;
	}
	#header h1 a{
	color:#fff;
	font-weight: 600;
	text-decoration: none;
	}
#header h1 span {
	color:#a9943e;
	margin: 0;
	padding: 0 0 0 2px;
	display:block;
	font-size: 1em;
	text-align: center;
	letter-spacing: 3px;
	text-transform: lowercase;
	}


	
/*----------nav-----------*/

#nav {
	margin: 0 0 20px 0;
	padding: 15px 10px 30px 10px; _padding: 15px 9px 30px 9px; 
	font: bold 13px Arial;
	width: 228px;
	background: #deeff7;
	border: #bcdceb solid 1px;
	}
#nav li {
	display: block;
	width: 205px;
	}
#nav li a {
	color: #152022;
	padding: 2px 10px 7px 15px;
	text-decoration: none;
	border-bottom: 1px dashed #005073;
	width: 205px;
	display: block;
	background: url(../images/bullet-nav.gif) left 5px no-repeat;
	}
#nav li a:visited{
	color: #152022;
	}
#nav li a:hover {
	color: #152022;
	text-decoration: underline;
	border-bottom: 1px dashed #005073;
	width: 205px;
	display: block;
	background: url(../images/bullet-nav.gif) left 5px no-repeat;
	}
#nav li ul {
	margin: 0 0 0 15px;
	padding: 0; 
	font: bold 13px Arial;
	width: 213px;
	background: #deeff7;
	border: none;
	}
#nav li ul li a {
	width: 190px;
	}
#nav li ul li a:hover {
	width: 190px;
	}
#nav li a.last {
	border: none;
	}
/*----------nav2-----------*/

#nav.nav2 {
	border-bottom: #fff solid 10px;
	}


	
/*---------content-----------*/
#content {
	margin: 5px 0 0 0;
	padding: 0;
	background:  #fff url(../images/v-line.gif) 260px bottom repeat-y;
	border-top: 10px solid #fff;
	}
.v-line {
	margin: 0;
	padding: 0 0 50px 0;
	background: url(../images/v-line.gif) 746px bottom repeat-y;
	}
#left {
	margin: 0;
	padding: 0 5px;
	width: 250px;
	float: left;
	}
#right {
	margin: 0;
	padding: 0;
	float: right;
	width: 660px;
	}
#left-right {
	margin: 0;
	padding: 0 10px 0 11px;
	width: 469px;
	float: left;
	}
#left-right.mp {
	margin: 0;
	padding: 0 10px 0 11px;
	width: 420px;
	float: left;
	}
#right-right {
	margin: 0;
	padding: 0 5px;
	width: 160px;
	float: right;
	}
#right-right.mpright {
	margin: 0;
	padding: 35px 10px 0 5px;
	width: 200px;
	float: right;
	}
#right h2 {
	margin: 5px 0 10px 0;
	padding: 0;
	font-size: 2em;
	color: #243b42;
	}
h3 {
	margin: 0 0 10px 0;
	padding: 5px;
	font-size:1.2em;
	font-weight: 600;
	background: url(../images/bg-header.gif) center center repeat-x;
	color: #fff;
	border: #04618f solid 1px;
	clear: both;
	}
h3.header2 {
	background: url(../images/bg-header-2.gif) center center repeat-x;
	border: #71792c solid 1px;
	}
#left p {
	padding: 20px 15px;
	}
	
.seevic {
	margin: 20px 0 0 0;
	padding: 0;
	text-align: center;
	}
.seevic a{
		color: #fff;
		padding: 0;
		display: block;
		text-decoration: none;
		font-size: 0.9em;
		line-height: 15px;
		}
	.seevic span {
		display:block;
		font-size: 1.3em;
		font-weight: 600;
		margin: 1px 0 -3px 0;
		}
.activityimg {
	margin: 0 10px 20px 20px;
	padding: 2px;
	float: right;
	background-color: #fff;
	border: #999 solid 1px;
	}
.iactivityimg {
	margin: 0 20px 20px 0;
	padding: 2px;
	float: left;
	background-color: #fff;
	border: #999 solid 1px;
	}
.iactivityimg span, .activityimg span {
	margin: 0;
	display: block;
	font-size: 0.9em;
	text-align: center;
	background: #f1f1f1;
	}
#right h4 {
	color: #000;
	font-weight: bold;
	margin-bottom: 10px;
	}
		
/*--link list-------*/


.linklist {
	margin: 0 0 0 0;
	padding: 5px 15px 15px 0;
	list-style: none;
	/*border: #999 solid 1px;*/
	background: #fff;
	}
.linklist li {
	margin: 0;
	padding: 10px 0 10px 20px;
	border-bottom: #999 dashed 1px;
	background: url(../images/bullet-nav.gif) no-repeat left 12px;
	}
.linklist li a {
	color:#ff0000;
	text-decoration:none;
	font-weight: 600;
	}
.linklist li a:hover {
	color:#ff0000;
	text-decoration: underline;
	font-weight: 600;
	}
	
	
/*-----AP portal-----*/
#right .ap-portal {
	border: #e9e9e7 solid 1px;
	margin: 0 0 20px 0;
	padding: 10px;
	width: 448px;
	background: #fff url(../images/portal-bg.gif) center bottom repeat-x;
	clear: both;
	font-size: 0.9em;
}
#right .ap-portal .text {
	margin: 0 0 0 15px;
	padding: 0;
	float: left;
	width: 200px;
}
#right .ap-portal .aptext {
	margin: 0 10px 0 0;
	padding: 0;
}
#right .ap-portal h3, #right .ap-portal h4 {
	padding: 0 2px 0 0;
	margin: 0 0 5px 0;
	color: #9c2b04;
	font-size: 1.3em;
	font-weight: bold;
	border: none;
	border-bottom: #e9e9e7 solid 1px;
	background:none;
}
#right .ap-portal h3 a, #right .ap-portal h4 a {
	color: #9c2b04;
	text-decoration: none;
	font-weight: bold;
}
#right .ap-portal h3 a:hover, #right .ap-portal h3 a:hover {
	color: #9c2b04;
	text-decoration:underline;
	font-weight: bold;
}
#right .ap-portal p {
	padding: 0;
	margin: 0 0 0 0;
	font-size: 1em;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
}
#right .ap-portal .aptext .description {
	margin: 0 0 20px 0;
	padding: 0;
	width: 265px;
	float: left;
}
#right .ap-portal .aptext p {
	margin: 0 0 20px 0;
	padding: 0;
	font-size:1.2em;
}
#right .ap-portal .more {
	padding: 0;
	margin: 0 15px 0 0;
	font-size: 1.2em;
	color: #333;
	text-align: right;
}
#right .ap-portal .more a {
	font-size: 1em;
	color: #333;
	text-decoration:underline;
}
#right .ap-portal img {
	padding: 1px;
	margin: 0;
	float: left;
	border: #888 solid 1px;
}
#right .ap-portal img.apimg {
	padding: 1px;
	margin: 0 0 25px 30px;
	float: right;
	clear: right;
	border: #888 solid 1px;
}
#right .ap-portal .info {
	padding: 0 0 10px 0;
	margin: -18px 0 6px 0;
	float: right;
	font-size: 1.1em;
	color: #000;
	position: relative;
	background: url(../images/info-bg-bottom.gif) center bottom no-repeat;
}
#right .ap-portal .info-inner {
	padding: 8px 4px 0 9px;
	margin: 0;
	width: 137px;
	background: url(../images/info-bg.gif) center top no-repeat;
}
#right .ap-portal .info-outer {
	margin: 0;
	padding: 0;
	background: url(../images/info-bg-repeat.gif) center top repeat-y;
}
#right .ap-portal .info p {
	font-size: 1em;
	color: #000;
	padding: 0;
	margin: 0 0 0 0;
}
#right .ap-portal .info p span {
	padding: 0;
	margin: 0;
	width: 90px;
	float: right;
}
#right .ap-portal .aptext p.apinfo {
	font-size: 1.2em;
	color: #000;
	padding: 0 0 2px 0;
	margin: 0 0 20px 0;
	border-bottom: #e9e9e7 solid 1px;
}
#right .ap-portal .btn,  .btn {
	padding: 0;
	margin: 0;
	display: inline;
}
#right .ap-portal .btn a,  .btn a {
	text-decoration:none;
	text-transform: uppercase;
	width: 130px;
	color: #fff;
	padding: 5px 10px 6px 10px;
	margin: 0;
	font-size: 0.8em;
	float: right;
	text-align: center;
	clear: right;
}
#right .ap-portal p.apbtn {
	padding: 0;
	margin: 0 3px 25px 32px;
	display: block;
	font-size: 1.2em;
	float: right;
	clear: right;
	text-align: center;
	width: 150px;
}
#right .ap-portal p.apbtn a {
	text-decoration:none;
	text-transform: uppercase;
	width: 130px;
	color: #fff;
	padding: 5px 10px 6px 10px;
	margin: 0;
	display: block;
	font-size: 0.8em;	
	text-align: center;
}
#right .ap-portal .btn a, #right .apbtn a, .btn a {
	background: url(../images/bbar.gif) center center no-repeat;
	}
#right .pagelinx {
	padding-left: 2px;
	padding-right: 2px;
	cursor: default;
	}
#right .pagelinx a {
	padding: 5px;
	color: #ae2626;
	background: url(../images/portal-bg.gif) center center repeat-x;
	}
#right .pagelinx.browse a {
	display: block;
	}
#right .pagelinx a:hover {
	color: #000;
	text-decoration: none;
	background: url(../images/portal-bg.gif) center bottom repeat-x;
	}
#right .pagelinx a span.mg {
	background: url(../images/magnifying-glass.png) left center no-repeat;
	float: right;
	width: 22px;
	height: 18px;
	}
#right .pagelinx a span.tdnone {
	text-decoration: none;
	}
p.img1 {
	float: right;
	border: #666 solid 1px;
	margin-left: 20px;
	}
p.img1 img {
	display: block;
	}
p.img1 span {
	display: block;
	text-align: center;
	font-size: 0.8em;
	background-color: #f1f1f1;
	color: #444;
	}
/* --- Restaurant portal --- */
#right .ap-portal .textR {
	margin: 0 0 0 15px;
	padding: 0;
	float: left;
	width: 300px;
	}
	
/*-----footer-----*/

#footer {
	background: #374c67 url(../images/h-line-footer.gif) center top repeat-x;
	clear: both;
	margin: 10px auto 0 auto;
	padding: 15px 10px;
	color: #fff;
	font-size: 0.9em;
	}
#footer p {
	margin: 0;
	padding: 0;
	}
#footer p.viclinx {
	margin: 15px auto 15px auto;
	padding: 0;
	text-align: center;
	font-size: 1em;
	}
#footer p.viclinx a {
	color: #e8ded9;
	padding: 0 5px;
	}
#footer p.footlinx {
	margin: 0;
	padding: 0;
	float: right;
	}
#footer p.footlinx a {
	color: #e8ded9;
	}

/* ------ Contact Form ----- */

#left-right label {
	display:block;
	margin:1em 0;
	}

#left-right input, textarea {
	display:block;
	width:300px;
	font:normal 1em Arial, Helvetica, sans-serif !important;
	background-color:#fff !important;
	}

#left-right ul li.ok {
	color:#666;
	font-style:italic;
	}

#left-right ul li.error {
	color:#f00;
	}	
	
/* --------- Map --------- */

div#map {
	height: 450px;
	width: 468px;
	margin: 20px 0 20px 0;
	border:#000 solid 1px;
}
div#map.mpmap {
	height: 300px;
	width: 380px;
	margin: 20px auto;
	border:#000 solid 1px;
	clear: both;
}
#side-bar a:hover {
	text-decoration: underline;
	}
#side-bar p {
	font-size: 1em;
	margin: .4em 0 .4em 0;
	padding-left: 10px;
	background: url(../images/bullet-blue.gif) 0 .55em no-repeat;
	}
#side-bar {
	line-height: 1.5em;
	margin-bottom: 1em;
	margin-top: 1em;
	}
 #side-bar-title {
	line-height: 1.5em;
	font-weight: bold;
	margin: 0;
	}
		

/* =self clearing
----------------- */
/*** see http://www.positioniseverything.net/easyclearing.html
   for explanation of Tony Aslett's elegant hack ***/
.clearfloat:after {
content: "."; 
display: block; 
height: 0; 
clear: both;
visibility: hidden;
}
 
.clearfloat { display: inline-block; }
 
/* Hides from IE-mac */
* html .clearfloat { height: 1%; }
.clearfloat { display: block; }
/* End hide from IE-mac */
/*** end clearing hack ***/ 	
	
	
	
.clearer {
	height:0;
	margin:0;
	padding:0;
	clear:both;
	display:block;
	}