/**********************
Basic Tags Definition
**********************/

* {margin: 0; padding: 0; outline: 0;}

html {height: 100.1%; font-size: 100.01%;}

p, ul, ol, table {line-height: inherit; margin: 0 0 .67em 0;}

ul, ol {list-style: none;}
table {border-collapse: collapse; border-spacing: 0;}

img, fieldset, abbr, acronym {border: 0;}

address, caption, cite, code, dfn, th, var {font-style: normal; font-weight: normal;}

strong {font-weight: bold;}
em {font-style: italic;}

caption, th {text-align: left;}
q:before, q:after {content: '';}


/**********************
Headings
**********************/

h1, h2, h3, h4, h5, h6 {line-height: normal; font-weight: normal;}
h1.main {
	background: url(../img/bg_h1.gif) repeat-x 0 bottom;
	color: #005b70;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2.83em;
	margin-bottom: 12px;
	padding-bottom: 10px;
}
h2 {
	color: #00718c;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	margin: 21px 0 12px 0;
}
h3 {
	color: #00718c;
	font-size: 1.17em;
	font-weight: bold;
	margin: 16px 0 0 0;
}
h4 {font-size: 1em;}
h5 {font-size: .92em;}
h6 {font-size: .88em;}

h1.top, h2.top, h3.top, h4.top, h5.top, h6.top,
#body h2:first-child, #body h3:first-child, #body h4:first-child {margin-top: 0 !important;}


/**********************
Anchors
**********************/

a, a:link, a:active, a:visited {color: #005b70; text-decoration: underline;}
a:hover {color: #008cad; text-decoration: underline;}


/**********************
Main Structure
**********************/

body {
	background: #17424c url(../img/bg.gif) repeat-x 0 0;
	color: #666;
	font: 75% Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.33em;
	min-height: 100.1%;
	text-align: center;
}

#wrap {
	margin: auto;
	text-align: left;
	width: 870px;
	position: relative;
}

#header {
	background: url(../img/bg_header.jpg) no-repeat 0 0;
	height: 170px; width: 870px;
}
	#logo {margin: 0;}

	#logo a {
		background: url(../img/logo.gif) no-repeat 0 0;
		height: auto; width: auto;
		position: absolute;
		top: 0; left: 0;
	}
	#tagline {display: none;}

#body {
	background: url(../img/bg_body.gif) repeat-y 0 0;
	min-height: 500px; height: auto !important; height: 500px;
	width: 870px;
}
	#body #content {
		background: url(../img/bg_content.gif) repeat-x 0 0;
		margin: 0 15px;
		width: 840px;
	}
	
	#col-l {
		float: left; display: inline;
		line-height: 1.5em;
		padding: 40px 30px;
		width: 530px;
	}
	#col-r {
		float: left; display: inline;
		padding: 10px 0 0 0;
		width: 250px;;
	}

#footer {
	background: url(../img/bg_footer.gif) no-repeat 0 0;
	color: #ccf1f4;
	height: auto; width: 820px;
	font-size: .92em;
	padding: 15px 25px;
}


/**********************
General Elements
**********************/

#footer p.copy {float: left;}

p#header-pic {
	background: url(../img/bg_h1.gif) repeat-x 0 bottom;
	margin: -40px -30px 2.5em -30px;
	padding: 10px 10px 11px 10px;
}
p#header-pic img {
	display: block;
	width: 570px;
}

#col-l.theme0 {
	padding-left: 20px;
	padding-right: 20px;
	width: 550px;
}
#big-img {
	background: #f8f8f8 url(../img/loading.gif) no-repeat center center;
	border: 1px solid #ccc;
	height: 357px;
	padding: 6px;
}
#big-img img, ul#img-list img {
	display: block;
}
ul#img-list {
	background: url(../img/bg_h1.gif) repeat-x 0 0;
	float: left; display: inline;
	margin: 0 0 0 -2px;
	padding-top: .7em;
	width: 552px;
}
ul#img-list li {
	float: left; display: inline;
	margin: 0 0 2px 2px;
}
ul#img-list a {
	float: left;
	background: #f8f8f8;
	border: 1px solid #ccc;
	padding: 3px;
	-moz-opacity: 0.75; opacity: 0.75; filter: alpha(Opacity=75);
}
ul#img-list a:hover {
	background: #f2d8a9;
	border: 1px solid #f90;
	-moz-opacity: 1; opacity: 1; filter: alpha(Opacity=100);
}

p#pic-name {
	color: #666;
	font-size: .92em;
	font-weight: bold;
	margin-bottom: .2em;
	text-align: center;
}

table#wtable {
	margin: auto;
}

table#weathertab {
	background: #E0F0F1;
	color: #000;
	font-size: .92em;
	margin: auto auto 2em auto;
	width: 100%;
}
table#weathertab td {
	padding: 2px 5px;
}


/**********************
Navigation
**********************/

ul.nav {margin-bottom: 0;}
ul.nav li.first, ul.nav li.last {border: 0 !important;}
ul.nav li.first:before {content: "" !important;}
ul.nav a.active {cursor: default;}


/* Main Nav */
#nav {
	background: url(../img/bg_body.gif) repeat-y 0 0;
	height: 35px; width: 870px;
	padding: 0 15px;
}
#nav ul.nav {
	background: url(../img/bg_nav.gif) repeat-x 0 0;
	height: 35px; width: 840px;
	text-align: center;
}
#nav ul.nav li {
	display: inline;
}
#nav ul.nav a {
	color: #ccf1f4;
	font-weight: bold;
	line-height: 35px;
	text-decoration: none;
	padding: 4px 0;
}
#nav ul.nav a span {
	padding: 4px 10px;
}
#nav ul.nav a:hover, #nav ul.nav a.active {
	background: #00566a url(../img/bg_nav-bt-l.gif) no-repeat 0 0;
	color: #fff;
}
#nav ul.nav a.active {
	background: #ff9833 url(../img/bg_nav-bt-act-l.gif) no-repeat 0 0;
}
#nav ul.nav a:hover span {
	background: url(../img/bg_nav-bt-r.gif) no-repeat right 0;
}
#nav ul.nav a.active span {
	background: url(../img/bg_nav-bt-act-r.gif) no-repeat right 0;
}

/* sec. nav */
#col-r ul.nav {
	background: #fff;
	margin-bottom: 2em;
}
#col-r ul.nav a {
	background: url(../img/bg_bt-navr.gif) no-repeat 0 -40px;
	display: block;
	font: 1.33em Arial, Helvetica, sans-serif;
	line-height: 40px;
	padding: 0 0 0 40px;
	text-decoration: none;
}
#col-r ul.nav a:hover, #col-r ul.nav a.active {
	background-position: 0 0;
	color: #fff;
}
#col-r ul.nav ul {
	border-bottom: 1px solid #ccc;
	margin: 0;
	padding: .67em 0 1em 0;
}
#col-r ul.nav ul li a {
	background: url(../img/bullet.gif) no-repeat 10px 6px !important;
	line-height: 2em;
}
#col-r ul.nav ul li a:hover {
	color: #FF9900;
}


/* footer nav */
#footer ul.nav {
	float: right;
}
#footer ul.nav a {
	color: #fff;
}
#footer ul.nav li {
	float: left; display: inline;
	margin: 0 0 0 8px;
}
#footer ul.nav li:before {
	content: "|";
	padding-right: 8px;
}


/**********************
General Forms
**********************/

input, select, textarea, button {
	font-size: 1em;
	line-height: 1.17em;
	font-family: Arial, Helvetica, sans-serif;
	width: auto;
}
input, select {vertical-align: middle;}
textarea {overflow: auto; height: auto;}
button {
	background: none;
	border: 0;
	cursor: pointer;
	text-align: center;
}

input.text,
select.select,
textarea.textarea
{
	border: 1px solid #ded9b1;
	color: #000;
	font-size: 1em;
}
button.button {
	background: url(../img/bg_button.png) no-repeat 0 0 !important;
	background: url(../img/bg_button.gif) no-repeat 0 0;
	color: #666;
	height: auto; width: auto;
	line-height: 30px;
}

input.text {width: 195px;}
select.select {width: 200px;}
textarea.textarea {width: 195px;}


/**********************
Common Classes / Misc.
**********************/

p.p0 {margin: 2em 0;}

/* - Image Alignment - e = east, n = north, ne = north-east, se = south-east, etc */
img.e, img.w, img.ne, img.nw, img.se, img.sw {display: block;}
img.e  { float: right;	margin: 1.5em 0 1.5em 1.5em;	}
img.w  { float: left;	margin: 1.5em 1.5em 1.5em 0;	}
img.ne { float: right;	margin: 0 0 1.5em 1.5em;	}
img.nw { float: left;   margin: 0 1.5em 1.5em 0;	}
img.se { float: right;	margin: 1.5em 0 0 1.5em;	}
img.sw { float: left;	margin: 1.5em 1.5em 0 0;	}

img.flag {margin-right: 6px; vertical-align: middle;}

.fl, .wrap {float: left;}
.wrap {clear: both; display: inline; position: relative;}
.fr {float: right;}
.clear {clear: both;}

.hidden {display: none;}
.replace {display: block; text-indent: -10000px; line-height: 0;}
.nomargin {margin-bottom: 0 !important;}
.noborder {border: 0 !important;}

.l {text-align: left;}
.c {text-align: center;}
.r {text-align: right;}