@import "nav.css";

body {background:#E5E5E5 url(/images/body-bg.jpg) top left repeat-x;
	text-align:center;
	margin:0;
	padding:0;
	color:#494949;
	font-size:11px;
	font-family:"Trebuchet MS", verdana, arial, sans-serif;
	}

#container {
	margin:0 auto;
	width:798px;
	background:transparent;	
	text-align:left;
	padding:0;
	}	
	
#outer {width:798px;
	background:transparent url(/images/shadow.gif) 0 0 repeat-y;
	margin:0 0 30px 0;
	padding:0;
	border:0;
	position:relative;
	}	

#inner {padding:33px 28px 0 28px;
	margin:0;
	background:transparent url(/images/top-bg.gif) 0 0 no-repeat;
	}
	

#top {
	width:742px; 
	background:#fff;
}

#top #mainpic {
	margin:0 0 15px 0; 
	padding:12px 20px 19px 12px;
	clear:left; 
	background:transparent url(/images/rotator-bg.gif) top left no-repeat;
	width:505px; 
	height:195px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:473px;
	height:164px;
}
	#top #mainpic .flashupgrade {
		padding:10px;
	}
	#mainpic div.image-container {
		position: relative;
	}
		/* Rotator */
		#mainpic div.image-container .picture {
			position: absolute;
			top: 0;
			left: 0;
		}



#top #mainpic img {padding:12px 20px 19px 12px; padding:0;}
#top dl.submenu {
	width:230px;
	margin:0 0 0 0;
	padding:0 0 12px 0;
	border-bottom:2px solid #666;
	}

#top dt {
	display:block;
	background:#868686;
	margin:0 0 0px 0;
	padding:8px 0 5px 13px;
	font:10px "Trebuchet MS", verdana, arial, sans-serif; 
	color:white; 
	text-transform:uppercase; 
	height:29px;
	voice-family: "\"}\""; 
  voice-family: inherit;
	height:9px;
	}
html>body #top dt {height:9px; padding:8px 0 12px 13px;}

#top dd h2 {margin:0; padding:0 0 0 17px; background:transparent url(/images/arrow.gif) 0 50% no-repeat; font:bold 11px/1em "Trebuchet MS", verdana, arial, sans-serif; color:#3F77AF;}
#top dd h2 a {text-decoration:none; color:#3F77AF; border:0;}
#top dd h2 a:hover {text-decoration:none; color:#999; border:0;}
#top dd h2 a span {font-family:verdana, arial, sans-serif; font-weight:normal; color:#999;}
#top dl.submenu {
	margin-top:8px;
}
#top .submenu dd {margin:0; padding:0; border-bottom:1px solid #ccc;}
#top .submenu dd h2 {padding:0;}
#top .submenu dd h2 a {display:block; color:#3F77AF; padding:4px 0 5px 17px;}
#top /html>body .submenu dd h2 a:hover {background:transparent url(/images/sidebarmenu-bg.gif) left bottom repeat-x; color:#999;}
#top .submenu dd.first {border-top:1px solid #ccc;}
#top .submenu dd.active h2 {background:transparent url(/images/arrow-hover.gif) 0 50% no-repeat;}
#top .submenu dd.active h2 a {color:#999;}


#maincontent {
	position: relative;
	width:742px;
	margin:0;
	padding:0;
	border:1px solid white; /*bg-fix*/
	background: #fff;

	}

#maincontent ul a {color:#3F77AF; text-decoration:underline;}
#maincontent ul a:hover {color:#999;}
#maincontent a {text-decoration:underline; color:#3F77AF; border:0;}
#maincontent a:hover {text-decoration:underline; color:#999; border:0;}


/* Containers
--------------------------------------*/
.left500 {float:left; width:493px; border-bottom:2px solid #666; padding-bottom:30px;}
.right230 {float:right; width:230px;}
.left230 {float:left; width:230px;}
.clearboth {clear:both;}

/* Text-elements
--------------------------------------*/
h1 {font:15px "Trebuchet MS", verdana, arial, sans-serif; color:#225588; margin:0; padding:12px 0 8px 2px;
		background:transparent url(/images/hr-ptrn.gif) bottom left repeat-x;}
h1 a {color:#225588; text-decoration:underline;}
h1 a:hover {color:#666;}
h2 {font:bold 11px "Trebuchet MS", verdana, arial, sans-serif; margin:9px 0 9px 0; padding:0;}
h2.em {color:#cc0000;}
h2 a {color:#3F77AF; text-decoration:underline;}
h2 a:hover {color:#999;}
h3 {font:11px "Trebuchet MS", verdana, arial, sans-serif; color:#484848;}
h4 {font:10px "Trebuchet MS", verdana, arial, sans-serif; color:#7A7A7A;}

p {margin:0; padding:9px 0 0 2px; font:11px/1.6em "Trebuchet MS", verdana, arial, sans-serif; color:#484848;}
p img.align-left, p a img.align-left {float:left; clear:left; margin:5px 5px 5px 0; padding:5px; background:transparent url(/images/thumb-bg.gif) no-repeat;}
p img.align-right, p a img.align-right {float:right; clear:right; margin:5px 0 5px 5px; padding:5px; background:transparent url(/images/thumb-bg.gif) no-repeat;}
p a img {background-position:0;}
p a:hover img {background-position:0 -100px;}

img {border:0;}
form,ul,ol {margin:0; padding:0;}
ul li, ol li {list-style:none;}
form p {margin:0 0 10px 0; padding:0;}
form h2 {font-weight:bold; color:#666; margin:0; padding:0;}
select {margin:5px 0 0 0; font:11px "Trebuchet MS", verdana, arial, sans-serif;}
textarea,input {font:11px "Trebuchet MS", verdana, arial, sans-serif; padding:2px; border:1px solid #ddd; color:#666;}
input.textfield {width:250px;}
.link-list {margin:0px;}
.link-list li {margin:0 0 8px 0;}
.link-list img {margin-right:5px;}
.link-list a {font-weight:bold;}
	.link-list li { 
		line-height:20px;
		background-position: 0 50%;
		background-repeat: no-repeat;
		padding-left:20px;
	}
	
	
	
fieldset {border:1px solid #C5C5C5; margin-bottom:10px;}
.formbg {margin:0 0 20px 0; padding:10px 10px 15px 10px; background-color:#F3F3F3; border:1px solid #ddd;}
legend {padding:0 5px; font:bold 11px "Trebuchet MS", verdana, arial, sans-serif; color:#225588;}


/* Breadcrumseperator
--------------------------------------*/
h1 span {text-indent:-9999px;}
span.separator {width:20px; height:20px; background:transparent url(/images/bc-seperator.gif) 50% 50% no-repeat; margin:0; padding:0 6px 0 6px;}
.date {font:10px "Trebuchet MS", verdana, arial, sans-serif; color:#7A7A7A; font-style:italic;}
.hr {display:block; height:1px; background:transparent url(/images/hr-ptrn.gif) bottom left repeat-x; margin:15px 0 15px 0;}
.hr-thick {display:block; margin:30px 0 7px 0; padding:0; border-bottom:2px solid #666;}
.signinname {float:right; margin:0; padding:15px 0 0 0;}

/* Newsentries and reports
--------------------------------------*/
h1.noline {padding:12px 0 2px 2px; background:none;}
.entry {padding:0 0 15px 0;}
.entry a {text-decoration:underline; color:#3F77AF; border:0;}
.entry a:hover {text-decoration:underline; color:#999; border:0;}

.entry h4 {font:10px/1em "Trebuchet MS", verdana, arial, sans-serif; color:#7A7A7A; font-style:italic; margin:0; padding:0 0 10px 2px;
		background:transparent url(/images/hr-ptrn.gif) bottom left repeat-x;}
.entry p {margin:0; padding:7px 0 0 2px;}
.button, .entry a.read-more {display:block; font-size:11px; width:72px; height:18px; text-indent:-9999px; text-decoration:none; 
		margin:14px 0 0 0;	padding:0; border:0;}
.entry a.read-more {background:transparent url(/images/read-more.gif) 0 0 no-repeat;}
.entry a.read-more:hover {background:transparent url(/images/read-more.gif) 0 -18px no-repeat;}
.button:hover {cursor:pointer;}



#submit {background:transparent url(/images/submit.gif) 0 0 no-repeat; text-indent:-9999em;}
#submit:hover {background:transparent url(/images/submit.gif) 0 -18px no-repeat;}
#signin {background:transparent url(/images/signin.gif) 0 0 no-repeat; text-indent:-9999em;}
#signin:hover {background:transparent url(/images/signin.gif) 0 -18px no-repeat;}
#search-date {background:transparent url(/images/search-date.gif) 0 0 no-repeat; text-indent:-9999em;}
#search-date:hover {background:transparent url(/images/search-date.gif) 0 -18px no-repeat;}

/* Link-buttons
--------------------------------------*/
a.button {display:block; width:auto; height:18px; text-indent:-9999em;}
#add2ndTeam {width:113px; background:url(/images/add2ndTeam.gif) 0 0 no-repeat; text-indent:-9999em;}
#add2ndTeam:hover {background:url(/images/add2ndTeam.gif) 0 -18px no-repeat;}
#add3rdTeam {width:113px; background:url(/images/add3rdTeam.gif) 0 0 no-repeat; text-indent:-9999em;}
#add3rdTeam:hover {background:url(/images/add3rdTeam.gif) 0 -18px no-repeat;}
a.removeTeam {float:right; width:48px; background:url(/images/remove-team.gif) 0 0 no-repeat; text-indent:-9999em;}
a.removeTeam:hover {background:url(/images/remove-team.gif) 0 -18px no-repeat;}


img.viewimage {width:473px; height:312px; margin-bottom:8px; padding:12px 20px 19px 12px; background:transparent url(/images/image-bg.gif) top left no-repeat;}
img.viewimage-vertical {width:473px; height:624px; margin-bottom:8px; padding:12px 20px 19px 12px; background:transparent url(/images/image-vert-bg.gif) top left no-repeat;}


#preview-news {background:transparent url(/images/preview-news-bg.gif) 50% 50% no-repeat}
.edit {margin-bottom:5px; padding:0 0 0 20px; background:transparent url(/images/edit-icon.gif) 0 50% no-repeat;}

/* User-message - infobox for errormessages
--------------------------------------*/
.usermsg {margin:10px 0; padding:10px 7px; background-color:#E5E5E5;}
.usermsg p {margin:0; padding:0;}
.usermsg p.error {padding-left:15px; background:transparent url(/images/stop-icon.gif) 0 .3em no-repeat;}
.usermsg p.caution {padding-left:25px; background:transparent url(/images/caution-icon.gif) top left no-repeat;}

/* Box
--------------------------------------*/
.box {margin:10px 0; padding:10px; background:transparent url(/images/box-bg.gif) bottom left repeat-x;}
.box table td {vertical-align:top; padding:0 30px 0 0;}



/* Reports
--------------------------------------*/
#report-list {color:#666;}
#report-list li {margin:0; padding:8px 0 8px 5px; border-bottom:1px solid #ccc;}
#report-list h1 {padding-left:0;}
#report-list h2 {margin:0; padding:0; font-weight:normal; color:#3F77AF;}
#report-list h3 {margin:0; padding:0;}
#report-list h4 {line-height:0.8em; font-style:italic; padding:0px 0 2px 0; margin:0; color:#7A7A7A;}
#report-list p {margin:8px 0 8px 0; padding:0;}
#report-list.viewreport {padding:8px 0 8px 0;}

/* Station-picker */
#station-picker {padding:0;}
#station-picker div {margin:0 0 20px 0; padding:0 0 20px 0; border-bottom:1px solid #ccc;}
#station-picker div.clearboth {border:0; margin:0; padding:0;}
#station-picker h2 {margin:4px 0;}
#station-picker select {margin:0 10px 0 0;}


/* Resources
--------------------------------------*/
#specs {margin:10px 0 10px 0; padding:17px 5px 0 10px; background:#f7f7f7; color:#484848;
		font:11px "Trebuchet MS", verdana, arial, sans-serif;}
#specs ul {margin:0; padding:0;}
#specs ul li {margin:0; padding:0 0 3px 0;}

	
/* Sidebar
--------------------------------------*/
#sidebar dl {
	width:230px;
	margin:0 0 18px 0;
	padding:0 0 12px 0;
	border-bottom:2px solid #666;
	background:#fff url(/images/sidebar-dl-bg.gif) top left repeat-x;
	}

#sidebar dt {
	display:block;
	background:#868686;
	margin:0 0 27px 0;
	padding:8px 0 5px 13px;
	font:10px "Trebuchet MS", verdana, arial, sans-serif; 
	color:white; 
	text-transform:uppercase; 
	height:29px;
	voice-family: "\"}\""; 
  voice-family: inherit;
	height:9px;
	}
html>body #sidebar dt {height:9px; padding:8px 0 12px 13px;}

#sidebar #report-list dd {background:#F7F7F7 url(/images/sidebar-dd-bg.gif) bottom right no-repeat; margin:0; padding:.2em 0 .4em 0; zoom:1.0}

#sidebar dd h2 {margin:0; padding:0 0 0 17px; background:transparent url(/images/arrow.gif) 0 50% no-repeat;
		font:bold 11px/1em "Trebuchet MS", verdana, arial, sans-serif; color:#3F77AF;}
#sidebar dd h2 a {text-decoration:none; color:#3F77AF; border:0;}
#sidebar dd h2 a:hover {text-decoration:none; color:#999; border:0;}
#sidebar dd h2 a span {font-family:verdana, arial, sans-serif; font-weight:normal; color:#999;}
#sidebar dd h4 {font:10px/1em "Trebuchet MS", verdana, arial, sans-serif; color:#7A7A7A; font-style:italic; padding:7px 0 2px 17px; margin:0;}
#sidebar dd h3 {font:11px/1em "Trebuchet MS", verdana, arial, sans-serif; color:#484848; font-weight:normal; padding:4px 0 2px 17px; margin:0;}

/* submenu
--------------------------------------*/
.submenu {clear:left;}
#sidebar .submenu dd {margin:0; padding:0; border-bottom:1px solid #ccc;}
#sidebar .submenu dd dl {margin:0; padding:0 0 5px 0; border-top:1px solid #ccc; border-bottom:0; background:#f7f7f7;}
#sidebar .submenu dd dd {color:#3F77AF; border:0;}
#sidebar .submenu dd dd.active a {color:#d96042;}
#sidebar .submenu dd dd a {margin:0 0 0 18px; color:#3F77AF; text-decoration:none;}
#sidebar .submenu dd dd a:hover { background: #ddd; }

.submenu dd h2 {padding:0;}
.submenu dd h2 a {display:block; color:#3F77AF; padding:4px 0 5px 0;}
/html>body .submenu dd h2 a:hover {background:transparent url(/images/sidebarmenu-bg.gif) left bottom repeat-x; color:#999;}
.submenu dd.first {border-top:1px solid #ccc;}
.submenu dd.active h2 {background:transparent url(/images/arrow-hover.gif) 0 50% no-repeat;}
.submenu dd.active h2 a {color:#999;}
/* Advises and info
--------------------------------------*/

#sidebar ul#faq {
	float:left;
	width:230px;
	height:64px;
	margin:0 0 20px 0; 
	padding:0;
	background:transparent url(/images/advise-and-info.gif) top left no-repeat;
	}
#sidebar ul#faq li {display:block; float:left; list-style:none; width:100%; color:white; margin:0; clear:left;}
#sidebar ul#faq li h1 {font:normal 10px "Trebuchet MS", verdana, arial, sans-serif; color:white; margin:18px 0 0 0; padding:0 0 6px 13px; text-transform:uppercase; background:none;}
#sidebar ul#faq li a {font:bold 11px "Trebuchet MS", verdana, arial, sans-serif; line-height:23px; color:#3F77AF; margin:0; padding:0 0 0 15px; background:transparent url(/images/sidebar-dd-arrow.gif) 0 50% no-repeat;text-decoration:none;}



/* Stats
--------------------------------------*/
#stats dd {margin:0;
	padding:7px 10px 10px 16px;
	background:#F7F7F7 url(/images/sidebar-dd-bg.gif) bottom right no-repeat;
	font:11px/1em "Trebuchet MS", verdana, arial, sans-serif; color:#484848;
	}
#stats ul {margin:5px 0 0 0; padding:0 0 15px 0; clear:left;}
#stats ul li {float:left; font-style:italic;}
#stats li img {padding-right:6px;}

.timestamp {background:transparent url(/images/clock.gif) 0 50% no-repeat;
	padding:0 0 0 11px;
	margin:0;
}

/* Resource-elements
--------------------------------------*/
#m1 ul, #m2 ul {margin:15px 0 0 0; padding:0;}
#m1 li, #m2 li {list-style:none; margin:0 0 10px 0; padding:0; border:1px solid white; clear:left;}
#m1 div.img, #m2 div.img {float:left; margin:0 12px 0 0; padding:0; clear:left;}
div.img img {margin:0; padding:3px; background:transparent url(/images/thumb-small-bg.gif) 0 0 no-repeat;}
div.img a {background-position:0;}
div.img a:hover img {background-position:0 -61px;}
#m1 h3, #m2 h3 {font:11px/1em "Trebuchet MS", verdana, arial, sans-serif; color:#484848; font-weight:bold; margin:0 0 2px 0; padding:0;}
#m1 p, #m2 p {margin:0; padding:0;}
#m1 a.bullet, #m2 a.bullet {font:bold 11px/1em "Trebuchet MS", verdana, arial, sans-serif; color:#3F77AF; margin:0; padding:0 0 0 17px; 
		background:transparent url(/images/arrow.gif) 0 50% no-repeat; text-decoration:none;}



#footer {height:50px;
	background: url(/images/footer-bg.gif) bottom left no-repeat;
	margin:35px 0 0 0;
	padding:0 28px 12px 28px;
	}

#footer #rights {display:block;
	background: white url(/images/footer-logos.gif) right 50% no-repeat;
	font:10px "Trebuchet MS", verdana, arial, sans-serif; 
	color:#666;
	border-top:5px solid #666;
	margin:0;
	padding:9px 0 9px 0;
	}
	
#footer #rights h5, #footer #rights a {font:10px "Trebuchet MS", verdana, arial, sans-serif; 
																				text-decoration:none; color:#666; margin:0; padding:0;}
#footer #rights a:hover {color:#999;}
#footer img {position:relative; right:0;}