/*****************************************HM .CSS**************************************************************/
@charset "utf-8";
/* CSS Document */
*{ 	
 margin: 0;
 padding: 0;
}
html {
height:100%;
width:100%;
}
p{
margin:0px;
padding-left:0px;
padding-right:0px;
padding-top:0px;
padding-bottom:13px;
}
a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #898989;
	text-decoration:none;
		font-weight:normal;
}
a:hover{
	
		text-decoration:underline;
		}
body {
	background-image: url(images/bkg.jpg);
	background-repeat: repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding:0px;
	background-color: #ECECEC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

#wrapper {
width:1020px;
margin-left:auto;
margin-right:auto;
height:800px;
}

#header{
width:980px;
height:367px;
margin-left:auto;
margin-right:auto;
}
.headleft{
float:left;
width:147px;
height:367px;
}
.headright{
float:left;
width:833px;
height:367px;
padding-top:12px;
}
.loginbtn{
background-image:url(images/login.jpg);
background-repeat:no-repeat;
width:46px;
height:20px;
display:block;
}
.head1{
float:left;
width:746px;
}
.head2{
float:right;
width:80px;
padding-top:28px;
text-align:right;
}
.navigation{
height:54px;
background-image:url(images/navbkg.jpg);
background-repeat:no-repeat;
overflow:hidden;
}
.flashheader{
text-align:right;
}
.mattblacktabs{
width:730px;
height:43px;
margin-left:9px;
margin-top:4px;
}

.mattblacktabs ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.mattblacktabs li{
display: inline;
margin: 0;

}

.mattblacktabs li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
color: #464646;
height:34px;
line-height:34px;
padding-left:20px; padding-right:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}

.mattblacktabs li a:visited{

}

.mattblacktabs li a:hover, .mattblacktabs li.active a{
color: #000000;
background-image:url(images/btn_over.jpg);
background-position:top left;
background-repeat:repeat-x;
display:block;
text-decoration: none;
border-left:1px solid #C3C3C3;
border-right:1px solid #C3C3C3;
padding-left:19px; padding-right:19px;
}
.arrowavtive {
background-image:url(images/arrow.jpg);
background-position:bottom center;
background-repeat:no-repeat;
height:43px;
display:block;
}
.bluebirdlogo{
background-image:url(images/bluebird_logo.png);
background-repeat:no-repeat;
width:130px;
height:95px;
margin-top:76px;
margin-left:8px;
display:block;
}
.topflashdiv{
width:818px; 
margin-left:98px;
margin-top:10px;
height:386px;
position:absolute;
}
.loginpanel{
float:right;
color:#FFFFFF;
width:60px;
}
.headercontnt{
width:750px;
height:44px;
z-index:2;
float:left;
}
.bigtxtcontnt{
float:right;
width:600px;
height:250px;
margin-top:56px;
}
.flashnav{
float:left;
}
.clear{
clear:both;
}
#main{
width:1020px;
padding-top:29px;
padding-bottom:29px;
}
.leftcoln{
width:217px;
padding-left:74px;
float:left;
text-align:right;
font-size:12px;
margin-top:28px;
color:#898989;
}
.link1{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#898989;
font-weight:bold;
text-decoration:none;
}
.link1:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
font-weight:bold;
text-decoration:underline;
}
.link2{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#156EC8;
font-weight:bold;
text-decoration:none;
}
.link2:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#156EC8;
font-weight:bold;
text-decoration:underline;
}
.link3{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#636363;
font-weight:normal;
text-decoration:none;
}
.link3:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
font-weight:normal;
text-decoration:underline;
}
.morepicture{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#363636;
font-weight:bold;
text-decoration:none;
display:block;
height:30px;
}
.morepicture:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
font-weight:bold;
text-decoration:none;
}
.rightcoln{
width:700px;
float:right;

text-align:left;
}
.rightcolnL{
width:500px;
float:left;
font-size:12px;
color:#636363;
min-height:350px;
}
.rightcolnLa{
width:370px;
float:left;
font-size:12px;
color:#636363;
}
.rightcolnL ul{
list-style:none;
}
.rightcolnL a{
font-size:12px;
color:#6C6C6C;
text-decoration:underline;
}
.rightcolnL a:hover{
font-size:12px;
color:#000000;
text-decoration:none;
}
.rightcolnR{
width:263px;
min-height:350px;
float:right;
margin-top:28px;
font-size:12px;
color:#636363;
text-decoration:none;
}
.rightcolnRa{
width:263px;
min-height:350px;
float:right;
margin-top:28px;
font-size:12px;
color:#636363;
text-decoration:none;
}
.rightcolnRnews{
width:290px;
min-height:350px;
float:right;
font-size:12px;
color:#636363;
text-decoration:none;
}
.rightcolnRnews h1{
margin:0px;
padding:0px;
font-size:12px;
color:#363636;
font-weight:bold;
text-transform:uppercase;
height:22px;
border-bottom:1px solid #929292;
margin-bottom:12px;
width:220px;
}
.rightcolnR a{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#363636;
font-weight:normal;
text-decoration:none;
}
.rightcolnR a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#363636;
font-weight:normal;
text-decoration:underline;
}
h1{
margin:0px;
padding:0px;
font-size:12px;
color:#363636;
font-weight:bold;
text-transform:uppercase;
height:27px;

}
.footer{
width:1024px;
height:20px;
background-color:#0E3173;
float:right;
color:#E8E8E8;
font-size:11px;
padding-top:15px;
padding-bottom:5px;
text-align:center;
}
.footer a{
color:#E8E8E8;
font-size:11px;
text-decoration:none;
}
.footer a:hover{
color:#FFFFFF;
font-size:11px;
text-decoration:underline;
}
.pic{
width:149px;
padding-top:3px;
height:104px;
background-image:url(images/pic_bkg.jpg);
display:block;
text-align:center;
float:left;
margin-right:20px;
margin-bottom:10px;
}
.pic:hover{
width:149px;
padding-top:3px;
height:104px;
background-image:url(images/pic_bkg_over.jpg);
display:block;
text-align:center;
}
.verticalmenu{
float:right;
}
.verticalmenu ul{
}
.verticalmenu ul li{
list-style:none;
}
.verticalmenu ul li a{
font-size:12px;
color:#898989;
line-height:20px;
display:block;
font-weight:bold;
}
.verticalmenu ul li a:hover, .verticalmenu li a.active {
font-size:12px;
color:#0B77B5;
line-height:20px;
display:block;
font-weight:bold;
text-decoration:none;
}
.bluetxt{
color:#0B77B5;
}
.blacktxt{
color:#000000;
font-size:13px;
font-weight:bold;
text-decoration:underline;
}



.cssform p{
width: 200px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements
border-top: 1px dashed #C3C3C3;*/
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 170px;
}

.cssform textarea{
width: 180px;
height: 120px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}
/* login panel popup */
	.black_overlay{
			display: none;
			position: absolute;
			top: 0%;
			left: 0%;
			width: 100%;
			height: 100%;
			background-color: black;
			z-index:1001;
			-moz-opacity: 0.8;
			opacity:.80;
			filter: alpha(opacity=80);
		}
		.white_content {
			display: none;
			position: absolute;
			top: 25%;
			left: 38%;
			right: 38%;
			width:24%;
			padding: 5px;
			border: 5px solid #ffffff;
			background-color: white;
			z-index:1002;
			overflow: hidden;
			color:#898989;
			font-size:12px;
			line-height:24px;			
		}
		.formcont {
		padding-left:10px;
		}
.forminput {
width:225px;
height:37px;
background-color:#D6D6D6;
border:0px;
color:#535353;
font-size:24px;
line-height:37px;
margin-bottom:10px;
padding-left:3px;
padding-right:3px;
}
.logintxt {
font-size:16px;
display:block;
background-color:#ffffff;
border:0px;
color:#898989;
text-transform:uppercase;
text-align:left;
}


.forgotlink{
color:#898989;
font-size:12px;
}
.registerlink{
margin-top:25px;
color:#898989;
font-size:12px;
}
.registerlink span{
color:#000000;
font-size:14px;
font-weight:bold;
}
.regusterhere{
color:#00BFF3;
font-size:14px;
font-weight:bold;
}

/* newst steker */
#tst1{
 
height:180px;
overflow:hidden;
position:relative;
float:left;
width:204px;
padding-left:8px;
padding-right:8px;
background-color:#E0E0E0;

}
.header{
font-size:11px;
font-weight:bold;
z-Index:101;

}
.txt1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #1C77CA;
	text-decoration: none;
}
.txt2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #5c5c5c;
	text-decoration: none;
}
#NewsVertical {
 
display:block;
overflow:hidden;
position:relative;
}
/* --------------- */
/* Ticker Vertical */
#TickerVertical {
 
display:block;
list-style:none;
margin:0;
padding:0;

}
.TickerVertical {
display:block;
width:147px;
text-align:left;
margin:0;
float:left;
}

.livechat{
padding-top:20px;
width:100px;
text-align:right;
}

.chatbtn{
	background-image:url(images/chaticon.jpg);
	background-repeat:no-repeat;
	width:196px;
	height:78px;
	display:block;
	background-position: left top;
}
.chatbtn:hover{
	background-image:url(images/chaticon.jpg);
	background-repeat:no-repeat;
	width:196px;
	height:78px;
	display:block;
	background-position: left -78px;
}