/* CSS Document */
body {
	background-color: #336699;
}

/******************/

/**   HEADER     **/

/******************/
.wrapper{
	width: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #000;
	background-color: #FFF;
	margin: 0 auto;
	}
.header{
	height:62px;
	background-color: #336699;
	border-bottom: solid 5px;
	border-bottom-color: #FFF;
	}
.header_container{
	background-color: #06F;
}

.logo{
	float: left;
	height: 62px;
	width: 440px;
	background-repeat: no-repeat;
	padding-left: 5px;
	  }
.htmlform{
	height: 62px;
	padding-top: 5px;
	padding-left: 100px;
		}
.search{
	width: 940px;
	padding-top: 10px;
	padding-bottom: 10px;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	background-color: #336699;
		}
.search1{
	background: -webkit-gradient(linear, bottom, left 175px, from(#CCCCCC), to(#EEEEEE));
	background: -moz-linear-gradient(bottom, #CCCCCC, #EEEEEE 175px);
	background: -ms-linear-gradient(top left, #CCCCCC 0%, #EEEEEE 100%);
	margin: auto;
	position: relative;
	width: 850px;
	height: 200px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	font-style: italic;
	line-height: 24px;
	font-weight: bold;
	color: #09C;
	text-decoration: none;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 10px;
	border: 1px solid #999;
	border: inset 1px solid #333;
	-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}

input    {
width:150px;
display:block;
border: 1px solid #999;
height: 25px;
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}

input.button {
	width: 100px;
	position: absolute;
	right: 66px;
	bottom: 20px;
	background: #09C;
	color: #fff;
	font-family: Tahoma, Geneva, sans-serif;
	height: 30px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	border: 1p solid #999;
}
input.button:hover {
background:#fff;
color:#09C;
}
.contact{
	background: -webkit-gradient(linear, bottom, left 175px, from(#CCCCCC), to(#EEEEEE));
	background: -moz-linear-gradient(bottom, #CCCCCC, #EEEEEE 175px);
	background: -ms-linear-gradient(top left, #CCCCCC 0%, #EEEEEE 100%);
	margin: auto;
	position: relative;
	width: 300px;
	height: 550px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	font-style: italic;
	line-height: 24px;
	font-weight: bold;
	color: #09C;
	text-decoration: none;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 10px;
	border: 1px solid #999;
	border: inset 1px solid #333;
	-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}

input    {
width:150px;
display:block;
border: 1px solid #999;
height: 25px;
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}

input.button {
	width: 100px;
	position: absolute;
	right: 66px;
	bottom: 20px;
	background: #09C;
	color: #fff;
	font-family: Tahoma, Geneva, sans-serif;
	height: 30px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	border: 1p solid #999;
}
input.button:hover {
background:#fff;
color:#09C;
}
.searchcolumn1{
	width: 200px;
	padding-top: 10px;
	padding-bottom: 10px;
	float: left;
	margin-left: 110px;
	margin-right: 0px;
		}	
.searchcolumn2{
	width: 200px;
	padding-top: 10px;
	padding-bottom: 10px;
	float: left;
	margin-left: 0px;
	margin-right: 0px;
		}	
.searchcolumn3{
	width: 200px;
	padding-top: 10px;
	padding-bottom: 10px;
	float: left;
	margin-left: 0px;
	margin-right: 10px;
		}
.date{
	width: 300px;
	float: left;
		}
.header_seperator{
	background-color:#cccccc;
	height:2px;
	text-align:center;
    }
.menu_seperator{
	height:38px;
	text-align:center;
	z-index:auto;
	background-color: #5F5F5F;
	float: left;
	width: 100%;
    }
.menu_seperatorindex{
	height:38px;
	text-align:center;
	z-index:auto;
	width: 85%;
	background-color: #5F5F5F;
	padding-right: 100px;
	padding-left: 100px;
    }

/***************/

/***  BODY    **/

/***************/
#listingbook {
	z-index: auto;
}

.mainbody{
	padding-top:10px;
    }
.sidebar1 {
	float: left;
	width:160px;
	background-color: #FFF;
	padding-top: 20px;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-left:10px;
}
.content {
	padding: 10px 0;
	width: 100%;
	float: left;
}
.contentindex {
	padding-top: 20px;
	padding: 10px 0;
	width: 600px;
	float: left;
}
.sidebar2 {
	float: left;
	width: 170px;
	background-color: #FFF;
	padding-bottom: 10px;
	padding-top: 20px;
	padding-left: 10px;
}
#mainbodyindex{
	padding-right: 100px;
	padding-left: 100px;
	width: 85%;
	background-color: #5f5f5f;
    }
.main_conatiner{
        background:#ffffff;
        border-right:10px solid #aeaeae;
        border-left:10px solid #aeaeae;
        border-bottom:10px solid #aeaeae;
        margin:0px auto;
        text-align:left;
        width:1000px;
        }
.main_content{
	text-align:left;
	border: 0px solid #666666;
	padding-top: 20px;
	padding-bottom: 0px;
	background-color: #FFFFFF;

    }
.main_contentindex{
	text-align:left;
	width:100%;
	border: 0px solid #666666;
	padding-top: 10px;
	padding-right: 0px;
	padding-left: px;
	padding-bottom: 10px;
	background-color: #FFFFFF;
    }
.main_content h2{
        color:#377d9f;
        font-size:18px;
        margin:0px 0px 10px 0px;
        }
.main_content h4{
        color:#eb5324;
        font-size:13px;
        font-weight:bold;
        }
.iframe{ 
    background-color: #666666; 
} 
/***********************/

/***    FOOTER     *****/

/***********************/
.footer {
	padding: 10px 0;
	background-color: #333333;
	position: relative;/* this gives IE6 hasLayout to properly clear */
	clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
	color: #999;
	text-align: center;
}
	/******************************************* 
											STYLES 
				********************************************/	
.style1{font:Arial, Helvetica, sans-serif; font-size: 10px;}
.style2 {font-family: Script;}
.style3 {font:Arial, Helvetica, sans-serif; color: #000000; font-size: 24px;}
.style4{font:Arial, Helvetica, sans-serif; color: #cccccc; font-size: 12px;}
.style5{font:Arial, Helvetica, sans-serif; color: #cccccc; font-size: 9px;}
.style6{font:"Times New Roman", Times, serif; color: #ffffff; font-size: 11px;}
.style7{font:Arial, Helvetica, sans-serif; color: #ffffff; font-size: 11px;}
.style8{font:Arial, Helvetica, sans-serif; color: #ffffff; font-size: 13px;}
.style9{font:Arial, Helvetica, sans-serif; color: #003399; font-size: 11px;}
.style10{font:Arial, Helvetica, sans-serif; color: #003399; font-size: 13px;}
.style11{font:Arial, Helvetica, sans-serif; color: #003399; font-size: 9px;}
.style12 {font-family: Arial, Helvetica, sans-serif; color: #333333; }
.style13{font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #003399; }
.style14 {font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #666666; }
.style15 {font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #ffffff; }
.style16 {font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #003399; }
.style17 {text-style:bold; color: #0066cc; font-size: 14px;}
.style18 {font:Arial, Helvetica, sans-serif; color: #666666; font-size: 20px;}
.style19 {font:Arial, Helvetica, sans-serif; color: #000000; font-size: 16px;}
.style20 {font-family: "Edwardian Script ITC", Connecticut; color: 003399; font-size: 24px;}
.style21 {font:Arial, Helvetica, sans-serif; font-size:16px; color: #003399;}
.style22 {font:Arial, Helvetica, sans-serif; font-size: 12px; color:#333333;}
.style23 {font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #666666; }
.style24 {font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #003399; }
.style25 {font:Arial, Helvetica, sans-serif; color: #ffffff; font-style:italic; font-size: 36px;}
.style26 {font:Arial, Helvetica, sans-serif; color: #000000; font-style:italic; vertical-align:bottom; font-size: 20px;}
.style27 {font:Arial, Helvetica, sans-serif; color: #424242; font-size: 11px;}
.style28 {font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #666666; 
		 list-style:square inside; color:#0066cc;}
.style29 {font-family: Arial, Helvetica, sans-serif; font-style:italic; font-size: 25px; color: #003399; }
.style30 {font:Arial, Helvetica, sans-serif; color: #336699; font-style:italic; vertical-align:bottom; font-size: 20px;}
.style32 {font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #ffffff; }
#hover a{font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: blue; 
}
html>body #hover a{ /*Non IE rule*/
width: auto
}
#hover a:hover{
background-color: #;
font-weight:bold;
text-decoration:underline;
color: blue;
}
#coolmenu{
	border: 0px solid black;
	width: 200px;
	background-color: #FFFFFF;
}
#coolmenu2{
border: 0px solid black;
width: 160px;
background-color: #FFFFFF;
}
#coolmenu a{
font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#666666;
padding: 2px;
padding-left: 4px;
display:block;
width: 150px;
color: #666666;
text-decoration: none;
border-bottom: 0px solid black;
}

html>body #coolmenu a{ /*Non IE rule*/
width: auto;
}

#coolmenu a:hover{
background-color: #2580a2;
text-decoration:underline;
color: white;
}