@charset "UTF-8";

/* Reset browser defaults */
@import url('reset.css');

.styles {
}

body{
	background: #ccc;
	font-size: 14px;
	color: #000;
	font-family: Tahoma, “Trebuchet MS”, Helvetica,  Arial, sans-serif;
	text-align: left;
	line-height: 18px;
}

#main{
	width: 974px;
	padding-top: 16px;
	margin-left: auto;
	margin-right: auto; 
}

.pic{
	padding: 15px;
	float: right;
	clear: both;
}

#header{
	background: #fff;
	width: 100%x;
	padding-top: 10px;
	margin: 0 14px 0 14px;
}

#logo{
	width: 350px;
	float: left;
	margin-bottom: 16px;
	margin-left: 16px;
}

#languages{
	margin-right: 14px;
	float: right;
}

.languages-item{
 	width: 25px;
	margin-left: 10px;
	float: left;
}

#nav-under{
	width: 100%;
}

#middle{
	background: #fff;
	width: 100%x;
	margin: 0 14px 0 14px;
}

#banner{
	width: 915px;
	margin: 0 auto;
}

.text{
	width: 915px;
	margin: 0 auto;
	padding-top: 14px;
	padding-bottom: 14px;
}

#background{
	width: 100%;
	background:url(img/bkgd.png);
}

#left{
	width: 517px;
	margin-left: 14px;
	padding-top: 14px;
	padding-bottom: 14px;
	padding-right: 14px;
	float: left;
	border-right: dotted 1px gray;
}

#left2{
	width: 676px;
	margin-left: 14px;
	padding-top: 14px;
	padding-bottom: 14px;
	padding-right: 14px;
	float: left;
	border-right: dotted 1px gray;
}

#mid{
	width: 146px;
	padding-top: 14px;
	margin-left: 14px;
	float: left;
}

.mid img{
	margin-right: 10px;
	margin-right: 10px;
	float:left;
}

#right{
	/*width: 226px;*/
	width: 210px;
	padding-top: 14px;
	margin-left: 14px;
	float: left;
}

.text-right{
	font-size: 14px;
	color: #fff;
	font-family: Tahoma, “Trebuchet MS”, Helvetica,  Arial, sans-serif;
	text-align: left;
}

#twitter{
	width: 240px;
	height: 237px;
	background-image:url(img/mw-twitter.png)
}

.right-text{
	/*width: 180px;*/
	width: 88%;
	/*padding: 0 14px 14px 14px;*/
	padding: 0 6% 14px 6%;
	margin-right:14px;
	border-bottom: dotted 1px white;
	font-size: 12px;
	color: #000;
	line-height: 18px;
}

#footer{
	width: 100%;
}

#footer-blue{
	width: 100%;
	background: #00B6F1;
}

.footer-text{
	width: 290px;
	font-size: 12px;
	margin-left: 14px;
	margin-bottom: 14px;
	color: #fff;
	text-align: left;
	float: left;
}

.footer-text-first{
	width: 290px;
	font-size: 12px;
	margin-bottom: 14px;
	color: #fff;
	text-align: left;
	float: left;
}

#footer-under{
	background: #fff;
	width: 100%x;
	margin: 0 14px 0 14px;
}

#footer a:link {text-decoration: none; color: #fff;
}

#footer a:visited {text-decoration: none; color: #fff;
}

#footer a:active {text-decoration: none; color: #fff;
}

#footer a:hover {text-decoration: underline; color: #fff;
} 

ul.a {
	list-style-type:circle;
	padding-left:15px;
}

ul.b {
	list-style-type:none;
}

ul.b> li:before {
	content: "\00BB \0020";
}
	
/* -----------------------------
	   MAIN NAVIGATION                  */
	

#nav_container {
	margin:0;
	width: 100%;
	background: #000;	
}

#navbar {
	margin: 0;
	padding: 0;
	height: 32px;
	z-index: 2;/*compensating for jquery messing up the z-index during fadein/fadeout*/
}

#navbar>li {
	list-style: none;
	float: left; 
	padding: 0 60px;
	border-left: dotted 1px white;
}

#navbar>li:first-child {
border-left:none;
}

#navbar li a {
	display: block;
	padding: 6px 8px;
	background-color: #000;
	font-size: 20px;
	font-weight: normal;
	color: #fff;
	text-decoration: none; 
}

#navbar li ul {
	display: none; 
	width: 10em; /* Width to help Opera out */
	background-color: #fff;
}
	
#navbar li:hover ul {
	display: block;
	position: absolute;
	margin: 0;
	padding: 0; 
}

#navbar li:hover li {
	float: none; 
}

#navbar li:hover li a {
	background-color: #F2F2F2;
	border-bottom: 1px dotted #ccc;
		font-size: 13px;
	color: #000; 
}

#navbar li li a:hover {
	background-color: #ccc; 
}


/* -----------------------------
	   LINKS                  */
	
A:link {text-decoration: none; color: #00B6F1;
}

A:visited {text-decoration: none; color: #00B6F1;
}

A:active {text-decoration: none; color: #00B6F1;
}

A:hover {text-decoration: underline; color: #00B6F1;
}


/* -----------------------------
	   TEXT STYLES                 */
	   
.text-sm{
	font-size: 12px;
	color: #666666;
	padding-left: 14px;
	padding-bottom: 14px;
	font-family: Tahoma, “Trebuchet MS”, Helvetica,  Arial, sans-serif;
	text-align: left;
}

.title{
	font-size: 20px;
	color: #00B6F1;
	font-family: Tahoma, “Trebuchet MS”, Helvetica,  Arial, sans-serif;
	text-align: left;
}

.title-white{
	font-size: 20px;
	color: #fff;
	font-family: Tahoma, “Trebuchet MS”, Helvetica,  Arial, sans-serif;
	text-align: left;
	margin-bottom: 10px;
}

/* -----------------------------
	   OTHER                  */

div.border_cleaner{
       clear:both;
       visibility: hidden;
       height:0px;
       line-height:0px;
       font-size:0px;
}


/* -----------------------------
	   FRIDAY                 */

#slider{}	
#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider li{ 
	width:915px;
	height:224px;
	overflow:hidden; 
	}	
#prevBtn, #nextBtn{ 
	display:block;
	width:30px;
	height:77px;
	position:absolute;
	left:-30px;
	top:71px;
	}	
#nextBtn{ 
	left:696px;
	}														
#prevBtn a, #nextBtn a{  
	display:block;
	width:30px;
	height:77px;
	background:url(images/btn_prev.gif) no-repeat 0 0;	
	}	
#nextBtn a{ 
	background:url(images/btn_next.gif) no-repeat 0 0;	
	}