body {
	font-size:76%;
	font-family:"trebuchet MS", verdana, arial, sans-serif; 
	background:#f0f0f0; margin:auto auto auto auto;
	background:url(../../../img/frontEnd/site/body_bg.gif);
	background-repeat: repeat-x;
	background-position:0px 0px;
	}

#container {min-width:700px; max-width:1100px; margin:0 auto}

#header {
	height:141px;
	background:url(../../../img/frontEnd/site/body_bg.gif);
	background-repeat: repeat-x;
	
	}
#header p {color:#fff;}

#outer1 {
	float:left;
	width:20%;
	}
#outer2 {float:left; width:15%}
#outer3 {float:left; width:50%}
#outer4 {float:right; width:15%}
#outer5 {float:right; width:20%}
#outer1, #outer2, #outer3, #outer4, #outer5 {padding-bottom:32767px; margin-bottom:-32767px;}

#wrapper {overflow:hidden;}

#topbar {width:60%; float:left; background:#d8d8d8;}

#footer {
	clear:both;
	 background:#F2F1F1;
	 background:url(../../../img/frontEnd/site/footer_bg.gif);
	 }

h1 {font-size:20px; margin:0; padding:10px 0; color:#fff;}
h3 {font-size:18px; margin:0; padding:8px 0;}
.content {padding:10px}
p {font-size:12px; line-height:1.5em; margin:0; padding:5px 0;}
#footer p,

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

.center_title_bar{
height:33px;
padding:0 0 0 0px;
margin:0 0 0 12px;
/*_margin:0 0 0 6px;*/
line-height:33px;
font-size:18px;
color:#99CC00;
font-weight:bold;
}

/*--------------others----------------*/

.titleA{
font-size:14px;
font-weight:bold;
line-height:18px;
color:#666666;
}
.titleB{
font-size:12px;
font-weight:bold;
color:#FFFFFF;
}
.titleC{
font-size:13px;
font-weight:bold;
color:#000000;
}


.labelA{
font-size:12px;
font-weight:bold;
line-height:18px;
color:#000;
}

.labelB{
font-size:14px;
font-weight:bold;
line-height:18px;
color:#99cc00;
}
.labelC{
font-size:11px;
font-weight:bold;
color:000000;
}

.xxsmall{
font-size: xx-small;
color:#000000;
font-family:Verdana, Arial, sans-serif;
}


.Star {
        COLOR: #FF0000;
}

hr {
border: none 0; 
border-top: 1px dashed #000;/*the border*/
height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
width: 99%;
} 

/*--linkA--*/
a.linkA:link {color : #333333; font-family : Verdana, Arial, sans-serif; font-size : 12px; font-weight: bold; text-decoration: none}
a.linkA:visited {color : #333333; font-family : Verdana, Arial, sans-serif; font-size : 12px; font-weight: bold; text-decoration: none}
a.linkA:active {color : #333333; font-family : Verdana, Arial, sans-serif; font-size : 12px; font-weight: bold; text-decoration: none}
a.linkA:hover{font-family : Verdana, Arial, sans-serif; font-size : 12px; font-weight: bold; color: red; text-decoration: none}

/*--linkB--*/
a.linkB:link {color : #679d99; font-family : Verdana, Arial, sans-serif; font-size : 11px; font-weight: bold; text-decoration: none}
a.linkB:visited {color : #679d99; font-family : Verdana, Arial, sans-serif; font-size : 11px; font-weight: bold; text-decoration: none}
a.linkB:active {color : #679d99; font-family : Verdana, Arial, sans-serif; font-size : 11px; font-weight: bold; text-decoration: none}
a.linkB:hover{font-family : Verdana, Arial, sans-serif; font-size : 11px; font-weight: bold; color: red; text-decoration: none}

/*--linkC--*/
a.linkC:link {color : blue; font-family : Verdana, Arial, sans-serif; font-size : 18px; font-weight: bold; text-decoration: none}
a.linkC:visited {color : blue; font-family : Verdana, Arial, sans-serif; font-size : 18px; font-weight: bold; text-decoration: none}
a.linkC:active {color : blue; font-family : Verdana, Arial, sans-serif; font-size : 18px; font-weight: bold; text-decoration: none}
a.linkC:hover{font-family : Verdana, Arial, sans-serif; font-size : 18px; font-weight: bold; color: #44808b; text-decoration: none}

/*--linkC--*/
a.linkD:link {color : #99cc00; font-family : Verdana, Arial, sans-serif; font-size : 12px; font-weight: bold; text-decoration: underline}
a.linkD:visited {color : #99cc00; font-family : Verdana, Arial, sans-serif; font-size : 12px; font-weight: bold; text-decoration: underline}
a.linkD:active {color : #99cc00; font-family : Verdana, Arial, sans-serif; font-size : 12px; font-weight: bold; text-decoration: underline}
a.linkD:hover{font-family : Verdana, Arial, sans-serif; font-size : 12px; font-weight: bold; color: red; text-decoration: underline}

/*--linkE--*/
a.linkE:link {color : #ffffff; font-family : Verdana, Arial, sans-serif; font-size : 11px; font-weight: bold; text-decoration: none}
a.linkE:visited {color : #ffffff; font-family : Verdana, Arial, sans-serif; font-size : 11px; font-weight: bold;  text-decoration: none}
a.linkE:active {color : #ffffff; font-family : Verdana, Arial, sans-serif; font-size : 11px; font-weight: bold;  text-decoration: none}
a.linkE:hover{font-family : Verdana, Arial, sans-serif; font-size : 11px; font-weight: bold; color: #55909A; text-decoration: underline}

/********************************* LiveValidation *************************************/

.LV_valid {
    color:#00CC00;
}
	
.LV_invalid {
	color:#CC0000;
}
	
.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active,
.fieldWithErrors input.LV_valid_field,
.fieldWithErrors textarea.LV_valid_field {
    border: 1px solid #00CC00;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active,
.fieldWithErrors input.LV_invalid_field,
.fieldWithErrors textarea.LV_invalid_field {
    border: 1px solid #CC0000;
}
input, textarea, select {
  border:1px solid #aaaaaa;
  padding:2px;
  background:#ffffff url(../../../img/frontEnd/site/inputBg.gif) top left no-repeat;
  margin-top:2px;
}


/*********************************end  LiveValidation *************************************/
/**********Submit buttons************/
input.submit {
  background:#ffffff url(../../../img/frontEnd/site/submitBg.png) -20px 0 no-repeat;
  color:#08424D;
  font-weight:bold;
}
input.submit:hover {
  
  cursor: pointer;
}

input.submit {
  width: inherit;
  background:#cccccc;
  border:1px;
  border-bottom: 1px solid #999999;
  border-right: 1px solid #999999;
}

/**********Submit2 buttons************/
input.submit2 {
  background:#ffffff url(../../../img/frontEnd/site/submitBg.png) -20px 0 no-repeat;
  color:#08424D;
  font-weight:bold;
  width:80px;
  height:20px;
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px; 
}
input.submit2:hover {
  
  cursor: pointer;
}

input.submit2 {
  width: inherit;
  background:#cccccc;
  border:1px;
  border-bottom: 1px solid #999999;
  border-right: 1px solid #999999;
}
/**********css table************/
.tabhead {
	color : #ffffff;
	font-size : 11px;	
	font-weight : bold;
	background-color : #0079B8;
}
.tabindex {
	font-size : 10px;	
	color : #0079B8;
	font-weight : normal;
	line-height : 18px;
	background-color : #CCCCCC;
}

/*--------alertMessages ----------*/
.success-msg {
	background: #AAF3AA url('../../../img/frontEnd/site/check.gif') center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
	margin: 0px 0px 0px 0px;
        color:#3d6611;
	border-color:#446423;
	border-width:1px;
	border-style:solid;
	}
.error-msg {
	background: #faebe7 url('../../../img/frontEnd/site/warning.png') center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
	margin: 0px 0px 0px 0px;
        color:#df280a;
        border-color:#f16048;
	border-width:1px;
	border-style:solid;
	}   

/*-------------menu is generated from database table-------------*/
.pmysmenu {width:1100px; height:28px; position:relative; z-index:100;border-right:0px solid #000; font-family:arial, sans-serif;background:url("../../../img/frontEnd/site/menu-middle.gif") repeat}
/* hack to correct IE5.5 faulty box model */
* html .pmysmenu {width:1100px; width:auto;}
/* remove all the bullets, borders and padding from the default list styling */
.pmysmenu ul {padding:0;margin:0;list-style-type:none;}
.pmysmenu ul ul {width:149px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.pmysmenu li {float:left;width:auto;position:relative;}

/* style the links for the top level */
.pmysmenu a, .pmysmenu a:visited {display:block;font-size:12px;text-decoration:none; color:#000; width:auto; height:28px; border:1px solid #000; border-width:0px 1px 0px 0px; padding-left:8px; padding-right:8px; line-height:29px; font-weight:bold;}

/* a hack so that IE5.5 faulty box model is corrected */
* html .pmysmenu a, * html .pmysmenu a:visited {width:149px; w\idth:138px;}

/* style the second level background */
.pmysmenu ul ul a.drop, .pmysmenu ul ul a.drop:visited {background:#E7E6E6 url(../../../img/frontEnd/site/next.gif) no-repeat 130px center; color:#000}

/* style the second level hover */
.pmysmenu ul ul a.drop:hover{background:#E7E6E6 url(../../../img/frontEnd/site/next.gif) no-repeat 130px center;color:#000}
.pmysmenu ul ul :hover > a.drop {background:#E7E6E6 url(../../../img/frontEnd/site/next.gif) no-repeat 130px center;color:#99CC00}
/* style the third level background */
.pmysmenu ul ul ul a, .pmysmenu ul ul ul a:visited {background:#E7E6E6;color:#000}
/* style the third level hover */
.pmysmenu ul ul ul a:hover {background:#E7E6E6;color:#99CC00}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.pmysmenu ul ul {visibility:hidden;position:absolute;height:0;top:30px;left:0; width:149px;border-top:1px solid #000;}
/* another hack for IE5.5 */
* html .pmysmenu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.pmysmenu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout pmysmenu for a left flyout */
.pmysmenu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.pmysmenu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.pmysmenu ul ul a, .pmysmenu ul ul a:visited {background:#E7E6E6; color:#000; height:auto; line-height:1em; padding:5px 10px; width:128px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .pmysmenu ul ul a, * html .pmysmenu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.pmysmenu a:hover, .pmysmenu ul ul a:hover{color:#D9D9D9}
.pmysmenu :hover > a, .pmysmenu ul ul :hover > a {color:#99CC00}

/* make the second level visible when hover on first level list OR link */
.pmysmenu ul li:hover ul,
.pmysmenu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.pmysmenu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.pmysmenu ul :hover ul :hover ul{ visibility:visible;}

/*---------------- menu tab----------------------*/
#menu_tab{
width:360px;
height:38px;
/*background-color:#000;*/
}
.left_menu_corner{
width:9px;
height:38px;
float:left;
background:url(../../../img/frontEnd/site/menu_left.gif) no-repeat center;
}
.right_menu_corner{
width:9px;
height:38px;
float:left;
background:url(../../../img/frontEnd/site/menu_right.gif) no-repeat center;
}
ul.menu {
list-style-type:none; float:left; display:block; width:338px; 
margin:0px; padding:0px;background:url(../../../img/frontEnd/site/menu_bg.gif) repeat-x;}

ul.menu li {
display:inline;
font-size:11px;
font-weight:bold;
line-height:38px;
}
ul.menu li.divider {
display:inline;
width:2px;
height:38px;
float:left;
background:url(../../../img/frontEnd/site/menu_divider.gif) no-repeat center;
}

a.nav1:link, a.nav1:visited {
display:block; float:left; padding:0px 4px 0px 22px; margin:0 5px 0 5px;height:38px;text-decoration:none; background:url(../../../img/frontEnd/site/home.png) no-repeat left; color:#676d77;}

a.nav2:link, a.nav2:visited {
display:block; float:left; padding:0px 4px 0px 22px; margin:0 5px 0 5px;height:38px;text-decoration:none; background:url(../../../img/frontEnd/site/link.png) no-repeat left; color:#676d77;}

a.nav3:link, a.nav3:visited {
display:block; float:left; padding:0px 4px 0px 22px; margin:0 5px 0 5px;height:38px;text-decoration:none; background:url(../../../img/frontEnd/site/favs.png) no-repeat left; color:#676d77;}

a.nav4:link, a.nav4:visited {
display:block; float:left; padding:0px 4px 0px 22px; margin:0 5px 0 5px;height:38px;text-decoration:none; background:url(../../../img/frontEnd/site/user_add.png) no-repeat left; color:#676d77;}

a.nav5:link, a.nav5:visited {
display:block; float:left; padding:0px 4px 0px 22px; margin:0 5px 0 5px;height:38px;text-decoration:none; background:url(../../../img/frontEnd/site/newspaper.png) no-repeat left; color:#676d77;}

a.nav6:link, a.nav6:visited {
display:block; float:left; padding:0px 4px 0px 22px; margin:0 5px 0 5px;height:38px;text-decoration:none; background:url(../../../img/frontEnd/site/contact-new.png) no-repeat left; color:#676d77;}

a.nav7:link, a.nav7:visited {
display:block; float:left; padding:0px 4px 0px 22px; margin:0 5px 0 5px;height:38px;text-decoration:none; background:url(../../../img/frontEnd/site/question_and_answer.png) no-repeat left; color:#676d77;}

a.nav8:link, a.nav8:visited {
display:block; float:left; padding:0px 4px 0px 22px; margin:0 5px 0 5px;height:38px;text-decoration:none; background:url(../../../img/frontEnd/site/support.png) no-repeat left; color:#676d77;}

a.nav1:hover, a.nav2:hover, a.nav3:hover, a.nav4:hover, a.nav5:hover, a.nav6:hover, a.nav7:hover, a.nav8:hover{
color:#333333;}