body {
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 82%;
  color: #000066;
  text-decoration: none;
  position:relative;
  margin: 0;
  padding: 0;
  width: 100%;
}

a:link {color: #3366BB;}
a:visited {color: #3366BB;}
a:hover {color: blue;}

td {font-size: 82%;}

h1 {font-size: 180%;}

h2 {font-size: 135%;}

h3 {font-size: 125%;}

h4 {font-size: 115%;}

h5 {font-size: 100%;}

a img {border: none;}

tt {color: black; font-size:110%}

hr {height:1px; border: 0px; border-top: 1px solid #00549e; background: solid white; margin: 0px 5% 0px 5%}

#content {
  position: relative;
  float: right;
	width: 100%;
	margin: 0;
  font-size: 90%; 
  line-height: 1.4;
}

.readmorelink {font-size: 80%; font-weight: 700; text-decoration: none; margin-top: 0.8em}

table.texttable td {font-size: 100%; border: 0px}

table.headingtable th {
  text-align: center;
	font-size: 80%;
	background-color: #E4E4E4;
}

table.headingtable td {
	font-size: 80%;
}

table.bordertable {
	font-size: 120%;
	border-width: 4px;
	border-style: double;
	border-color: black;
	border-collapse: collapse;
}
table.bordertable th {
	border-width: 1px;
	border-style: solid;
	border-color: #bbb;
	text-align: center;
	font-size: 90%;
	background-color: #E4E4E4;
}
table.bordertable td {
	border-width: 1px;
	border-style: solid;
	border-color: #bbb;
}

.spacerline {
  margin-top: 0.5em;
}

.faqhead {
	font-size: 115%;
	font-weight: 700;
}

.faqtext {
	padding-top: 10px;
	padding-bottom: 20px;
	text-align: justify; 
}

.extlink {
  padding-top: 0.3em;
	padding-bottom: 0.3em;
}

#textframe {
  background-color: #FAFAFF;
  line-height: 1.4em;
  border:solid 1px #C6DCEC; padding:10 12 10 12; border-left:solid 8px #C6DCEC;
}

/*
  ARSO weather parsing
*/

.arso div.datum {font-size: 75%}
.arso table {
	width: 100%;
	border: 1px solid;
	margin-top: 0.5em;
	border-collapse: collapse;
	border-color: #eef;
}
.arso td {
	font-size: 75%;
	padding: 6px 12px 6px 12px; 
	border: 1px solid;
	vertical-align: top;
	text-align: right;
	border-color: #eef;
}
.arso td.onlineimena {
	font-style: italic;
}
.arso td.onlinelevo {
	text-align: left;
}
.arso div {
	margin-top: 0px;
	margin-bottom: 0px;
}
.arso h4 {
	margin-top: 0.7em;
	margin-bottom: 0px;
	font-size: 100%;
}

/*
  PAGE TOP HEADER
*/

#topheader {
	padding: 0px;
	margin: 0px;
	background-image: url(images/header_topback.gif);
	background-repeat: repeat-x;
	width: 100%;
	height: 159px;
	min-width: 750px;
}
#topheader td {
	padding: 0px;
}
#headerleftimage {
  background-image: url(images/header_toplight.jpg);
  padding: 0px;
  width: 197px;
  height: 159px;
  z-index:2;
}
#headerlogoimage {
	background-image: url(images/header_logo_big.gif);
	position: absolute;
	top: 8px;
	left: 0px;
  width: 310px;
  height: 152px;
  z-index:3;
}
#headercenterimage {
  background-image: url(images/header_topsunflare.jpg);
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 159px;
  padding: 0px;
}
#headerrightimage {
	position: relative;
	float: right;
	top: 0px;
	right: 0px;
  width: 304px;
  height: 159px;
  z-index:2;
}
#headershadow {
  background-image: url(images/header_shadow.gif);
  height: 12px;
  background-repeat: repeat-x;
}


/*
  HORIZONTAL MENU
*/

#navbar ul { 
	padding:0;
	margin: 0 0 0px 0;
	background:#166fa6 url(images/navbar_smallblueglassbar.gif) repeat-x right top;
  width: 100%;	
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 8pt; 
  font-weight:700;
  text-align: center; 
  height: 21px;
} 
#navbar ul li {  
  background: url(images/navbar_smallblueglasssep.gif) no-repeat left top;
  display: inline;
  list-style: none; 
  padding: 1px 0px 0px 2px;
  line-height: 21px;
} 
#navbar ul li a { 
  text-decoration: none; 
  padding: 3px 0.6em 3px 0.9em;
  color: white; 
} 
#navbar ul li a:hover { 
  background-image: url(images/navbar_smallblueglasshot.gif);
  background-repeat:repeat-x;
}


/*
  PAGE BOTTOM FOOTER
*/

#footer {
  background: #347E8C;
  background-image: url(images/footer_blueglassbar.gif);
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  clear: both;
  font-size: 11px; 
  text-decoration: none;
  color: white;
  margin-top: 12px;
  height: 24px;
  width: 100%;
}
#footerlink {
	color: white;
	text-decoration: none;
}

#footeraddress {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 10px; 
  text-decoration: none;
  text-align: center;
  padding-top: 0.4em;
  padding-bottom: 0.4em;
  background-color: #f0f0ff;
  width: 100%;
}


/*
  VERTICAL MENU
*/

.urbangreymenu {
  width: 100%; /* width of menu */
  margin: 0;
  margin-bottom: 20px; 
}
.urbangreymenu .headerbar {
  font: bold 104% Verdana, Arial, Helvetica, sans-serif; 
  color: white;
  background: #145098 url(images/menu_glassbar.gif) repeat-x; /* last 2 values are the x and y coordinates of bullet image */
  margin-top: 0px;
  margin-bottom: 0; /* bottom spacing between header and rest of content */
  text-transform: uppercase;
  padding: 5px 0 5px 16px; /* 31px is left indentation of header text */
}
.urbangreymenu .spacerbar {
  padding: 0.9em 0 0 0;
}
.urbangreymenu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  margin-bottom: 0; /* bottom spacing between each UL and rest of content */
}

.urbangreymenu ul li {
  padding-bottom: 2px; /* bottom spacing between menu items */
}

.urbangreymenu ul li a {
  font: Verdana, Arial, Helvetica, sans-serif; 
  color: black;
  background: #F0F0FF;
  display: block;
  padding: 5px 0;
  line-height: 1.3em;
  padding-left: 8px; /* link text is indented 8px */
  text-decoration: none;
}

.urbangreymenu ul li a:visited {
  color: black;
}

.urbangreymenu ul li a:hover { /* hover state CSS */
  color: white;
  background: #202080;
}