/*
$Id: main.css,v 1.130.2.5 2009/06/15 08:03:34 avg Exp $
vim: set ts=2 sw=2 sts=2 et:
*/

html,body {
  	height: 100%;
  	background-color: #d0d0d0;
	background-image:url('images/background.jpg');
	background-repeat:repeat-x;
  	margin: 0px;
  	padding: 0px;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	min-width: 780px;
  	border: 0px none;
  	color: #7b7a7a;
}

.clearing {
  height: 0px;
  font-size: 0px;
  clear: both;
}

form {
	margin: 0px;
	padding: 0px;
}

img {
	border: 0px;
	margin:0px;
}


/*==============================================================================

Header

==============================================================================*/


#page-container {
	min-height: 100%;
	position: relative;
	width: 755px;
	margin: 0px auto;
	background-color: #ffffff;
}

#header {
	height: 109px;
	border: 0px;
	margin:0px;	
	position: relative;
	width: 755px;
	float: left;
	background-color: #ffffff;
}

#header_left {
	height: 109px;
	border: 0px;
	margin:0px;
	position: relative;
	width: 512px;
	float: left;
	background-color: #ffffff;
}
#header_right {
	height: 109px;
	border: 0px;
	margin:0px;
	position: relative;
	width: 243px;
	float: right;
	background-color: #ffffff;
}

/*==============================================================================

Loginbar

==============================================================================*/


#loginbar {
	height: 47px;
	border: 0px;
	margin:0px;	
	position: relative;
	width: 755px;
	float: left;
	background-image:url('images/loginbar_back.jpg');
}
#loginbar_padding {
	padding: 8px 0px 0px 190px;	
}

#loginbar_left {
	height: auto;
	border: 0px;
	margin:0px;
	position: relative;
	width: 402px;
	float: left;	
}
#loginbar_right {
	height: auto;
	border: 0px;
	margin:0px;
	position: relative;
	width: 160px;
	float: right;
}
IMG.middle {
vertical-align: middle; 
}
input.middle {
vertical-align: middle; 
}

/*==============================================================================

Banners

==============================================================================*/

#banners {
	height: 110px;
	margin: 0px 0px 0px 0px; 
	position: relative;
	width: 757px;
	float: left;
	background-color: #ffffff;
}
#banners_banner1 {
	float: left;
	position: relative;
	width: 203px;
	height: 110px;	
	text-align: left;	
	padding: 0px 0px 0px 0px;
	background-image:url('images/topbanner_1.jpg');			
	margin: 0px;
	color: #ffffff;
}
#banners_banner2 {
	float: left;
	position: relative;
	width: 279px;
	height: 110px;	
	text-align: left;	
	padding: 0px 0px 0px 0px;
	background-image:url('images/topbanner_2.jpg');			
	margin: 0px;
	color: #ffffff;
}
#banners_banner3 {
	float: left;
	position: relative;
	width: 275px;
	height: 110px;	
	text-align: left;	
	padding: 0px 0px 0px 0px;
	background-image:url('images/topbanner_3.jpg');			
	margin: 0px;
	color: #ffffff;
}
#banners_banner1_padding {
	padding: 30px 0px 0px 15px;
}
#banners_banner2_padding {
	padding: 30px 0px 0px 15px;
}
#banners_banner3_padding {
	padding: 30px 10px 0px 120px;
}

/*==============================================================================

Main Contents Area

==============================================================================*/


#content-container {
	clear: both;
	float: left;
	position: relative;
	width: 755px;
	padding-bottom: 10px;
	background-color: #ffffff;
}

/*==============================================================================

Left Column

==============================================================================*/

#left_column {
	float: left;
	position: relative;
	width: 202px;
	background-color: #ffffff;
	margin: 0px 0px 0px 0px;
}
#leftmenu_title1 {
	position: relative;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float: left;
	width: 202px;
	height: 56px;
	background-image:url('images/leftmenu_title1.jpg');	
}
#leftmenu_title2 {
	position: relative;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float: left;
	width: 202px;
	height: 62px;
	background-image:url('images/leftmenu_title2.jpg');	
}
#leftmenu_back {
	position: relative;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float: left;
	width: 202px;
	height: auto;
	background-image:url('images/leftmenu_back.jpg');	
}
#leftmenu_back2 {
	position: relative;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float: left;
	width: 202px;
	height: auto;
	background-image:url('images/leftmenu_back2.jpg');	
}
#leftmenu_bottom {
	position: relative;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float: left;
	width: 202px;
	height: 15px;
	background-image:url('images/leftmenu_bottom.jpg');	
}



/*==============================================================================

Right Column

==============================================================================*/

#right_column {
	float: right;
	position: relative;
	width: 552px;
	background-color: #ffffff;
	margin: 0px 0px 0px 0px;
}

#contents_top {
	float: left;
	position: relative;
	width: 552px;
	height: 40px;	
	text-align: left;	
	padding: 0px 0px 0px 0px;
	overflow: visible;
	z-index:10000;					
}
#contents_bottom {
	float: left;
	position: relative;
	width: 552px;
	height: 57px;	
	text-align: left;	
	background-image:url('images/contents_bottom.jpg');			
}
#contents_middle {
	float: left;
	position: relative;
	width: 542px;
	height:auto !important;
  	height:438px;
  	min-height: 438px;
	text-align: left;
	padding: 10px 0px 0px 10px;	
	z-index:10;
}
#contents_middle2 {
	float: left;
	position: relative;
	width: 552px;
	height:auto !important;
  	height:438px;
  	min-height: 438px;
	text-align: left;
	padding: 10px 0px 0px 0px;	
	z-index:10;
}


/*==============================================================================

Feedback and News Bar

==============================================================================*/

#info_container {
	clear: both;
	float: left;
	position: relative;
	width: 755px;
	height: auto;
	background-color: #ffffff;
}
#news_top {
	float: left;
	position: relative;
	width: 755px;
	height: 65px;
	padding: 0px 0px 0px 0px;	
	background-image:url('images/news_top.jpg');			
}
#news_middle {
	float: left;
	position: relative;
	width: 755px;
	height:auto;
	padding: 0px 0px 0px 0px;	
	background-image:url('images/news_back.jpg');			
}
#news_bottom {
	float: left;
	position: relative;
	width: 755px;
	height: 31px;
	padding: 0px 0px 0px 0px;	
	background-image:url('images/news_bottom.jpg');			
}
#news_left {
	float: left;
	position: relative;
	width: 530px;
	height:auto;
	padding: 0px 0px 0px 0px;	
}
#news_right {
	float: right;
	position: relative;
	width: 200px;
	height:auto;
	padding: 0px 0px 0px 0px;	
}
#news_left_padding {
	padding: 0px 0px 0px 20px;	
}
#news_right_padding {
	padding: 0px 0px 0px 20px;		
}

/*==============================================================================

Footer

==============================================================================*/


#footer_container {
	height: 151px;
	width: 755px;
	position: relative;
	margin: 0px 0px 0px 0px; 
	float: left;
	background-image:url('images/footer_back.jpg');
}
#footer_top {
	height: 114px;
	width: 755px;
	position: relative;
	padding: 0px 0px 0px 0px; 
	float: left;
}
#footer_bottom {
	height: 37px;
	width: 755px;
	position: relative;
	padding: 0px 0px 0px 0px; 
	float: left;
}
#footer_top_padding {
	padding: 45px 0px 0px 0px; 
	text-align:center;
}
#footer_bottom_padding {
	padding: 10px 0px 0px 0px; 
	text-align:center;
}

/*==============================================================================

margins / padding

==============================================================================*/

#padding_top8 {
	padding-top: 8px;				
}

/*==============================================================================

Expanding box

==============================================================================*/

#socialbox-tl {
    background: transparent url('images/yellowbox-tl.gif') no-repeat top left;
}
#socialbox-tr {
    background: transparent url('images/yellowbox-tr.gif') no-repeat top right;
}
#socialbox-bl {
    background: transparent url('images/yellowbox-bl.gif') no-repeat bottom left;
}
#socialbox-br {
    background: transparent url('images/yellowbox-br.gif') no-repeat bottom right;
}
#socialbox-center {
	padding: 10px 10px 10px 10px;
}