/* CSS Document */


@charset "utf-8";
/* This is The Goth Knight's Style Sheet - Viva Atrum */

*{ margin:0; padding:0; }

body{ width:100%; height:100%; background:#d6d6d6 url(images/body_bg.jpg) top left repeat-x; font-family:Arial, Helvetica, sans-serif; color:#000; font-size:12px; text-align:center; }

div#box{ width:870px; min-height:100%; background:url(images/back_bg2.png) top left repeat-y; margin:0 auto; text-align:center; }

div#container{ width:850px; height:auto;  background:#fff; margin:0 auto; }

div#header{ width:850px; height:119px; }

/* NAVIGATION STYLING */
div#nav{width:850px; height:33px; background:url(images/nav_bg.jpg) top left repeat-x; }
ul { list-style: none; padding: 0; margin: 0; }
#nav2 a:link, #nav2 a:visited{	font-weight: bold; color: #fff; text-decoration: none; }
#nav2 li li a{ display: block; font-weight: normal; color: #000 !important; padding-left:12px; padding-right:12px;   }
#nav2 li li a:hover { background:#f5ae3a;}
li { float: left; position: relative; text-align: center; cursor: default; color:#fff; 	}
li div{ height:33px; line-height:33px; border-right:1px solid #636ec5 }
li div a:link, li div a:visited{ line-height:33px; display:block;  padding-left:14px; padding-right:14px; }
/* li div a:hover{ background:url(images/nav_bg2.jpg) top left repeat-x; color:#000 !important; } */
li#subnav { }
li ul {	display: none; position: absolute; top:100%; left: 0; font-weight: normal; width:150px; border-top:2px #fff solid; }
li>ul { top: auto; left: auto; }
li li {	display: block;	float: none; border: 0;  background:#ececec; line-height:25px; color:#000; font-size:11px; height:25px; text-align:left; border-bottom:1px dotted #ccc;}
li:hover ul, li.over ul { display: block; }



div#mainimg{ width:850px; height:277px; background:url(images/main_img.jpg) top left no-repeat; clear:left;}
div#subimg{ width:850px; height:190px; background:url(images/sub_aboutus_image.jpg) top left no-repeat; clear:left;}

div#contents{ width:850px; height:auto; margin-top:10px; margin-bottom:10px; }

div#contents div#left{ width:225px; height:auto; background:#fff; float:left; font-size:11px;  text-align:left;}
div#contents div#left a:link, div#contents div#left a:visited{ color:#000; text-decoration:none }
div#contents div#left a:hover{ color:#3f4dae; text-decoration:underline; }
div#contents div#left img{ padding:0; margin:0;  vertical-align:top; }
div#contents div#left h1{ height:39px; background:url(images/left_title_bg.jpg) top left no-repeat; line-height:39px; font-size:16px; color:#fff; padding-left:45px; padding-right:5px; }
div#contents div#left p.style1{ padding:5px 12px 5px 12px; color:#000; background:#ececec; line-height:20px;  border-bottom:#f1f1f1 1px solid;   }
div#contents div#left p.style2{ padding:5px 12px 5px 12px; color:#000; background:#e0e0e0; line-height:20px; border-bottom:#f1f1f1 1px solid;   }
div#contents div#left p.style3{ height:27px; background:url(images/left_title_bg_bottom.jpg) top left repeat-x; margin-bottom:10px;  }


div#contents div#right{width:615px; height:auto; float:right; }
div#contents div#right h1{ height:39px; line-height:39px; font-size:16px; color:#fff; padding-left:45px; padding-right:5px; text-align:left; border-bottom:1px dotted #fff; }
div#contents div#right img{ margin:0 auto; }
div#contents div#right p{ padding:5px; line-height:16px; font-size:11px;   }
.subtitle{ font-size:12px; font-weight:bold; text-align:center; color:#26369d;  }
div#contents div#right div#right1{ width:195px; height:auto; margin-left:10px; float:left; background:#f1f1f1; }
div#contents div#right div#right2{ width:195px; height:auto; margin-left:10px; margin-right:5px; float:left; background:#f1f1f1; }
div#contents div#right div#right3{ width:195px; height:auto; margin-left:5px; float:right; background:#f1f1f1; }
.bottom{ height:29px; line-height:29px; color:#fff; font-size:11px; font-weight:bold;}
.bottom a:link, .bottom a:visited{ color:#000; text-decoration:none; }
.bottom a:hover{ color:#3f4dae; text-decoration:underline; }
div#contents div#right  div#right_panel{ margin-left:10px; margin-top:15px; clear:both; text-align:left; font-size:#12px !important;}
div#contents div#right  div#right_panel img{ margin:5px 15px 10px 0px !important; vertical-align:top; float:left;}
div#contents div#right  div#right_panel p{ font-size:12px !important; color:#000; line-height:20px; padding-top:10px !important;}
.subtitle2{ font-size:14px; font-weight:bold; color:#f90; }

/* Subpage Styling */

div#subimg{ width:850px; height:190px;  clear:left;}

div#contents div#subleft{ width:200px; height:auto; background:#fff; float:left; font-size:11px;  text-align:left; border-bottom:4px solid #333;}
div#contents div#subleft h1{ height:39px; line-height:39px; font-size:16px; color:#fff; border-bottom:1px dotted #fff;  }
div#contents div#subleft p{ height:30px; line-height:30px; font-size:12px; font-weight:bold; color:#000; background:#f7f7f7; border-bottom:1px dotted #fff; }
div#contents div#subleft p a:link, div#contents div#subleft p a:visited{ line-height:30px; display:block; text-decoration:none; color:#000; padding-left:15px; }
div#contents div#subleft p a:hover{ background:#2a3ba9; display:block; text-decoration:none; color:#fff; }
div#contents div#subleft  div#pbucket{ height:34px; padding-top:10px; padding-bottom:10px; border-top:4px solid #333; }

div#contents div#subright{width:630px; height:auto; float:right; }
div#contents div#subright h1{ height:39px; line-height:39px; font-size:16px; color:#fff; text-align:left; border-bottom:1px dotted #fff; background:url(images/sub_title_header.jpg) top left repeat-x; vertical-align:top;}
div#contents div#subright h1 img{ float:left;}
div#contents div#subright div#photo{ margin:20px 0px 20px 0px; }
div#contents div#subright div#photo img{ float:left; margin-right:15px;; border:0px;}
/* div#contents div#subright p img{ margin:5px 15px 10px 0px !important; vertical-align:top; float:left;} */
div#contents div#subright h2{ padding:15px 5px 0px 5px; line-height:20px; font-size:18px; text-align:left; color:#F90; }
div#contents div#subright p{ padding:5px; line-height:16px; font-size:12px; text-align:left;  }
div#contents div#subright p a:link, div#contents div#subright p a:visited{ text-decoration:none; color:#339; }
div#contents div#subright p a:hover{ text-decoration:underline; color:#f90; }

div#footer{ width:850px; height:50px; line-height:14px; font-size:11px; color:#fff; text-align:center; clear:both; background:url(images/footer_bg.jpg) top left repeat-x;  }
div#footer a:link, div#footer a:visited{ text-decoration:none; color:#fff; }
div#footer a:hover{ text-decoration:underline; color:#eee; }


/* ORIGINAL CSS */
a:link {
	text-decoration: none;
	color: #333333;
}
a:visited {
	text-decoration: none;
	color: #333333;
}
a:hover {
	text-decoration: none;
	color: #333333;
}
a:active {
	text-decoration: none;
	color: #333333;
}

.rowHeader {
	font-family: Verdana, sans-serif, Arial;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	background-color: #4756bd;
}

.rowBodycolor {
	font-family: Verdana, sans-serif, Arial;
	font-size: 9px;
	background-color: #ffffff;
	color: #333333;
}


.rowBodycolorTot {
	font-family: Verdana, sans-serif, Arial;
	font-size: 12px;
	font-weight: bold;
	background-color: #A7ACDC;
	color: #333333;
}

.rowA0 {
	background-color: #d6d6d6;
}

.rowA1 {
	font-family: Verdana, sans-serif, Arial;
	font-size: 9px;
	background-color: #d6d6d6;
	color: #333333;
}

.defInput {
	color: #b5b5b5;
}

.redTextBold {
	font-family: Verdana, sans-serif, Arial;
	font-size: 14px;
	font-weight: bold;
	color: #ff0000;
}

.tnc {
	font-family: Verdana, sans-serif, Arial;
	font-size: 9px;
	background-color: #ffffff;
	color: #605f5f;
}