/* CSS Document */

body {
	margin: 0 auto;
	padding: 0;
	line-height: 1.5em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	background:#ffffff url(../images/ws_main_bg.jpg) repeat-x;
	width:100%;
}

a:link, a:visited { color: #000; text-decoration: underline; } 
a:active, a:hover { color: #2da3e9; text-decoration:none; } 

/* DEGREE */

#degree{
width:100%;
margin:0;
padding:0;
position:relative;
height:40px;
}
#degree .dgr_container{
width:98%;
margin:0 auto;
padding:0;
}
.degree_overlay {
position: absolute;
top: 0;  /*These positions makes sure that the overlay */
bottom: 0; /* will cover the entire parent */
left: 0;
width: 100%;
background: #000000;
opacity: 0.5;
-moz-opacity: 0.5; /* older Gecko-based browsers */
/*filter:alpha(opacity=50);  For IE6&7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); /* For IE5-7 */
}
*html .degree_overlay {
height:40px;
padding:0;
}
#degree .dgr_left{
width:300px;
float: left;
margin-top:10px;
}
#degree .dgr_right{
width:500px;
float: right;
text-align:right;
}
#degree span{
position:relative;
color:#fff;
font-size:12px;
}
#degree .temperature{
font-size:36px;
font-weight:bold;
float:right;
margin-left:0;
line-height:36px;
}
#degree .update{
float:left;
width:80%;
}
#degree .update .doNotPrint{
float:none;
}
/* HEADER */

#header {
	width: 100%;
	height:60px;
	margin:10px auto 10px auto;
	padding-top:10px;
	/*background: url(images/ws_header_bg.gif) no-repeat;*/
}
#header .headerleft{
float:left;
width: 398px;
}
#header .headerright{
float:right;
width:500px;
position:relative;
margin-right:10px;
margin-top:-10px;
}
*html #header .headerright{
height:55px;
width:460px;
margin-right:0px;
}
.headerright_overlay {
position: absolute;
top: 0;  /*These positions makes sure that the overlay */
bottom: 0; /* will cover the entire parent */
left: 0;
width: 100%;
	background:#fff;
	opacity: 0.5;
	-moz-opacity: 0.5; /* older Gecko-based browsers */
	/*filter:alpha(opacity=50);  For IE6&7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); /* For IE5-7 */
}
* html .headerright_overlay {
height:30px;
}
#header .headerright div, #header .headerright div a{
font-size:13px;
font-style: italic;
position:relative;
font-weight:bold;
color:#000;
padding:0.01em 5px;
text-align:center;
text-decoration:none;
}

#site_logo {
	float:left;
	width: 474px;
	height: 51px;
	background: url(../images/logo.png) top left no-repeat;
}
.menu_overlay {
position: absolute;
top: 0;  /*These positions makes sure that the overlay */
bottom: 0; /* will cover the entire parent */
left: 0;
width: 100%;
background:#fff;
opacity: 0.5;
-moz-opacity: 0.5; /* older Gecko-based browsers */
/*filter:alpha(opacity=50);  For IE6&7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); /* For IE5-7 */
}

/* QUICK CONTACT */

#quickcontact{
margin:20px 0 0 0;
color:#000;
float:left;
}
#quickcontact ul {
	margin: 0;
padding:20px 0 20px 0;
	list-style-type: none;
}
#quickcontact li {
	display: block;
	list-style: none;
	font-size:10px;
	float:left;
	height:auto;
	margin:0;
}
#quickcontact li b.phone{
background:url(../images/phone-icon.gif) top left no-repeat;
padding-left:20px; width:18px;
}
#quickcontact li b.mobile{
background:url(../images/mobile-icon.gif) top left no-repeat;
width:18px; padding-left:20px;
}
#quickcontact li b.email{
background:url(../images/email-icon.gif) top left no-repeat;
width:18px; padding-left:20px;
}
#quickcontact li b.web{
background:url(../images/web-icon.gif) top left no-repeat;
width:18px; padding-left:20px;
}
#quickcontact li a{
color:#000 !important;
font-weight:normal !important;
text-decoration:none;
display:inline;
}
#quickcontact li a:hover{
text-decoration:underline;
background:none;
}

/* MAIN-COPY */
.overlay{
position: absolute;
top: 0; /* These positions makes sure that the overlay */
bottom: 0; /* will cover the entire parent */
left: 0;
width: 100%;
background: #fff;
opacity: 0.5;
-moz-opacity: 0.5; /* older Gecko-based browsers */
filter:alpha(opacity=50); /* For IE6&7 */
}
/* Let's compensate for IE6's inability to interpret top: 0; and bottom: 0; */
/* html .overlay { height: expression(document.getElementById("main-copy").offsetHeight);  
z-index:400; position:relative;
}*/

#bom iframe{
width:100%;
height:600px;
overflow:auto;
position:relative;
z-index:400;
}
* html #bom iframe{
width:96%;
height:600px;
overflow:auto;
position:relative;
z-index:400;
}