/* CSS Document */

/*PAGE LAYOUT*/

#container {
width:800px;
padding: 0 ;
position:relative;
margin-left: auto; 
margin-right: auto;
}

html, body {
background-color:#c4c4c4;
padding: 0px 0px 0px 0px;
margin-top: 0px; 
margin-bottom: 0px;
}

.panel{
border:solid 1px #666666;
background-color:#F7F7F7;
padding:0px;
margin-top: 0px;
margin-bottom: 0px;
height: auto;
}
	
.clear { clear:both; }


/* HEADER */

#header{
	float:right;
	width:800px;
	height:255px;
	background-image:url(../images/bg_header.jpg);
}

#headertop{ height:26px; background-color:#565655; }

#logo{
	background-image:url(../images/W-itch.png);
	width: 400px;
	height:230px;
 	background-repeat: no-repeat;
	background-position: right;
}

/* CONTENT*/

#content{
	width:800px;
	background-color:#FFFFFF;
	margin-top:auto;
}

#contentpanel{
	float:left;
	width:500px;
	margin: 20px 0 0 40px;
}

#rpanel{
	float:right;
	width:210px;
	margin-top: 20px;
	padding-right: 15px;
}

.grpanel{
	border:solid 1px #666666;
	background-color:#F7F7F7;
	padding:10px;
	margin:10px;
	margin-top: 50px;
}

#toplinks{
	position:absolute;
	right:10px;
	top:9px;
}

.portpanel{
	float:left;
	width:300px;
	height: 80px;
	margin-top: 10px;
}

.portpaneltxt{
	float:left;
	width:375px;
	height: 80px;
	margin-top: 10px;
}

#contentwidth{
	float:left;
	width:700px;
	margin: 20px 0 0 40px;
}

#content2{
	float:left;
	width:700px;
	margin: 10px 0 0 40px;
}
#content3{
	float:left;
	width:700px;
	margin: 10px 0 0 40px;
}

/*MENU LAYOUT*/

#menu{
float: left;
width:800px;
background-color:#f0f0f0;
padding:0 0 0 0;
text-align: center;
}

#nav, #nav ul {
padding: 0;
list-style: none;
cursor: pointer;
}

#nav li {
float: left; 
width: 110px;
cursor: pointer;
}

#nav ul {
position: absolute;
width: 120px;
left: -1000px;
cursor: pointer;
}

#nav li:hover ul, #nav li.ie_does_hover ul {
left: auto;
background-position: 0 0;
cursor: pointer;
}

#nav a {
display: block;
margin: 0px 5px 7px 5px;
text-decoration: none;
font: 0.7em Tahoma, sans-serif;
font-size: 11px;
font-weight:bold;
color:#CC0000;
cursor: pointer;
}

ul a{
font-weight: bold;
color: #CC0000;
cursor: default;
}

ul ul a:link, ul ul a:visited{
font-weight: bold;
color: #CC0000;
cursor: pointer;
}

ul ul a:hover, ul ul a:active{
font-weight: bold;
cursor: pointer;
text-decoration:none;
}

ul ul li{
background-color:#f0f0f0;
border-top: 3px;
border-left: 0;
margin-top:1px;
}

/* IE only hack \*/
* html ul li, * html ul ul li{
border-bottom: 3px;
}

* html ul ul li{
border-top: 0;
}

/*TEXT STYLES*/
.bodytext {
	font: 0.8em Tahoma, sans-serif;
	line-height: 20px;
	text-align:justify;
	color: #666666;
}
.titletext {
	font: 0.7em Tahoma, sans-serif;
	font-size:36px;
	font-weight:bold;
	color:#CC0000;
}
.whitetitle {
	font: 0.7em Tahoma, sans-serif;
	font-size:36px;
	font-weight:bold;
	color:#FFFFFF;
}
h1 {
	font: 0.7em Tahoma, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#CC0000;
}

.smalltitle {
	font: 0.7em Tahoma, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#CC0000;
}

.smallwhitetext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #FFFFFF;
	text-decoration:none;
}
.smallwhitetext a{
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #FFFFFF;
	text-decoration:none;
}
.smallwhitetext a:hover{
	text-decoration:underline; }

.linktxt {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#CC0000;
	text-decoration:none;
}
.linktxt a{
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#CC0000;
	text-decoration: none;
}
.linktxt a:hover{
	text-decoration:underline; }

/* NEWS */

#contentnws{
	float:left;
	width:700px;
	margin: 35px 0 0 40px;
}

.news {
	font: 11px Tahoma, sans-serif;
	line-height: 18px;
	text-align: left;
	color: #666666;
}
.newsheader {
	font: 11px Tahoma, sans-serif;
	font-weight:bold;
	color:#666666;
	text-align:left
}

.date {
	font: 11px Tahoma, sans-serif;
	font-weight:bold;
	color:#cc0000;
	text-align:left
}

.readmore {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:normal;
	color:#CC0000;
	text-decoration:none;
}

.readmore a{
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:normal;
	color:#CC0000;
	text-decoration: none;
}
.readmore a:hover{
	text-decoration:underline;
}

/* FOOTER */

#footer {
	float: inherit;
	position:relative;
	padding-top:6px; 
	margin:0px;
	background-color:#565655;
	border-left: 1px solid #666666;
	height: 40px;
	width: 799px;
	}

.footer {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #FFFFFF;
	text-decoration:none;
	text-align:center;
	}

.footer a{
	font: 0.7em Tahoma, sans-serif;
	font-size: 10px;
	font-weight:normal;
	color:#FFFFFF;
	text-decoration: none;
	
}
.footer a:hover{
	text-decoration:underline;
}

.clearfooter { height: 26px;  clear: both;}