@charset "utf-8";
/* CSS Document */
*{
	margin:0px;	
	padding:0px;
	font-size:14px;
}
a{
	text-decoration:none;
	color:#FFFFFF;		
}
body 
{
font-family:Arial, Helvetica, sans-serif;
}
.h3
{
	font-size:10px;
}
.top_outer_body
{
	width:100%;
	height:auto;
	background-color:#F5F5F5;
	margin:0px auto;
}

.outer_body
{
	width:99%;
	border:0px solid #000000;		
	margin:0px auto;
	background:#FFFFFF;
}

.header
{
	width:100%;
	height:90px;
	border:0px solid #0000CC;
	margin:0px auto;
	background:url(../images/header_bg.gif);
}
.logo
{
	width:32%;
	height:auto;
	border:0px solid #0000CC;
	margin:0px auto;
	float:left;
	vertical-align:middle;
	padding-top:3px;
	padding-left:0px;
	overflow:hidden;
}
.company_name_tag
{
	width:20%;
	height:auto;
	border:0px solid #0000CC;
	margin:0px auto;
	float:left;
}
.company_banner
{
	width:47%;
	height:auto;
	border:0px solid #0000CC;
	margin:0px auto;
	float:right;
	vertical-align:middle;
	padding:2px;
	padding-top:5px;
}

.horiz_sep
{
	width:100%;
	height:2px;
	padding:0px; 
	background:#FFFFFF;
	float:left;
	border:0px solid #000000;
	margin:0px auto;
	font-size:2px;
}
.left_pannel
{
	width:15%;
	height:100%;
	border:0px solid #0000CC;
	margin:0px auto;
/*	background:#d0d9e0; */
	float:left;
}
.index_middle_section
{
	width:64%;
	height:100%;
	border:0px solid #0000CC;
	margin:0px auto;
	background:#FFFFFF;
	float:left;
}
.middle_section
{
	width:83%;
	height:100%;
	border:0px solid #0000CC;
	margin:0px auto;
	background:#FFFFFF;
	float:left;
	padding:5px;
}
.right_pannel
{
	width:20%;
	height:100%;
	border:0px solid #0000CC;
	margin:0px auto;
/*	background:#d0d9e0; */
	float:right;
}
.footer
{
	width:100%;
	height:80px;
	border:0px solid #0000CC;
	margin:0px auto;
	background:#6186af;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	vertical-align:middle;
	float:left;
}
 /*  -------------------------                  Top  Menu Coding                --------------      */
.top_menu_container
{
	margin:0px auto;
	margin-top:4px;
	width:auto;
	height:28px;
	background:url(../images/top_menu_bg.gif) repeat;
	border:solid #0000CC 1px;
	color:#FFFFFF;
}

.top_menu_1 {

	margin-bottom:0px;
	width:146px;
	height:26px;
	background:url(../images/top_menu_bg.gif) repeat;
	font-size:12px;	
	float:left;
	cursor:pointer;
	text-align:center;
	
}

.top_menu_2 {
	margin-top:1px;
	margin-bottom:0px;
	width:170px;
	height:26px;
	background:url(../images/top_menu_bg.gif) repeat;
	font-size:12px;	
	float:left;
	cursor:pointer;
	text-align:center;
	vertical-align:middle;
}
.top_menu_3 {
	margin-top:1px;
	margin-bottom:0px;
	width:160px;
	height:26px;
	background:url(../images/top_menu_bg.gif) repeat;
	font-size:12px;	
	float:left;
	cursor:pointer;
	text-align:center;
}
.top_menu_4 {
	margin-top:1px;
	margin-bottom:0px;
	width:250px;
	height:26px;
	background:url(../images/top_menu_bg.gif) repeat;
	font-size:12px;	
	float:left;
	cursor:pointer;
	text-align:center;
}
.top_menu_5 {
	margin-top:1px;
	margin-bottom:0px;
	width:135px;
	height:26px;
	background:url(../images/top_menu_bg.gif) repeat;
	font-size:12px;	
	float:left;
	cursor:pointer;
	text-align:center;
}
.top_menu_6 {
	margin-top:1px;
	margin-bottom:0px;
	width:130px;
	height:26px;
	background:url(../images/top_menu_bg.gif) repeat;
	font-size:12px;	
	float:left;
	cursor:pointer;
	text-align:center;
}

.top_menu_1:hover {
	background:url(../images/top_menu_bg.gif) 0 -30px;
}
.top_menu_2:hover {
	background:url(../images/top_menu_bg.gif) 0 -30px;
}
.top_menu_3:hover {
	background:url(../images/top_menu_bg.gif) 0 -30px;
}
.top_menu_4:hover {
	background:url(../images/top_menu_bg.gif) 0 -30px;
}
.top_menu_5:hover {
	background:url(../images/top_menu_bg.gif) 0 -30px;
}
.top_menu_6:hover {
	background:url(../images/top_menu_bg.gif) 0 -30px;
}
 /*  -------------------------                  Top  Menu Coding                --------------      */

.right_add{		
	width:95%;
	height:auto;
	margin-bottom:5px;
	border:solid #a8c1cd 0px;
	overflow:hidden;
	padding:2px;
	padding-top:5px;
	text-align:center;
}
.msg_box
{
	width:auto;
	height:auto;
	border:1px solid #CCCCCC;
	margin:5px;
	float:left;
	text-align:left;
	text-indent:2px;
}
.msg_box h4
{
	background:url(../images/box_head_bg.gif) repeat;
	padding:0px;
	margin:0px;
	text-align:left;
	padding:2px;
	font-size:14px;
	text-indent:15px;
	color:#993399;
}
.msg_box p
{
	font-size:14px;
	color:#4D4D4D;
	text-align:justify;
	letter-spacing:normal;
	line-height:15px;
	padding:3px;
}
.msg_box a
{
color:#993399;
font-weight:bolder;
text-decoration:underline;
}

/*  -------------------------          START   Rounded Corner  GRAY           --------------      */
.cornerBox { position: relative; background:#eaeff3; width: 100%; }
.corner { position: absolute; width: 10px; height: 10px; background:url(../images/corners.gif) no-repeat; font-size: 0%; }
.cornerBoxInner { padding: 10px; }
.TL { top: 0; left: 0; background-position: 0 0; }
.TR { top: 0; right: 0; background-position: -10px 0; }
.BL { bottom: 0; left: 0; background-position: 0 -10px; }
.BR { bottom: 0; right: 0; background-position: -10px -10px; }
/*  -------------------------          END   Rounded Corner     GRAY        --------------      */

/*  -------------------------          START   Rounded Corner  WHITE         --------------      */
.cornerBox_white { position: relative; background:#FFFFFF; width: 100%; }
.corner_white { position: absolute; width: 10px; height: 10px; background:url(../images/corners_white.gif) no-repeat; font-size: 0%; }
.cornerBoxInner_white { padding: 10px; }
.TL_white { top: 0; left: 0; background-position: 0 0; }
.TR_white { top: 0; right: 0; background-position: -10px 0; }
.BL_white { bottom: 0; left: 0; background-position: 0 -10px; }
.BR_white { bottom: 0; right: 0; background-position: -10px -10px; }
/*  -------------------------          END   Rounded Corner    WHITE         --------------      */


.profile_body
{
	width:100%;
	height:270px;
	float:left;
	padding:0px;
	background:url(../images/profile_bg.gif);	
}
.mem_name
{
	color:#FFFFFF;
	font-size:14px;
	float:left;
	margin-left:15px;
	width:60%;
}
.mem_picture
{
	float:right;
	margin-right:15px;
	width:auto;
	overflow:hidden;
}
.mem_description
{
	color:#FFFFFF;
	font-size:12px;
	float:left;
	margin-left:15px;
	width:60%;
	overflow:scroll;
	height:180px;
}