/* 

CSS Document for Free Computer Programming Books

*/

* {
	padding:0;
	margin:0;
}

.hide {
	display:none;
}

.clear {
	clear:both;
}

body{
	padding:0px;
	margin:0 auto;
	position:relative;
	background: url(../images/header-bg.jpg) 0 -124px repeat-x #EFEFEF;
	color:#666; font:12px/20px Arial, Helvetica, sans-serif;
	font-weight:normal;
}



ul{list-style-type:none;}

/* Header */

#header{
	/*width:960px;
	height:252px;
	position:relative;
	margin:0 auto;
	padding:0; */
	width:960px;
	height:100px;
	position:relative;
	margin:0 auto;
	padding:0;
}

#header h1{
	/*width:311px;
	height:215px;
	background:url(images/logo2.gif) 0 0 no-repeat #FEEBB0;
	color:#fff;
	text-indent:-2000px;
	*/
	width:495px;
	height:86px;
	background:url(../images/logo.gif) 0 0 no-repeat #FEEBB0;
	text-indent:-2000px;
	margin-bottom:5px;
}

#header img{
	width:500px;
	height:91px;
	margin:0px;
	padding:0px;
}

#header ul{
	width:960px;
	height:32px;
	display:block;
	margin:0px;
	padding:0px;
	background:url(../images/menu-bg.gif) 0 0 repeat-x #FF8714;
	color:#fff;
}

#header ul li{
	float:left;
	display:block;
	width:75px;
	height:32px;
	background:url(../images/menu-devider.gif) right top no-repeat;
}

#header ul li span{display:block; width:73px; height:32px; background:url(../images/menu-hover.gif) 50% 0 no-repeat; font:13px/32px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;}

#header ul li a{display:block; width:73px; height:32px; background:url(../images/menu-bg.gif) 0 0 repeat-x #FF8714; color:#fff; font:13px/32px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;}

#header ul li a:hover{display:block; width:73px; background:url(../images/menu-hover.gif) 50% 0 no-repeat;text-decoration:none; /*position:fixed;*/ margin:0; padding:0px;}

#header ul li.contact{display:block; width:75px; height:32px; background:url(../images/menu-bg.gif) 0 0 repeat-x #FF8714; color:#fff; font:13px/32px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;}

#header ul li.contact:hover{display:block; width:75px; background:url(../images/menu-hover.gif) 50% 0 no-repeat;text-decoration:none; /*position:fixed;*/ margin:0; padding:0px;}

/* End Header */



/* Layout
********************************************************************************************* */
#container{
	 clear:both;
	 width:960px;
	 margin:0 auto;
	 background:#fff;
}

#leftCol{
	width:220px;
	display:block;
	background:#fff;
	float:left;
	margin:0;
	padding:0;
	padding-top:20px;

}

#middleCol{
	width:500px;
	float:left;
	background:#FFF;
	padding:0;
	color:#666;
	padding-top:20px;
}

#rightCol{
	width:220px;
	float:left;
	background:#FFF;
	padding:0;
	color:#666;
	padding-top:20px;
}

#mainfooterbody{
	clear:both;
	background:url(../images/footer-bg.jpg) 0 0 repeat-x #4D4D4D;
	color:#fff;
	padding:0 0 0 0;
	position:relative;
	margin:0 auto;
	
}

#footer{
	width:960px;
	height:120px;
	margin:0 auto;
	padding:10px 0 0 50px;
}

/* Home Page */

#featuredBooks {
	margin:10px 0 10px 10px;
}

#featuredBooks img {
	display:block;
	width:140px;
	height:180px;
}

/* Thumbnails */

.floatLeft {
	float:left;
	width:140px;
	margin:3px;
	border:1px solid #ccc;
	padding:3px;
}

.floatRight {
	float:right;
	margin:0 0 10px 10px;
	border:1px solid #ccc;
	padding:3px;
}

/* Main Images */

#bookInset {
	float:right;
	display:block;
	margin:0 0 10px 10px;
	padding:10px;
}

#bookInset img {
	border:1px solid #ccc;
}

/* Typography
********************************************************************************************* */

h2, h3, h4 {
	font:22px/22px "Trebuchet MS",Arial, Helvetica, sans-serif;
	color:#4D4D4D;
}

#leftCol h2 {
	font-weight:bold;
	padding:0 0 10px 0;
	margin:0 0 0 10px;
}

#leftCol p {
	padding:5px 0;
	color:#4D4D4D;
}

#middleCol h2, #middleCol h3, #middleCol h4, #middleCol p {
	margin:0 10px;
}

#middleCol h2 {
	font:22px/22px "Trebuchet MS",Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#4D4D4D;
	padding:0 0 10px 0;
}

#middleCol p {
	padding:5px 0;
	color:#4D4D4D;
	font-size:12px;
	line-height:18px;
}

.quote {
	font-style:italic;
}

#rightCol h3 {
	background: url(../images/dot-line.gif) repeat-x 0 100%;
	font-weight:bold;
	padding:0 0 5px 0;
	margin:0 10px 10px 10px;
}

#rightCol p {
	font-size:12px;
	line-height:18px;
	margin:0 0 0 10px;
}

#rightCol img {
	border:none;
	margin:0 0 0 10px;
}

#footer p{  font-size:11px;margin:0; display:block; color:#FF833B;}



/* Lists 
********************************************************************************************* */

#leftCol ul{
	width:200px;
	display:block;
	margin:0 0 0 10px
}

#leftCol ul li{
	width:200px;
	display:block;
	float:left;
	background: url(../images/dot-line.gif) repeat-x 0 100%;
	padding:5px 0;
}

#leftCol ul li a{ 
	
}

#leftCol ul li a:hover{
	text-decoration:underline;
	display:block;
}



/* footer Panel */

#footer ul{
	padding:0;
}

#footer li{
	font-size:11px;
	display:inline;
}

#footer ul li a {
	padding:0;
	color:#fff;
	text-decoration:none;
}
#footer ul li a:hover {
	text-decoration:underline;
}




/* Forms 

*********************************************************************************** */

#newsletter {
	margin:0;
}
#newsletter legend {
	display:none;
}
#newsletter fieldset {
	border:none;
}

#newsletter label {
	display:block;
	width:100px;
	font-weight:bold;
}

#btnNewsletter {
	padding:3px;
	margin-top:5px;
}

.frmInputSmall {
	border:1px solid #ccc;
	padding:3px;
	font-size:12px;
}

#frmNewsletter {
	padding-bottom:10px;
}

#middleCol form{
	margin:10px;
}
#middleCol form fieldset{
	padding:10px;
	border:1px solid #ccc;
}
.input{
	padding:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	width:90%;
}
#middleCol form label{
	display:block;
	width:200px;
	padding-bottom:3px;
}
#middleCol form legend{
	padding:3px;
}
#btnSubmit {
	width:100px;
}

#rightCol a{ 
    text-decoration:none;
}

#leftCol a{ 
    text-decoration:none;
}
