body{
background-color:#faf6e5;
margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image:url(images/bg.jpg);
	background-repeat:repeat-x;
}

a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration:underline;
	color: #333333;	
}

#wraper{
margin:0 auto;
width:820px;
}
#topbox{
width:820px;
float:left;
}
#logo{
width:359px;
height:104px;
float:left;
background-image:url(images/logo.jpg);
background-repeat:no-repeat;
}

#toprightmenu{
width:119px;
height:104px;
float:right;
}
#homeicon{
width:36px;
height:34px;
float:left;
padding-top:34px;
}
#addicon{
width:36px;
height:34px;
float:left;
padding-top:34px;
}
#contactusicon{
width:47px;
height:34px;
float:left;
padding-top:34px;
}


/* menu start*/
#menubox1{
width:820px;
height:37px;
float:left;
}
 

#tabs {
	float:left;
	height:37px;
	width:820px;
	line-height:normal;
 
	}

#tabs ul {
	margin:0;
	padding:0px 0px 0 0px;
	list-style:none;
	
	
	
	}

#tabs li {
	display:inline;
	margin:0;
	padding:0;
	
	}

#tabs a {
	float:left;
	
	margin:0;
	padding:0 0 0 1px;
	text-decoration:none;
	}

#tabs a span {
	float:left;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;	
	height:24px;
	text-decoration: none;
	padding:10px 47px 8px 47px;
	color:#562497;
	}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;


}

/* End IE5-Mac hack */
#tabs a:hover span {

	}

#tabs a:hover, #tabs a.active {
	background-position:0% -42px;
	 
	color:#faf6e5;
	 
	
	 
	}

#tabs a:hover span  {
	background-position:100% -42px;
	background:url("images/right.png") no-repeat right top;
	color:#faf6e5;
	 
	}

.tabsactive {
	background-position:100% -42px;
	background:url("images/right.png") no-repeat right top;
	color:#faf6e5;
 
	 
}
 
/* menu end */

#spacebox{
width:820px;
height:50px;
float:left;
}
#spacebox2{
width:820px;
height:25px;
float:left;
}

#title{
width:797px;
height:108px;
float:left;
}
#contentbox{
width:820px;
 
float:left;
}

#txtbox{
width:457px;
float:left;
}

#txtbox-content{
width:600px;
float:left;
}
#txtboxa{
width:535px;
float:left;
}

#txtbox2{
width:322px;
float:left;
padding-left:20px;
}

#txtbox2a{
width:268px;
float:right;
 
}


#title1{
width:457px;
height:37px;
float:left;
border-bottom:1px #bab7a8 solid;
 

}
#title1a{
width:535px;
height:37px;
float:left;
border-bottom:1px #bab7a8 solid;
 

}
#title2{
width:293px;
height:37px;
float:right;
border-bottom:1px #bab7a8 solid;
}

#title2a{
width:241px;
height:37px;
float:right;
border-bottom:1px #bab7a8 solid;
}


.txt1{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 40px;
	font-weight: normal;
	color: #471c80;
	text-decoration: none;
}
.txt2{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
	color: #737169;
	text-decoration: none;
}
.txt3{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	font-weight: normal;
	color: #737169;
	text-decoration: none;
}
.txt4{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
	color: #737169;
	text-decoration: none;
}
.txt4:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
	color: #737169;
	text-decoration:underline;
}

#txtbox3{
width:457px;
padding-top:20px;
float:left;
}
#txtbox-content{
width:457px;
padding-top:20px;
float:left;
}
#txtbox3a{
width:535px;
padding-top:20px;
float:left;
}
#txtbox4{
width:320px;
padding-top:20px;
float:left;
}
#txtbox4a{
width:230px;
padding-top:20px;
float:left;
}
#txtbox4b{
width:230px;
 
float:left;
}

#txtbox5{
width:190px;
 
float:left;
}
#txtbox5a{
width:145px;
float:left;
}
#txtbox6{
width:290px;
padding-left:30px;
padding-top:8px;
float:left;
}
#txtbox7{
width:230px;
padding-top:8px;
float:left;
padding-left:27px;
}

#footer{
float:left;
width:820px;
padding-top:70px;
padding-bottom:70px;
}

#bookbox{
float:left;
width:320px;
 

}
#bookboxa{
float:left;
 
 

}
#bookrelease{
float:left;
width:320px;
padding-top:20px;

}
#bookreleasea{
float:left;
padding-top:20px;
}
#bookreleaseb{
padding-left:40px;
padding-top:25px;
line-height:25px;
float:left;
 
}
#picbook{
float:left;
width:123px;
height:122px;

}
#formbox1{
float:left;
width:535px;
}
#formbox2{
float:left;
width:460px;
 
}
#formbox3{
float:left;
width:460px;
 
}
#formbox4{
float:left;
width:220px;
padding-right:10px;
margin-bottom:20px;
 
 
}
#formbox5{
float:left;
width:220px;
padding-right:10px;
}
#formbox6{
float:left;
width:460px;
 
}

.inputtest1{
width:193px;
height:15px;
background-color:#f5efd5;
display:block;
font-family:Arial, Helvetica, sans-serif;
color:#6e6e6e;
font-size:12px;
padding:8px;
margin-top:11px;
border:1px solid;
float:left;
border-color:#9d9c96;
}
.inputtest2{
width:450px;
height:80px;
background-color:#f5efd5;
display:block;
font-family:Arial, Helvetica, sans-serif;
color:#6e6e6e;
font-size:12px;
padding:8px;
margin-top:11px;
border:1px solid;
float:left;
border-color:#9d9c96;
}

.inputtest3{
width:210px;
height:32px;
padding:5px;
background-color:#f5efd5;
font-family:Arial, Helvetica, sans-serif;
color:#6e6e6e;
font-size:12px;
margin-top:11px;
border:1px solid;
float:left;
border-color:#9d9c96;
}


/*Forms start*/

#formsbox{
float:left;
 
 

}

.cssform p{
 
clear: left;
margin: 0;
padding: 5px 0 8px 0;
 
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
 
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 140px;
}

.cssform textarea{
 
height: 130px;
 
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}


/*Forms end*/