/** BASIC */

body {
	margin: 0;
	padding: 0;
	background: #C6EDFD url(../images/img01.gif) repeat left top;
	font: normal small "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #266382;
	text-align: justify;
}

h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
	padding-top: 0;
	color: #008BD1;
}
/*
a {
	color: #008BD1;
}

a:hover {
	text-decoration: none;
}
*/

a.nav:link {color: #ffffff; text-decoration: none; }
a.nav:visited {color: #ffffff; text-decoration: none; }
a.nav:hover {color: #ffff99; text-decoration: underline; }
a.nav:active {color: blue; }

/** HEADER */

#header {
	width: 820px;
	height: 80px;
	margin: 0 auto;
	background: url(../images/img02.gif) no-repeat left top;
}

#header h1 {
	margin: 0;
	padding: 30px 0 0 20px;
	text-transform: lowercase;
	/*font-size: 36px;*/
	font-size: 34px;
	font-style: italic;
	letter-spacing: -2px;
	color: #FFFFFF;
}

#header h2 {
	display: none;
}

#indheader {
	width: 700px;
	height: 80px;
	margin: 0 auto;
	background: url(../images/image2.gif) no-repeat left top;
}
#indheader h1 {
	margin: 0;
	padding: 30px 0 0 20px;
	text-transform: lowercase;
	font-size: 36px;
	font-style: italic;
	letter-spacing: -2px;
	color: #FFFFFF;
}
#indheader h2 {
	display: none;
}
/** MENU */

#menu {
	width: 800px;
	margin: -2.5em auto 2em auto;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: right;
}

#menu li {
	display: inline;
}

#menu a {
	padding: 0 10px;
	font-weight: bold;
	color: #FFFFFF;
}

#menu a:hover {
}

#menu .first a {
	border: none;
}

#menu1 {
	width: 700px;
	margin: -2.5em auto 2em auto;
}

#menu1 ul {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: right;
}

#menu1 li {
	display: inline;
}

#menu1 a {
	padding: 0 10px;
	font-weight: bold;
	color: #FFFFFF;
}

#menu1 a:hover {
}

#menu1 .first a {
	border: none;
}


/**************************** Menu Section Starts *****************************/
.menu
{
	/*width: 1024px;*/
	width: 820px;
	height: 44px;
    background: url(../images/menu.jpg);
    background-repeat: no-repeat;
}

.menu-text
{
font-family: Arial, Helvetica, sans-serif,verdana;
font-size: 14px;
/*color: #ffffff;*/
color: #ffffff;
/*padding: 12px 45px 10px 10px;*/
padding: 12px 18px 10px 10px;
float: left;
font-stretch: condensed;
cursor: pointer;
}


/** CONTENT */

#content {
	width: 820px;
	margin: 0 auto 1em auto;
	background: #FFFFFF url(../images/img05.gif) no-repeat left bottom;
}

#content * {
	line-height: 140%;
}

#columnA {
	float: left;
	width: 430px;
	padding: 25px 20px 0 30px;
	background: url(../images/img03.gif) no-repeat left top;
}

#columnB {
	float: right;
	width: 190px;
	padding: 25px 20px 0 10px;
	background: url(../images/img04.gif) no-repeat right top;
}

#columnC {
	float: left;
	width: 820px;
	/*height:100px;*/
	/*padding: 25px 20px 0 30px;*/
	/*background: #FFFFFF url(../images/img05.gif) no-repeat left bottom;*/
	background: #FFFFFF no-repeat left bottom;
}

#columnD {
	float: left;
	width: 770px;
	padding: 25px 20px 0 30px;
	background: url(../images/img03.gif) no-repeat left top;
}

#boxC {
	clear: both;
	width: 750px;
	margin: 0 auto 2em auto;
	background: #F7F7F7 url(../images/img07.gif) repeat-x;
	border: 1px solid #CCCCCC;
}

#boxC1 {
	clear: both;
	width: 750px;
	margin: 0 auto 2em auto;
	/*background: #F7F7F7 url(../images/img07.gif) repeat-x;*/
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
}

#legal {
	margin: 0;
	padding: 8px;
	text-align: center;
	color: #FFFFFF;
}

#linkC {
	margin: 0;
	padding: 10px;
	text-align: center;
}

#content1 {
	width: 700px;
	margin: 0 auto 1em auto;
	background: #FFFFFF url(../images/img05.gif) no-repeat left bottom;
}

#content1 * {
	line-height: 140%;
}

#columnA1 {
	float: left;
	width: 430px;
	padding: 25px 20px 0 30px;
	background: url(../images/img03.gif) no-repeat left top;
}

#columnB1 {
	float: right;
	/*width: 190px;*/
	width: 300px;
	padding: 25px 20px 0 10px;
	background: url(../images/img04.gif) no-repeat right top;
}

/* Body read manual */
#bodyread_book{
	width:700px; 
	float:left;
}

/** FOOTER */

#footer {
	width: 820px;
	height: 30px;
	margin: 0 auto;
	padding-bottom: 20px;
	background: url(../images/img06.gif) no-repeat left top;
}

#footer p {
	margin: 0px 0px 0px 0px;
	padding: .8em 0 0 0;
	text-align: center;
	font: bold x-small Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

#indfooter {
	width: 700px;
	height: 30px;
	margin: 0 auto;
	padding-bottom: 20px;
	background: url(../images/image6.gif) no-repeat left top;
}

#indfooter p {
	margin: 0px 0px 0px 0px;
	padding: .8em 0 0 0;
	text-align: center;
	font: bold x-small Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

/** Form  */

h10 {
    font-weight:200;
    /*color: #266382;*/
    color: #066CA1;
    font-size:24pt;
    padding-left:33px;
    font-style: bold;
    margin:7px 5px 8px 8px;
}

h2 {
    font-weight:200;
    color: #888888;
    font-size:16pt;
    background: transparent url(../img/h1.png) no-repeat center left;
    padding-left:33px;
    margin:7px 5px 8px 8px;
}
h3 {
    padding:0px;
    margin-left:10px;
    color: #000000;
    font-size:11pt;
    font-weight:100;
    text-transform:uppercase;
}
h4 {
    padding:1px;
    color: #CC0000;
    /*color: #ACACAC;*/
    font-size:10pt;
    font-weight:100;
    text-transform:uppercase;
}
h5 {
    padding:1px;
    color: #CC0000;
    /*color: #ACACAC;*/
    font-size:14pt;
    font-weight:100;
    text-transform:uppercase;
}
h6 {
    font-weight:700;
    color: #888888;
    font-size:14pt;
    text-align: center;
    /*background: transparent url(../img/h1.png) no-repeat center left;*/
    padding-left:33px;
    margin:7px 5px 8px 8px;
}
h7 {
    padding:1px;
    color: #000000;
    text-align: right;
    /*color: #ACACAC;*/
    font-size:12pt;
    font-weight:bold;
    text-transform:uppercase;
}
h8 {
    padding:1px;
    color: #000000;
    text-align: right;
    /*color: #ACACAC;*/
    font-size:12pt;
    font-weight:100;
    text-transform:uppercase;
}
h9 {
	width:150px;
    padding:0px;
    margin-left:5px;
    color: #000000;
    font-size:10pt;
    font-weight:100;
    text-transform:uppercase;
}
h10 {
    padding:0px;
    margin-left:10px;
    color: #000000;
    font-size:10pt;
    font-weight:100;
    text-transform:uppercase;
}

form.register{
    width:780px;
    margin: 20px auto 0px auto;
    height:780px;
    background-color:#fff;
    padding:5px;
    -moz-border-radius:20px;
    -webkit-border-radius:20px;
}
form p{
    font-size: 8pt;
    clear:both;
    margin: 0;
    color:gray;
    padding:4px;
}
form.register fieldset.row1
{
    width:750px;
    padding:5px;
    float:left;
    border-top:1px solid #F5F5F5;
    margin-bottom:15px;
}
form.register fieldset.row1 label{
    width:175px;
    float: left;
    text-align: right;
    margin-right: 6px;
    margin-top:2px;
}
form.register fieldset.row1 label1{
    width:255px;
    float: left;
    text-align: left;
    margin-right: 6px;
    margin-top:2px;
}
form.register fieldset.row1 label2{
    width:350px;
    float: left;
    text-align: left;
    margin-right: 6px;
    margin-top:2px;
}
form.register fieldset.row2
{
    border-top:1px solid #F1F1F1;
    border-right:1px solid #F1F1F1;
    width:370px;
    height:220px;
    padding:5px;
    float:left;
}
form.register fieldset.row3
{
    border-top:1px solid #F1F1F1;
    padding:5px;
    float:left;
    margin-bottom:15px;
    /*width:400px;*/
    width:375px;
}
form.register fieldset.row4
{
    border-top:1px solid #F1F1F1;
    border-right:1px solid #F1F1F1;
    padding:5px;
    float:left;
    clear:both;
    /*width:500px;*/
    width:450px;
}

form.register fieldset.row5
{
    border-top:1px solid #F1F1F1;
    border-right:1px solid #F1F1F1;
    padding:5px;
    float:left;
    clear:both;
    /*width:500px;*/
    width:400px;
}

form.register fieldset.row5 h3{
    padding:0px;
    margin-left:10px;
    color: #000000;
    font-size:16pt;
    font-weight:bold;
    text-transform:uppercase;	
}

form.register fieldset.row5 h4{
    padding:0 0 0 35px;
    /*margin-left:10px;*/
    color: #000000;
    font-size:14pt;
    font-weight:100;
    text-transform:uppercase;	
}

form.register .infobox{
    float:right;
    /*margin-top:20px;*/
    margin-top:13px;
    border: 1px solid #F1F1F1;
    padding:5px;
    /*width:380px;*/
    width:300px;
    height:112px;
    /*eight:98px;*/
    /*font-size:9px;*/
    font-size:16px;
    color: #000000;
    background: #FDFEFA url(../img/bg_infobox.gif) repeat-x top left;
}

form.register .infobox1{
    float:right;
    /*margin-top:20px;*/
    margin-top:13px;
    border: 1px solid #F1F1F1;
    padding:5px;
    /*width:380px;*/
    width:300px;
    /*height:300px;*/
    /*eight:98px;*/
    font-size:12pt;
    color: #000000;
    background: #FDFEFA url(../img/bg_infobox.gif) repeat-x top left;
}

form.register fieldset.cleft
{
    border-top:1px solid #F1F1F1;
    padding:5px;
    float:left;
    margin-bottom:15px;
    /*width:400px;*/
    width:365px;
}
form.register .crigth
{
    border-top:1px solid #F1F1F1;
    padding:5px;
    float:rigth;
    margin-bottom:15px;
    /*width:400px;*/
    width:365px;
}
form.register legend
{
    color: #abda0f;
    padding:2px;
    margin-left: 14px;
    font-weight:bold;
    font-size: 18px;
    font-weight:100;
}
form.register label{
    color:#444;
    width:170px;
    float: left;
    text-align: right;
    font-size: 13px;
    margin-right: 3px;
    margin-top:2px;
}
form.register label.optional{
    float: left;
    text-align: right;
    margin-right: 6px;
    margin-top:2px;
    color: #A3A3A3;
}
form.register label.obinfo{
    float:right;
    padding:3px;
    font-style:italic;
}
form.register input{
    width: 180px;
    color: #505050;
    float: left;
    margin-right: 5px;
}
form.register input.long{
    /*width: 200px;*/
    width: 170px;
    color: #505050;
}
form.register input.short{
    width: 40px;
    color: #505050;
}
form.register input[type=radio]
{
    float:left;
    width:15px;
}
form.register label.gender{
    margin-top:-1px;
    margin-bottom:2px;
    width:34px;
    float:left;
    text-align:left;
    line-height:19px;
}
form.register input[type=text]
{
    border: 1px solid #E1E1E1;
    height: 18px;
}
form.register input[type=password]
{
    border: 1px solid #E1E1E1;
    height: 18px;
}
.input1
{
	background: #C1FFC1  repeat-x;
}
.button
{
    background: #abda0f url(../img/overlay.png) repeat-x;
    padding: 8px 10px 8px;
    color: #fff;
    text-decoration: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
    cursor: pointer;
    /*float:left;*/
    float:right;
    font-size:18px;
    margin:10px;
}
form.register input[type=text].year
{
    border: 1px solid #E1E1E1;
    height: 18px;
    width:30px;
}
form.register input[type=checkbox] {
    width:14px;
    margin-top:4px;
}
form.register select
{
    border: 1px solid #E1E1E1;
    width: 130px;
    float:left;
    margin-bottom:3px;
    color: #505050;
    margin-right:5px;
}
form.register select.date
{
    width: 40px;
}
form.login{
    width:600px;
    margin: 20px auto 0px auto;
    height:230px;
    background-color:#fff;
    padding:5px;
    -moz-border-radius:20px;
    -webkit-border-radius:20px;
}
input:focus, select:focus{
    background-color: #efffe0;
}
p.info{
    font-size:7pt;
    color: gray;
}
p.agreement{
    margin-left:15px;
}
p.agreement label{
    width:390px;
    text-align:left;
    margin-top:3px;
}

p.section2{
    margin-left:25px;
}
p.section2 label1{
    /*width:600px;*/
    width:650px;
    text-align:right;
    margin-top:3px;
}

p.section1{
    margin-left:15px;
}
/*p.section1 label1{
    width:400px;
    text-align:left;
    margin-top:3px;
}*/

/*----BODY RIGHT PANEL----*/
#bodyrightPan{width:359px; float:left;}
/*----Login Panel----*/
#loginPan{width:359px; height:199px; background:url(../images/formbg.gif) 0 0 repeat-y;}
#loginPan h2{width:230px; height:81px; display:block; background:url(../images/icon.gif) 0 50% no-repeat #fff; color:#5EA000; font:30px/80px Georgia, "Times New Roman", Times, serif; padding:0 0 0 64px; margin:0 0 0 18px;}
#loginPan h2 span{background:#fff; color:#017FC0;}

#loginPan form{width:321px; height:76px; background:#FCF6E6; color:#705D20; position:relative; border:1px dashed #BFB492; margin:0 0 0 18px; padding:6px 0 0;}
#loginPan form label{/*width:121px;*/width:80px; height:22px; display:block; float:left; padding: 0 0 0 20px; margin:9px 0 0;}
#loginPan form input{/*width:100px;*/width:65px; height:18px; font-size:12px; display:block; float:left; margin:9px 12px 0 0;}

#loginPan form input.button{width:49px; height:52px; display:block; position:absolute; top:6px; right:16px; background:url(../images/button.gif) 0 0 no-repeat #FCF6E6; border:none; color:#fff; margin:9px 0 0; font:16px/52px Georgia, "Times New Roman", Times, serif; text-align:center; padding:0px;}

#loginPan ul{width:323px; height:25px; margin:6px 0 0 18px;}
#loginPan ul li{width:166px; height:25px; float:left;}
#loginPan ul li.nonregister{width:286px; height:25px; float:left; background:url(../images/not-memberbg1.gif) 0 0 no-repeat #FEFEFE; color:#fff; font-weight:bold; line-height:25px; text-align:center;}
/*#loginPan ul li.nonregister{width:156px; height:25px; float:left; background:url(../images/not-memberbg.gif) 0 0 no-repeat #FEFEFE; color:#fff; font-weight:bold; line-height:25px; text-align:center;}*/
#loginPan ul li.register{width:165px; height:25px; float:left; background:url(../images/new-registerbg.gif) 0 0 no-repeat #FEFEFE; color:#fff; font-weight:bold; line-height:25px; margin:0 0 0 1px;}
#loginPan ul li.register a{width:141px; height:25px; display:block; background:url(../images/arrow1.gif) 95% 60% no-repeat; text-decoration:none; padding:0 0 0 25px;}
#loginPan ul li.register a:hover{background:url(../images/arrow2.gif) 95% 60% no-repeat; text-decoration:none;}
/*----/Login Panel----*/
#loginBottomPan{width:359px; height:25px; background:url(../images/form-bottombg.gif) 0 0 no-repeat;}

/*----/Login Panel----*/

#bottom_table
{
	width:100%;
	background-color:#FFFFFF;
	color:#919191;
	font-family:Arial, Helvetica, sans-serif;
	margin:0 auto 0 auto;
	float:left;
	padding-top:31px;
	padding-bottom:32px;
}
#bottom
{
	/*width:700px;*/
	width:700px;
	margin:0 auto 0 auto;
	background-color:#FFFBEF;
	/*height:448px;*/
	height:348px;
}
#bottom p.line
{
	width:1px;
	height:369px;
	background:url(images/line.gif) repeat-y #FFFBEF;
	float:left;
	margin-top:31px;
}

.btnBox {
  /*color: #900;
  background: #FF0;
  font-weight: bold;
  border: 1px solid #900;*/
  color:#FFF;
	/*font-size:1.5em;*/
	font-weight:bold;
	width:35px;
	background:#F90 url(../images/nav_bg.gif) bottom repeat-x;
}
 
.btnBox:hover {
  color: #0000A0;
  /*color: #ADD8E6;*/
  background: #900;
}

/*------------------right--------*/
#right{
	width:450px;
	/*width:349px;*/
	float:left;
	display:block;
	}
#right img{
	width:289px;
	height:116px;
	margin:13px 0 0 33px;
	}
#right h5{
	/*height:50px;*/
	height:40px;
	width:225px;
	background:url(../images/services.gif) no-repeat 34px 31px #FFFBEF;
	display:block;
	font:28px/17px Georgia, "Times New Roman", Times, serif;
	color:#AB8F4A;
	/*padding:57px 0 0 123px;*/
	padding:57px 0 10px 130px;
	}
#right h6{
	width:282px;
	font:16px/17px Arial, Helvetica, sans-serif;
	color:#048BD8;
	margin:0 0 0 54px;
	letter-spacing:-.05em;
	font-weight:bold;
	}
#right ul{
	list-style-type:none;
	width:445px;
	/*width:275px;*/
	display:block;
	padding:3px 0 0 54px;
	font-size:0px;
	}
#right ul li{
	display:block;
	height:24px;
	background:url(../images/right_arrow.gif) no-repeat 0 6px #FFFBEF;
	}
#right ul li a{
	font:14px/22px Arial, Helvetica, sans-serif;
	color:#919191;
	text-decoration:underline;
	display:block;
	margin-left:18px;
	}
#right ul li a:hover{
	text-decoration:none;
	}
#right a.link{
	width:49px;
	height:23px;
	background:url(images/more_bg.gif) no-repeat #A99661;
	margin: 0px 0 0 264px;
	font:14px/18px Georgia, "Times New Roman", Times, serif;
	color:#FFFFFF;
	display:block;
	padding-left:19px;
	text-decoration:none;
	
	}
#right a.link:hover{
	background:url(images/more_bgh.gif) no-repeat;
	}

.hsec 
{
	font-size: 11px;
	/*width:200px;*/
	display: block;
	color: #666666;
	background-color: #efefcc;
}

.alt0 {
	background-color: #efefcc;
}
.alt1 {
	background-color: #EFE9DE;
}
.alt2 {
	background-color: #F3F7DD;
}


/*--------------------SIDEBAR --------------------*/

#sidebar { float: right;  width: 215px; margin-right: 24px; }
#sidebar h2 { background: #fff url('../images/top_search.gif') no-repeat top left; color: #fff; background-color: #3881fe;font-size: 14px; margin: 0; padding: 12px 0 0 12px; border-bottom: 1px dashed #fff; }

#sidebar fieldset { border: none; padding-left: 15px; margin: 0 10px 0 0; width: 200px; }

#sidebar form { background: #3881fe url('../images/bottom_search.gif') no-repeat bottom left; margin-top: 0; padding-top: 1em; }
#sidebar input, #sidebar select, #sidebar label  { font-size: 90%; }
#sidebar label, #sidebar input { float: left; display: block; margin-bottom: 10px; }
#sidebar label { width: 170px;/*80px;*/ text-align: left; padding-right: 5px; color: #fff; }
#sidebar input { width: 90px; }
#sidebar select, #sidebar input { border: 1px solid #fff; }
#sidebar br { clear: left; }
.button1 { color: #014ccc; background: url('../images/button_bg.gif'); font-weight: bold; border: 1px solid #014ccc; padding: 2px; }

#sidebar ul { margin: 3em 0; padding: 0; }
#sidebar ul li { margin: 5px 0; padding: 0 0 5px 15px; list-style-type: none; border-bottom: 1px dotted #aaa;  }