/* CSS Document */

* {
	text-align: left;
	padding:0px;
	margin:0px;
}

body {
	font-family:"Trebuchet MS", Tahoma, Verdana, sans-serif;
	margin:0px;
	padding:0px;
	background:#000033;
}

#wrapper {
	width:1010px;
	margin-left:auto;
	margin-right:auto;
}


/* -------- header styles --------*/
#header {
	position: relative;
	height:203px;
	background:url(../images/algarve_banner.jpg) no-repeat;
}

#header ul {
	margin: 0;
  	padding: 0;
 	float: left;
  	background: url(../images/nav_bg.gif) repeat-x top left;
  	list-style: none;
	position: absolute;
	left: 0;
	bottom:0;
	width: 1010px;
	}
#header ul li{
	float:right;
	background: url(../images/nav_separator.gif) no-repeat left top;
	}
#header ul a {
	padding: 0 1.2em;
	font-size: 13px;
	font-weight:bold;
	line-height: 1.8em;
	text-decoration: none;
	color: #fff;
	float: left;
	display: block;
}

#header ul a.first {
	background: none;
	}
	
#header ul a:hover {
	color:#034d95;
	}

#content {
	width:1010px;
	height:100%;
	background:url(../images/content_bg.jpg);
	float:left;
}

#maincontainer {
width:1005px;
height:100%;

}

#left_sidebar {
	width:135px;
	background:#0066CC;
	border-top:#FFFFFF 1px solid;
	text-align:left;
	padding-top:15px;
	padding-left:15px;
	float:left;
}

#left_sidebar .lnk {
	font-size:11px;
	color:#FFFFFF;
	text-align:left;
	line-height:20px;
}

#right_sidebar {
	/*width: 100%;*/
	/*padding:10px;*/
	
	
}
#wbanner {
	width:845px;
	height:189px;
	padding-top:45px;
	padding-left:15px;
	background:url(../images/wbanner_bg.jpg);
	border-top:#FFFFFF 1px solid;
	float:left;
}

#wbanner p {
	font-size:11px;
}

#wbanner .hdr {
	font-weight:bold;
	color:#3198FF;
	line-height:30px;
}

#local_content {
	width:845px;
	padding-top:15px;
	text-align:left;
	padding-left:165px;
	float:left;
}

#local_content p {
	font-size:12px;
}

#local_content .hdr {
	font-weight:bold;
	color:#000000;
	line-height:30px;
}

#local_thumb {
	width:155px;
	height:200px;
	padding-right:14px;
	float:left;
}

#local_thumb p {
	font-size:11px;
	color:#333333;
}

#local_thumb .hdr {
	font-size:12px;
	font-weight:bold;
	color:#003300;
	line-height:30px;
}

#thumb_separator {
	width:155px;
	height:15px;
	text-align:right;
	padding-top:15px;
	float:left;
}

#thumb_separator .lnk {
	font-size:11px;
	color:#003300;
	text-align:right;
}

#hr {
	width:100%;
	background:#003399;
	padding-top:4px;
	float:left;
}

#footer {
	width:995px;
	height:38px;
	background:url(../images/footer_bg.jpg);
	padding-top:22px;
	padding-right:15px;
	float:left;
}

#footer p {
	font-size:11px;
	color:#333333;
	text-align:right;
}
/*a.one:link {color: #878283}
a.one{
color: #b3b8ba;
text-decoration: none;*/

}
a.one {border:hidden}
a.one:link {color:#0033FF}
a.one:visited {color: #0033FF}
a.one:hover {color: #0033FF}
a.one {
text-decoration:none;

}
/* Additional CSS Codes */

.suckerdiv ul{
margin: 0;
padding: 0;
list-style-type: none;
width: 135px; /* Width of Menu Items */
/*border-bottom: 1px solid #ccc;*/
background-color:#0066CC;
font-size:11px;
color:#FFFFFF;

}
	
.suckerdiv ul li{
position: relative;
background: url(../images/sidenav_separator.gif) no-repeat center left;

padding-left:10px;

}

.suckerdiv ul li:hover {
background-color:#54a2ef;
}

.suckerdiv ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: white;
font-size:11px;
text-decoration: none;
background-color:#0066CC;
position: relative;
/*background: url(../images/sidenav_separator.gif) no-repeat center left;*/
/*background: url(../images/sidenav_separator.gif) no-repeat center left;*/
adding: 2px 0;
/*padding-left: 10px;*/
border: 0px solid #ccc;
border-bottom: 0;
background-color:#76b8f9;
/*background: url(../images/sidenav_separator.gif) no-repeat center left;*/
}

.suckerdiv{

height:0px;

}

.suckerdiv ul li {


}

.suckerdiv ul li a:hover{
background-color:#54a2ef;
/*background: url(../images/sidenav_separator.gif) no-repeat center left;*/
}

.suckerdiv ul li ul{
margin: 0;
padding: 0;
list-style-type: none;
width: 135px; /* Width of Menu Items */
border-bottom: 0px solid #ccc;
background-color:#5eabf8;
font-size:11px;
color:#FFFFFF;
}

.suckerdiv ul li ul {
background-color:#84c1fe;
}

.suckerdiv ul li ul li {
background-color:#84c1fe;
/*border-left: 8px solid #ffa1a3;*/

border-bottom: 1px solid #2884e0;

}


/* ADDITIONAL CODE */
#tblLayout {
	margin-right: auto;
	margin-left: auto;
	font-size: 11px;
}
#tblLayout, #tblLayout td, #tblLayout th {
	border: 1px solid #CCCCCC;
	padding-right: 10px;
	padding-left: 10px;
	border-collapse:collapse;
}
#tblLayout th {
	height: 30px;
	background-color: #abaeb1;
	color: #FFFFFF;
}
#tblLayout td {
	height: 22px;
}

.tdIndent {
	text-align: justify;
	padding-right: 10px;
	padding-left: 10px;
}
.tdCenter {
	text-align: center;
}
.tdIndentRight {
	padding-right: 10px;
	text-align: right;
}

/* END ADDITIONAL CODE */
	
/*Sub level menu items */
.suckerdiv ul li ul{
position: absolute;
width: 170px; /*sub menu width*/
top: 0;
visibility: hidden;
}


/* Sub level menu links style */
.suckerdiv ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: white;
font-size:11px;
text-decoration: none;
background-color:#0066CC;

/*padding-left: 10px;*/
border: 0px solid #ccc;
border-bottom: 0;
/*background-color:#76b8f9;*/
}

.suckerdiv ul li ul li a{
background-color:#76b8f9;


}

.suckerdiv ul li ul li a:hover{
background-color:#5ba9f6 ;

}

.suckerdiv ul li a:visited{
color:#fff;
}

.suckerdiv ul li a:hover{
background-color:#2e93f6;
/*background-color:#62aaf2;*/
}





.suckerdiv .subfolderstyle{
background: url(../media/arrow-list.gif) no-repeat center right;
}

	
/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }
/* End */

#myRight {
 float:right;
}

#myLeft {
 float:left;
}

#weather-forecast
{
	text-align: center;
	padding-bottom: 8px;
}





