/* CSS Document */
/*Begin Layout*/
#outer
{
	width:100%;
	height:auto;
	margin:auto;
}
#header
{
	width:100%;
	height:255px;
	float:left;
	min-width:1000px;
	background:url(images/bg_header.jpg) top left repeat-x;
	padding:49px 0px 0px 0px;
}
#main
{
	width:100%;
	height:auto;
	float:left;
	min-width:1000px;
	padding:22px 0px 32px 0px;
}
#footer
{
	width:100%;
	height:114px;
	min-width:1000px;
	background:#486F73;
	background-repeat:repeat-x;
	clear:both;
}
/*End Layout */
/*Begin Style*/
body 
{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	color:#878686;
}



p
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
}

.normal
{	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#878686;
}
    
h2 , h3 , h4 , h5 , h6 
{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#486F73;
	margin:0;
	padding:0;
}
h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#486F73;
}
img 
{
	border:0;
}

a
{
	color:#486F73;
	text-decoration:none;
	font-weight:bold;
}


a:link {
	color: #486f74;
}
a:visited {
	color: #666666;
}
a:hover {
	color: #486f74;
}
a:active {
	color: #666666;
}



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

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

a.footer:hover {
	color: #CCCCCC;
text-decoration:none;
}

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



#banner
{
	width:960px;
	height:255px;
	background:url(images/bg_banner-main.jpg) top left no-repeat;
	margin:auto;
}
#logo
{
	width:203px;
	height:173px;
	margin:27px 0px 0px 30px;
	float:left;
}

#main_content
{
	width:960px;
	height:auto;
	margin:auto;
}
#main_content_left
{
	width:649px;
	height:auto;
	float:left;
}
.main_content_right
{
	width:250px;
	height:auto;
	float:right;

}

h2
{
line-height: 24px;
    width:auto;
	height:auto;
	font-weight:bold;
	color:#486F73;

	width:100%;
/*
	height:1px;
	font-size:0;
*/
	background:url(images/line.jpg) bottom left no-repeat;
	margin:5px 0px 15px 0px;
    }

.welcome
{
	width:649px;
	height:auto;
/*added */	
	padding:0px 0px 37px 0px;
}
.heading
{
	width:auto;
	height:auto;
	font-weight:bold;
	color:#486F73;
}
.line
{
	width:100%;
	height:1px;
	font-size:0;
	background:url(images/line.jpg) top left no-repeat;
	margin:5px 0px 15px 0px;
}
.text_content
{
	width:649px;
	height:auto;
	padding:0px 0px 37px 0px;
}
.box_left
{
	width:310px;
	height:auto;
	float:left;
}
.news
{
	width:310px;
	height:auto;
	margin:0px 0px 18px 0px;
}
.date_news
{
	width:auto;
	height:auto;
	color:#486F73;
	font-weight:bold;
}
.text_news
{
	width:100%;
	height:auto;
}
.ad_1
{
	width:310px;
	height:auto;
	padding:0px 0px 0px 0px; 
}
.ad_2
{
	width:250px;
	height:auto;
	padding:0px 0px 17px 0px; 
}
.box_right
{
	width:310px;
	height:auto;
	float:right;
}
.box_right_text
{
	width:310px;
	height:auto;
}
.lattest_news_text
{
	width:250px;
	height:auto;
}
.login
{
	width:250px;
	height:auto;
	margin:28px 0px 0px 0px;
}
.title_login
{
	 width:250px;
	 height:43px;
	 margin:0px 0px 16px 0px;
 }
.title_login_left
{
	width:11px;
	height:43px;
	background:url(images/bg_client_login_100_01.jpg) top left no-repeat;
	float:left;

}
.title_login_center
{
	width:225px;
	height:43px;
	background:url(images/bg_client_login_100_02.jpg) top left repeat-x;
	float:left;	
}
.title_login_center_text
{
	vertical-align:middle;
	padding:10px 0px 0px 0px;
}
.title_login_right
{
	background:url(images/bg_client_login_100_03.jpg) top left no-repeat;
	width:11px;
	height:43px;
	float:left;
}
input
{
	margin:0px 0px 6px 0px;
	color:#727383;
}
.buttom
{
	width:91px;
	height:21px;
	float:right;
	margin:4px 0px 0px 0px;
}


/*End Style*/


img{border: none;}

div#user {float:left; margin-bottom:10px;}
div#login {float:right; text-align:right;  margin-bottom:10px;}

div#user {float:left; margin-top:10px; margin-bottom:10px;margin-left:10px;}
div#login {float:right; text-align:right;  margin-top:10px; margin-bottom:10px; margin-right:10px;}


#submain .mediaModule {
	border: none;
	margin-bottom: 15px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	}

/*  style for individual links in the link module  */
.linkModule {
	border: none;
	margin-bottom: 5px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
    }
    
.links {
	border: none;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
    }

  
#breadCrumb{ font-weight:normal; margin-bottom: 10px; margin-left:20px;} 
#breadCrumb a{color:#000000; text-decoration:none;}
#breadCrumb a:hover{color:#000000; text-decoration:underline;}
 


/* =====================================
    CSS STYLES FOR Menu
   =====================================
*/

/*********************************************************************
 Standard structural CSS that typically should not need to be changed
*********************************************************************/
#MenuNav { /* menu wrapper div */
	padding: 0;
	margin: 0;
	margin-top: -5px;
	border: 0;
	white-space: nowrap;
	position: relative;
	_position: absolute; /* seems to be necessary for IE when used for Menu skinobject */
}

#MenuNav ul { /* all submenu lists */
	padding: 0;
	margin: 0;
	border: 0;
	list-style-type: none;
	white-space: nowrap;
	z-index: 99999;
}

#MenuNav li { /* all list items */
	position: relative;
	display: inline;
	float: left;
	margin: 0;
	border: 0;
	padding: 0;
}

#MenuNav li li { /* all items under the top level */
	z-index: 11113;
}

#MenuNav a { /* all links within the menu wrapper */
	display: block;
	margin: 0; 
	border: 0;
	padding: 0;
}

#MenuNav li li a { /* all item links under the top level */
	margin: 0;
	border: 0;
	padding: 0;
}

#MenuNav li a:hover {
	margin: 0;
	border: 0;
	padding: 0;
}

#MenuNav li li a:hover {
	margin: 0;
	border: 0;
	padding: 0;
}

#MenuNav li ul { /* second-level lists */
	position: absolute;
	margin: 0;
	border: 0;
	padding: 0;
	z-index: 11112;
}

#MenuNav li ul ul { /* third-and-above-level lists */
	margin: 0;
	border: 0;
	padding: 0;
}

#MenuNav li:hover ul ul, 
#MenuNav li:hover ul ul ul, 
#MenuNav li.sfhover ul ul, 
#MenuNav li.sfhover ul ul ul {
	left: -9999px;
}

#MenuNav li:hover ul, 
#MenuNav li li:hover ul, 
#MenuNav li li li:hover ul, 
#MenuNav li.sfhover ul, 
#MenuNav li li.sfhover ul, 
#MenuNav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	z-index: 99999;
}

#MenuNav iframe {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
	display: block;
}

.ArrowPointer
{
	cursor: default;
}



/*******************************************************
 Presentation CSS that typically needs to be customized
*******************************************************/

/* MENU */

#MenuNav { /* menu wrapper div */
	width:680px;
	height:30px;
	float:right;
	text-align:left;
	
	/* IE-only */
	_padding-bottom: -18px;
	_position: relative;
}


#MenuNav ul { /* all submenu lists */
	line-height: 12px;
	background-color: #fff;	
}

#MenuNav li { /* all list items */
	width: 100%;
	height: 24px;
	/* hack for MacIE5 to ignore, while other browsers use \*/
	width: auto;
	_width: 1px;
	/* end hack */
}

#MenuNav li li { /* all items under the top level */
	width: 100%;
	height: 20px;
	/* hack for MacIE5 to ignore, while other browsers use \*/
	width: 100%;
	_width: 100%;
	/* end hack */
}


/* problem above here */

#MenuNav a { /* all links within the menu wrapper */
	font-family:Arial Narrow;
	font-size: 15px;
	font-weight : normal;
	text-decoration : none;
	text-transform: uppercase;
	letter-spacing: 1px;
	color : #FFFFFF;
	background-color: transparent;
    
    padding:0px 5px 0px 5px;
	/*
	padding: 6px 5px 4px 5px;
*/
	width: auto;
	height: 30px;

	/* hack for MacIE5 to ignore, while other browsers use \*/
	_width: 100%;
	height: 35px;
	_height: 35px;
	/* end hack */
}


.menu_item a:hover
{
	background:url(images/bg_menu_hover.gif) bottom center no-repeat;
	color:#89D7C0;
	text-decoration:none;
}

#MenuNav li li a { /* all item links under the top level */
	padding: 4px 5px 4px 20px;

/*
	width: 148px;
*/
    width: 100%;
    
	height: 12px;
	/* hack for MacIE5 to ignore, while other browsers use \*/
    width: 100%;
/*
	width: 134px;
	_width: 144px;
*/
	_width: 100%;
	height: 12px;
	_height: 20px;
	/* end hack */
}


#MenuNav li a:hover {
    padding:0px 5px 0px 5px;
	background:url(images/bg_menu_hover.gif) bottom center no-repeat;
	color:#89D7C0;
	text-decoration:none;
}

#MenuNav li li a:hover {

	color:#89D7C0;
	text-decoration:none;

	background:url(images/bg_menu_arrow.gif) center left no-repeat;	
	/*    
	background-image: none;
*/	
    padding: 4px 5px 4px 20px;
    
	height: 12px;
	/* hack for MacIE5 to ignore, while other browsers use \*/
	height: 12px;
	_height: 20px;
	/* end hack */
}

#MenuNav li ul { /* second-level lists */

	width: 225px;  /* width of submenu, must be set so third-level list can get shifted over properly */
	left: -9999px; /* using left instead of display to hide menus because display: none isn't read by screen readers */
/*
	border: solid 1px #333;
*/
    padding: 5px 5px 10px 5px;
    background-color: #486F73;
	opacity: .9;  /* delete if this doesn't work*/
	filter: alpha(opacity=90);
    border: none;
/*
	margin: -2px 0 0 0;
/*
	/* hack for MacIE5 to ignore, while other browsers use \*/
	margin: 0;
	/* end hack */
	line-height: 12px;
}

#MenuNav li ul ul { /* third-and-above-level lists */
	margin: -20px 0 0 144px;
	border: solid 1px #666;
	line-height: 12px;
}

/* Applied to the parent item, if displayed, in either vertical or horizontal
   orientation. Must follow other styles. */
#MenuNav #MenuNavParentItem a
{ /* all links under the parent item (li) */
	color: #333; 
	background-color: transparent; 
	text-decoration: none;
}

#MenuNav a#MenuNavParentLink
{ /* parent link itself */
	color: #333; 
	background-color: transparent; 
	text-decoration: none;
}

/* current link itself */
#MenuNav ul li ul li a#MenuNavCurrentLink
{ 
	background:url(images/bg_menu_arrow.gif) center left no-repeat;
	color:#89D7C0;
	text-decoration:none;
}

#MenuNav ul li a#MenuNavCurrentLink
{

	background:url(images/bg_menu_hover.gif) bottom center no-repeat;
	color:#89D7C0;
	text-decoration:none;		
}


/*******************************************************
footer
*******************************************************/

 .copy_right_title
{	
	width:960px;
	color:#FFFFFF;
	margin:auto;
	/*padding:17px 0px 0px 0px;*/
}


#footer1 {
	background:#486F73;
	}
	
#footer1-in {
	padding:15px 21px 0;
	height:150px;
	width:960px;
	margin:0 auto;
	text-align:left;
	color:#FFFFFF;
	font:1.2em/1.6em Arial, Helvetica, sans-serif;
	}

.ftcolumn1 {
	float:left;
	width:257px;
	margin-right:54px;
	}
	
.ftcolumn2 {
	float:left;
	width:186px;
	}
	
.ftcolumn3 {
	float:left;
	width:210px;
	}
	
.ftcolumn4 {
	float:left;
	width:230px;
	}
	

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