/* Main Body Style */

#page_wrapper {
	margin : 0px auto;
	width : 80%;
	text-align : justify;
	display : block;
	clear : both;
}
#page_leftcol {
	width : 20%;
	float : left;
	font-size:18px;
}
#page_maincol {
	width: 1096px;
	/*width : 100%;*/
	float : left;
	height: auto;
}
#page_rightcol {
	margin-left : 13px;
	width : 192px;
	float : left;
}
#page_maincol_login{
	width :25%;
	float : left;
	height: auto;
}


/* Left Column Style */

.leftcol_box {
	width : 100%;
	background : #fff;
	overflow : hidden;
	display : block;
	clear : both;
}

.leftcol_box h2 {
	padding : 7px 0px;
	width : 100%;
	height : 11px;
	color : #fff;
	font-size : 11px;
	line-height : 11px;
	font-weight : bold;
}

.leftcol_box h2 span {
	left : 13px;
	display : block;
	position : relative;
}

.leftcol_box .content {
	margin : 15px 0px;
	width : 100%;
}

.leftcol_box .footnote {
	padding-left : 5px;
	padding-right : 5px;
	text-align : justify;
	color : #949393;
	clear : both;
}

.leftcol_box form {
	width : 149px;
	float : none;
}

#books_search {
	overflow : hidden;
	height : 135px;
}

#books_search h2 {
	background-color : #7EB610;
	border-bottom : #A2B565 1px solid;
}

#books_search a {
	color : #D14A4A;
	font-weight : bold;
}

#books_search a:hover {
	color : #EF7C7C;
	text-decoration : none;
	position : static;
}

#books_search input {
	margin-bottom : 14px;
	width : 140px;
}

#books_search select {
	margin-left : 0px;
	margin-bottom : 14px;
	width : 100px;
	float : left;
	clear : right;
}

#books_search input.submit {
	margin-left : 9px;
	width : 28px;
	height : 16px;
	float : right;
}

#catalog h2 {
	background-color : #F8C055;
	border-bottom : #F8C055 1px solid;
}

#catalog .content {
	text-align : center;
}

#catalog ul {
	margin-left : 4px;
	margin-right : 4px;
	margin-bottom : 14px;
	width : 141px;
	height : 97px;
	background : url('../../img/catalog_bg.gif') 0px 0px;
	overflow : hidden;
}

#catalog li {
	display : block;
	float : left;
}

#catalog li span {
	padding-top : 6px;
	padding-bottom : 5px;
	width : 20px;
	text-align : center;
	position : relative;
	display : block;
}

#catalog li a {
	color : #B0ADAD;
	font-size : 15px;
	font-weight : bold;
	text-decoration : none;
}

#catalog a:hover {
	color : #716E6E;
}

#catalog .footnote {
	font-weight : bold;
	line-height : 13px;
}

#catalog .footnote h4 {
	padding-bottom : 5px;
	color : #716E6E;
	text-transform : uppercase;
	font-size : 9px;
}

#catalog .footnote em {
	color : #D14A4A;
	font-style : normal;
}

#knowmore {
	margin-top : 13px;
	width : 192px;
	height : 114px;
	overflow : hidden;
	background : url('../../img/knowmore_bg.gif') #83A028 no-repeat 0px 0px;
	color : #FEFEFE;
	text-align : justify;
}

#knowmore h2 {
	height: 23px;
	background : url('../../img/header_knowmore.gif') no-repeat 0px 0px;
}

#knowmore span.image {
	float : left;
	display : block;
	width : 58px;
	height : 45px;
}

#knowmore p {
	margin-left : 10px;
	width : 160px;
}

#knowmore .readmore {
	margin-right : 5px;
	text-align : right;
	font-weight : bold;
	clear : both;
}

#knowmore a {
	color : #fff;
}

#newsletter h2 {
	background-color : #58A4DE;
	border-bottom : #58A4DE 1px solid;
}

#newsletter .content {
	margin : 8px 14px 5px;
	width : 149px;
}

#newsletter input {
	margin-bottom : 8px;
	width : 140px;
}

#newsletter input.submit {
	margin-bottom : 10px;
	width : 66px;
	height : 17px;
	float : right;
}


/* Main Column Style */

#maincol_top {
	margin-top : 13px;
	width : 549px;
	height : 137px;
	background : url('../../img/maincol_bg.gif') repeat-x 0px 0px;
	overflow : hidden;
}

#maincol_top h2 {
	width : 121px;
	height : 32px;
	/*background : url('../../img/maincol_header.gif') no-repeat 0px 0px;*/
}

#maincol_top .sideimg {
	position : absolute;
	background : url('../../img/maincol_img.jpg') no-repeat bottom left;
	width : 87px;
	height : 137px;
}

#maincol_top .content {
	position : absolute;
	margin-left : 95px;
	width : 353px;
	color : #fff;
}

#maincol_top .readmore {
	margin-top : 8px;
	text-align : right;
}

#maincol_top a {
	color : #fff;
	font-weight : bold;
	text-decoration : none;
}

#maincol_top a:hover {
	text-decoration : underline;
}

.maincol_box {
	width : 549px;
	background : url('../../img/maincol_vline.gif') #fff repeat-y 180px 0px;
	overflow : hidden;
}

.maincol_box h2 {
	width : 549px;
	height : 26px;
}

/* ============================================================================ */
/* ============================================================================ */
.login_outer_div{margin:40px 100px; float:left; width:350px; height:220px; background: #FFFCCC;  padding:20px; border: 1px solid #CCCCCC;}
.login_inner_div{width:98%; height:200px; float:left;}
.login_ctrl_div{width:98%; height:40px; padding:10px 0; font-size:12px;}
.login_ctrl_div label{width:40%; text-align:right; float:left; margin:10px 0;}
.login_ctrl_div span1{width:59%; float:right; text-align:left;	}
.login_ctrl_div span1 input{width:98%; height:35px; float:right;}

.btncls{background:#CCCFFF; font-size:12px;}
h3{font-size:15px;}

.headerdiv{
	    	width:98%; background: #CCCFFF; height:40px; font-size: 26px; text-align: center; padding:20px 0;
	    	color:#FFF; border:1px solid #FFFCCC;
	    }
.maindiv {
   width:98%; margin:auto; height:100px;
}
.main_sub_div{
	border:1px solid #CCCCCC; width:98%; margin:10px 0; height:100px; padding:2% 0%;
}
.innerdiv {
   width:49%; height:30px; text-align:center; float:left; margin:3.5px; font-size:12px;
}
.innerdiv label{
    	width:40%; float:left; text-align:left; padding:2px; height:30px;
}
.innerdiv span{
	width:49%;float:left;padding:2px;
}
.innerdiv span input{
	width:98%; font-size:15px;
}
.innerdiv span select{
	width:80%; font-size:15px;
}
.btncss{width:100px; height:40px; background:green; color:#FFFFFF; padding:2px; text-align:center;
}

.maindiv1 {
    border:1px solid #CCCCCC; width:98%; margin:auto; height:auto; padding:2% 0%; float:left;
}
.main_sub_div1{
	border:1px solid #CCCCCC; width:98%; margin:auto; height:inherit;
}

.maindiv2 {
    border:1px solid #CCCCCC; width:100%; margin:auto; height:auto; padding:1% 0%; float:left; text-align:center; margin-top:50px;
}

.maindiv3 {
    border:1px solid #CCCCCC; width:98%; margin:auto; height:auto; padding:2% 0%; float:left; text-align:center;
    margin-top:10px;
}


select{width:200px; height:35px;}
input{width:200px; height:35px;}

.success{margin:10px 190px; float:left; width:80%; height:120px; background: #FFFCCC;  padding:20px;}

.content h2{width:90%; float:left; text-align:center; padding: 25px 0; font-size: 16px; margin: 0 5%;}

.DivLabelOuter{width:98%;  border:1px solid #A5A4A4; padding: 0.1% 0%; float: left; font-size: 11px;}
.DivLabelInner{border:1px solid #0A246A; float:left; padding: inherit; background: #58A4DE; color:#fff; text-align: center;}
.DivLabelInner_One{float:left; padding: inherit; background: #58A4DE; color:#fff; width: 3.2%; float:left;}
.DivLabelInner_Two{float:left; padding: inherit; background: #58A4DE; color:#fff; width: 4.1%; float:left;}
.DivLabelInner_Five{float:left; padding: inherit; background: #58A4DE; color:#fff; width: 4%; float:left;}
.DivLabelInner_Seven{float:left; padding: inherit; background: #58A4DE; color:#fff; width: 6.5%; float:left;}
.DivLabelInner_Ten{float:left; padding: inherit; background: #58A4DE; color:#fff; width: 9.5%; float:left;}
.DivLabelInner_Fifteen{float:left; padding: inherit; background: #58A4DE; color:#fff; width: 14%; float:left;}
.DivLabelInner_Twenty{float:left; padding: inherit; background: #58A4DE; color:#fff; width: 19.5%; float:left;}
.DivLabelInner_Thirty{float:left; padding: inherit; background: #58A4DE; color:#fff; width: 24.5%; float:left;}
.DivLabelInner_Forty{float:left; padding: inherit; background: #58A4DE; color:#fff; width: 38%; float:left;}
.DivLabelInner_Fifty{float:left; padding: inherit; background: #58A4DE; color:#fff; width: 49.5%;}
.DivLabelInner_Sixty{float:left; padding: inherit; background: #58A4DE; color:#fff; width: 59.5%;}

.DivSpanOuter{width:98%; border:1px solid #A5A4A4; padding: 0.1% 0%; float: left; font-size:11px; text-align: left;text-align: center;}
.DivSpanInner{border:1px solid #0A246A; float:left; padding: inherit; background: #58A4DE; color:#fff;}
.DivSpanInner_One{ width:3.2%; float: left; padding: inherit; background: #FFFFD4; color:#003D4C;}
.DivSpanInner_Two{ width:4.1%; float: left; padding: inherit; background: #FFFFD4; color:#003D4C; height:20px; text-align:center;}
.DivSpanInner_Five{ width:4%; float: left; padding: inherit; background: #FFFFD4; color:#003D4C;}
.DivSpanInner_Seven{ width:6.5%; float: left; padding: inherit; background: #FFFFD4; color:#003D4C;}
.DivSpanInner_Ten{ width:9.5%; float: left; padding: inherit; background: #FFFFD4; color:#003D4C;}
.DivSpanInner_Fifteen{ width:14.0%; float: left; padding: inherit; background: #FFFFD4; color:#003D4C;}
.DivSpanInner_Twenty{ width:19.5%; float: left; padding: inherit; background: #FFFFD4; color:#003D4C;}
.DivSpanInner_Thirty{ width:24.5%; float: left; padding: inherit; background: #FFFFD4; color:#003D4C;}
.DivSpanInner_Forty{ width:38%; float: left; padding: inherit; background: #FFFFD4; color:#003D4C;}
.DivSpanInner_Fifty{ width:49.5%; float: left; padding: inherit; background: #FFFFD4; color:#003D4C;}
.DivSpanInner_Sixty{ width:59.5%; float: left; padding: inherit; background: #FFFFD4; color:#003D4C;}

.DivCatLabelOuter{border:1px solid #A5A4A4; width:98%; float:left; font-size:12px; font-weight:bold;}
.DivCatLabelInner_Five{border:1px solid #0A246A; width:2%; float:left; padding:1% 1.1%;}
.DivCatLabelInner_Ten{border:1px solid #0A246A; width:9.4%; float:left; padding:1% 0.1%;}
.DivCatLabelInner_Fifteen{border:1px solid #0A246A; width:14.4%; float:left; padding:1% 0.1%;}
.DivCatLabelInner_Twenty{border:1px solid #0A246A; width:19.4%; float:left; padding:1% 0.1%;}
.DivCatLabelInner_Thirty{border:1px solid #0A246A; width:29.4%; float:left; padding:1% 0.1%;}
.DivCatLabelInner_Five{border:1px solid #0A246A; width:4%; float:left; padding:1% 0.1%;}
.DivCatLabelInner_Fifteen{border:1px solid #0A246A; width:14.7%; float:left; padding:1% 0.1%;}
.DivCatLabelInner_Sixty{border:1px solid #0A246A; width:60%; float:left; padding:1% 0.1%;}

.DivCatSpanOuter{border:1px solid #A5A4A4; width:98%; float:left; font-size:12px; height:20px;}
.DivCatSpanInner_Ten{border:1px solid #0A246A; width:9.4%; float:left; padding:0.25% 0.1%; height:inherit;}
.DivCatSpanInner_Fifteen{border:1px solid #0A246A; width:14.4%; float:left; padding:0.25% 0.1%; height:inherit;}
.DivCatSpanInner_Twenty{border:1px solid #0A246A; width:19.4%; float:left; padding:0.25% 0.1%; height:inherit;}
.DivCatSpanInner_Thirty{border:1px solid #0A246A; width:29.4%; float:left; padding:0.25% 0.1%; height:inherit;}
.DivCatSpanInner_Five{border:1px solid #0A246A; width:4%; float:left; padding:0.25% 0.1%; height:inherit;}
.DivCatSpanInner_Fifteen{border:1px solid #0A246A; width:14.7%; float:left; padding:0.1% 0.1%; height:inherit;}
.DivCatSpanInner_Sixty{border:1px solid #0A246A; width:60%; float:left; padding:0.25% 0.1%; text-align:left; height:inherit;}


.childdiv{width:98%; float:left; text-align:left; height:35px;}
.childdiv label{width:49%; float:left; text-align:left;}


.DivLabelInnerR{border:1px solid #0A246A; float:left; padding: inherit; background: #58A4DE; color:#fff;}
.DivLabelInnerR_One{float:left; padding: inherit; background: #58A4DE; color:#fff; width: 3.2%; float:left;}
.DivLabelInnerR_Two{float:left; padding: inherit; background: #58A4DE; color:#fff; width: 4.1%; float:left;}
.DivLabelInnerR_Five{float:left; padding: inherit; background: #58A4DE; color:#fff; width: 4%; float:left;}
.DivLabelInnerR_Seven{float:left; padding: inherit; background: #58A4DE; color:#fff; width: 6.5%; float:left;}
.DivLabelInnerR_Ten{float:left; padding: inherit; background: #58A4DE; color:#fff; width: 9.5%; float:left;}
.DivLabelInnerR_Fifteen{float:left; padding: inherit; background: #58A4DE; color:#fff; width: 14%; float:left;}
.DivLabelInnerR_Twenty{float:left; padding: inherit; background: #58A4DE; color:#fff; width: 19.5%; float:left;}
.DivLabelInnerR_Thirty{float:left; padding: inherit; background: #58A4DE; color:#fff; width: 24.5%; float:left;}
.DivLabelInnerR_Forty{float:left; padding: inherit; background: #58A4DE; color:#fff; width: 38%; float:left;}
.DivLabelInnerR_Fifty{float:left; padding: inherit; background: #58A4DE; color:#fff; width: 49.5%;}
.DivLabelInnerR_Sixty{float:left; padding: inherit; background: #58A4DE; color:#fff; width: 59.5%;}


.DivSpanOuterR{width:98%; padding: 0.1% 0.25%; float: left; font-size:12px; text-align: left;}
.DivSpanInnerR{ float:left; padding: inherit; color:#fff;}
.DivSpanInnerR_One{ width:3.2%; float: left; padding: inherit;  color:#003D4C;}
.DivSpanInnerR_Two{ width:4.1%; float: left; padding: inherit;  color:#003D4C; height:10px; text-align:center;}
.DivSpanInnerR_Five{ width:4%; float: left; padding: inherit;  color:#003D4C;}
.DivSpanInnerR_Seven{ width:6.5%; float: left; padding: inherit; color:#003D4C;}
.DivSpanInnerR_Ten{ width:9.5%; float: left; padding: inherit;  color:#003D4C;}
.DivSpanInnerR_Fifteen{ width:14.0%; float: left; padding: inherit; color:#003D4C;}
.DivSpanInnerR_Twenty{ width:19.5%; float: left; padding: inherit; color:#003D4C;}
.DivSpanInnerR_Thirty{ width:24.5%; float: left; padding: inherit; color:#003D4C;}
.DivSpanInnerR_Forty{ width:38%; float: left; padding: inherit; color:#003D4C;}
.DivSpanInnerR_Fifty{ width:49.5%; float: left; padding: inherit; color:#003D4C;}
.DivSpanInnerR_Sixty{ width:59.5%; float: left; padding: inherit;color:#003D4C;}

.DivCatLabelOuterR{ width:98%; float:left; font-size:12px; font-weight:bold;}
.DivCatLabelInnerR_Five{ width:2%; float:left; padding:1% 1.1%;}
.DivCatLabelInnerR_Ten{ width:9.4%; float:left; padding:1% 0.1%;}
.DivCatLabelInnerR_Fifteen{ width:14.4%; float:left; padding:1% 0.1%;}
.DivCatLabelInnerR_Twenty{ width:19.4%; float:left; padding:1% 0.1%;}
.DivCatLabelInnerR_Thirty{ width:29.4%; float:left; padding:1% 0.1%;}
.DivCatLabelInnerR_Five{ width:4%; float:left; padding:1% 0.1%;}
.DivCatLabelInnerR_Fifteen{ width:14.7%; float:left; padding:1% 0.1%;}
.DivCatLabelInnerR_Sixty{ width:60%; float:left; padding:1% 0.1%;}

.DivCatSpanOuterR{ width:98%; float:left; font-size:12px; height:20px;}
.DivCatSpanInnerR_Ten{ width:9.4%; float:left; padding:0.25% 0.1%; height:inherit;}
.DivCatSpanInnerR_Fifteen{ width:14.4%; float:left; padding:0.25% 0.1%; height:inherit;}
.DivCatSpanInnerR_Twenty{ width:19.4%; float:left; padding:0.25% 0.1%; height:inherit;}
.DivCatSpanInnerR_Thirty{ width:29.4%; float:left; padding:0.25% 0.1%; height:inherit;}
.DivCatSpanInnerR_Five{ width:4%; float:left; padding:0.25% 0.1%; height:inherit;}
.DivCatSpanInnerR_Fifteen{ width:14.7%; float:left; padding:0.1% 0.1%; height:inherit;}
.DivCatSpanInnerR_Sixty{ width:60%; float:left; padding:0.25% 0.1%; text-align:left; height:inherit;}