
/** BASIC */
body {
    margin: 0px;
    padding: 0px;
    background: url(/images/bg01.jpg) repeat left top;
	
}
/** FORMS */
form {
    margin: 0px;
    padding: 0px;
}

fieldset {
    margin: 0px;
    padding: 0px;
    border: none;
}
/** HEADINGS */
h1, h2, h3 {
    margin: 0px;
}
/** TEXTS */
body, th, td, input, textarea, select {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #BEB09D;
}

p, ul, ol, dl {
    margin-top: 0px;
    margin-bottom: 20px;
    text-align: justify;
    line-height: 180%;
}
/** LINKS */
a {
    color: #908600;
}

a:hover {
    text-decoration: none;
}
/** STYLES */
.style1 {
    margin: 0px;
    letter-spacing: -2px;
    text-transform: lowercase;
    font-size: 26px;
    color: #534331;
}

.style2 {
    margin: 0px 0px 20px 0px;
    letter-spacing: -1px;
    text-transform: lowercase;
    font-size: 14px;
    color: #9DA55C;
}

.style3 {
    margin-bottom: 20px;
    text-transform: lowercase;
    font-size: 21px;
    color: #F6FFCE;
}

.style4 {
    margin-bottom: 5px;
    text-transform: lowercase;
    font-size: 11px;
    color: #FFF9DC;
}
/** LISTS */
.list1 {
    position: relative;
    margin: 0px;
    padding: 0px;
    color: #967258;
}

.list1 dt {
    float: left;
    padding: 7px 0px 5px 21px;
    background: url(/images/homepage08.gif) repeat-x left top;
}

.list1 dd {
    padding: 7px 21px 5px 0px;
    text-align: right;
    background: url(/images/homepage08.gif) repeat-x left top;
}

.list1 .first {
    background: none;
}

.list1 a {
    color: #CFCD9A;
}
/** BACKGROUNDS */
.bg1 {
    margin: 15px -11px 0px -23px;
    padding: 15px 11px 0px 23px;
    background: url(/images/bg07.jpg) no-repeat left top;
}

.bg2 {
    margin: 0px -24px 0px -10px;
    padding: 15px 24px 0px 10px;
    background: url(/images/bg08.jpg) no-repeat left top;
}
/** MISC */
.align-justify {
    text-align: justify;
}

.align-right {
    text-align: right;
}

img {
    border: none;
}

img.left {
    float: left;
    margin: 3px 20px 0px 0px;
}

img.right {
    float: right;
    margin: 3px 0px 0px 20px;
}

img.border {
}

hr {
    display: none;
}

.hr1 {
    height: 1px;
}

.comments {
    padding-left: 20px;
    background: url(/images/homepage05.gif) no-repeat left center;
}

.permalink {
    padding-left: 16px;
    background: url(/images/homepage06.gif) no-repeat left center;
}
/** WRAPPER */
#wrapper {
    background: url(/images/bg02.jpg) repeat-x left top;
}

#wrapper2 {
    height: 294px;
    background: url(/images/bgNew2.jpg) no-repeat center top;
}

#wrapper3 {
    background: url(/images/bg04.jpg) repeat-y center top;
}

#wrapper4 {
    background: url(/images/bg05.jpg) no-repeat center top;
}

#wrapper5 {
    background: url(/images/bg09.jpg) no-repeat center top;
}

#clear {
    background: url(/images/bg06.jpg) no-repeat center bottom;
}
/** HEADER */
#header {
    width: 976px;
    margin: 0px auto;
}
/** LOGO */
#logo {
    float: left;
    width: 550px;
    height: 201px;
    background: url(/images/homepage01.jpg) no-repeat left bottom;
}

#logo h1, #logo h2 {
    text-indent: -9999em;
}
/** SEARCH */
#search {
    float: right;
    width: 277px;
    height: 28px;
    padding: 173px 0px 0px 149px;
}

#search input {
    float: left;
    font: normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #F6FFCE;
}

#keywords {
    width: 186px;
    height: 20px;
    background: #373100;
    border-top: 1px solid #1E1B00;
    border-right: 1px solid #352F00;
    border-bottom: 1px solid #5A5100;
    border-left: 1px solid #352F00;
}

#search-submit {
    margin-left: 12px;
}
/** MENU */
#menu {
    width: 930px;
    padding: 0px 23px;
    text-transform: lowercase;
}

#menu ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
    line-height: normal;
}

#menu li {
    float: left;
    height: 24px;
    padding: 25px 20px 0px 20px;
    font-weight: bold;
    color: #F6FFCE;
}

#menu li ul {
    position: absolute;
    display: none;
    width: 930px;
    top: 250px;
    left: 0px;
}

#menu li li {
    display: inline;
    height: auto;
    padding: 8px 20px 0px 20px;
    background: none;
}

#menu a {
    text-decoration: none;
    color: #F6FFCE;
}

#menu li.show {
    background: url(/images/homepage03.gif) repeat-x left top;
    color: #6D543B;
}

#menu li.show ul {
    display: block;
}

#menu li.show a {
    color: #6D543B;
}

#menu .active li a {
    height: auto;
    color: #897965;
}

#menu li li a:hover {
    background: none;
}

#active {
}
/** PAGE */
#page {
    width: 976px;
    margin: 0px auto;
    padding: 20px 0px;
}

#page2 {
    width: 928px;
    margin: 0px auto;
    padding: 25px 0px;
}

#single {
    width: 929px;
    padding: 0px 0px 0px 23px;
}
/** CONTENT */
#content {
    float: left;
	 width: 654px;
    padding: 0px 0px 10px 23px;
}
/** BOX STYLE A */
.boxA {
    margin-bottom: 15px;
    padding-bottom: 30px;
    background: url(/images/bg1_03.jpg) no-repeat left bottom;
}

.boxA .title {
    height: 42px;
    padding: 8px 0px 0px 20px;
    background: url(/images/bg1_01.jpg) no-repeat left top;
    letter-spacing: -1px;
    text-transform: lowercase;
    font-size: 12px;
    color: #F6FFCE;
}

.boxA .title2 {
    height: 42px;
    padding: 8px 0px 0px 20px;
    background: url(/images/bg1_01.jpg) no-repeat left top;
    letter-spacing: 1px;
    font-size: 12px;
    color: #F6FFCE;
}

.boxA .content {
    padding: 10px 21px 1px 21px;
    background: #EEE5D6 url(/images/bg1_02.jpg) no-repeat right top;
    color: #776357;
}
/** BOX STYLE B */
.boxB {
    margin-bottom: 15px;
    padding-bottom: 30px;
    background: url(/images/bg1_06.jpg) no-repeat left bottom;
}

.boxB .title {
    height: 42px;
    padding: 8px 0px 0px 20px;
    background: url(/images/bg1_04.jpg) no-repeat left top;
    letter-spacing: -1px;
    text-transform: lowercase;
    font-size: 12px;
    color: #F6FFCE;
}

.boxB .content2 {
    padding: 10px 21px 1px 21px;
    background: #EEE5D6 url(/images/bg1_05.jpg) no-repeat right top;
	text-align: center;
    color: #776357;
}
/** BOX STYLE C */
.boxC {
    width: 317px;
    background: url(/images/bg1_08.jpg) repeat-y left top;
    color: #C8BD99;
}

.boxC .title {
    height: 30px;
    padding: 10px 0px 0px 20px;
    background: url(/images/bg1_07.jpg) no-repeat left top;
    text-transform: lowercase;
    font-size: 13px;
    color: #F6FFCE;
}

.boxC .title span {
    color: #B7C36C;
}

.boxC .content {
    padding: 20px 21px;
    background: url(/images/bg1_09.jpg) no-repeat left top;
}

.boxC .bg {
    background: url(/images/bg1_10.jpg) no-repeat left bottom;
}

.boxC a {
    color: #CFCD9A;
}

.boxC .links {
    clear: left;
    padding-top: 20px;
}
/** BOX STYLE D */
.boxD {
    margin-bottom: 15px;
    padding-bottom: 30px;
    background: url(/images/subpage2_03.jpg) no-repeat left bottom;
}

.boxD .title {
    height: 42px;
    padding: 8px 0px 0px 20px;
    background: url(/images/subpage2_01.jpg) no-repeat left top;
    letter-spacing: 2px;
    text-transform: lowercase;
    font-size: 12px;
    color: #F6FFCE;
}

.boxD .content {
    padding: 10px 21px 1px 21px;
    background: #EEE5D6 url(/images/subpage2_02.jpg) no-repeat right top;
    color: #776357;
}
/** SIDEBAR */
#sidebar {
    float: right;
    width: 254px;
    padding-right: 24px;
}
/** BOX1 */
#box1 {
    margin: 0px 0px 0px 0px;
}
/** BOX2 */
#box2 {
}
/** BOX3 */
#box3 {
}
/** BOX4 */
#box4 {
    float: left;
}
/** BOX5 */
#box5 {
    float: left;
    margin-left: 20px;
}

#box5 .title {
    background-image: url(/images/bg1_11.jpg);
}
/** BOX6 */
#box6 {
    float: left;
    width: 610px;
    padding: 0px 0px 0px 20px;
    color: #C8BD99;
}

#box6 p {
    line-height: 150%;
}

#box6 a {
    color: #CFCD9A;
}
/** BOX7 */
#box7 {
    float: right;
    width: 270px;
    padding-top: 10px;
}

#box7 ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
    line-height: normal;
}

#box7 li {
    float: left;
    padding: 0px 0px 11px 16px;
}
/** BOX8 */
#box8 {
}
/** FOOTER */
#footer {
}

#footer p {
    margin: 0px;
    padding: 0px 0px 2px 0px;
    text-align: center;
    color: #665134;
}



/** carouse css */

 .stepcarousel{
	position: relative; /*leave this value alone*/
	
	left: 30px;
	border: 0px solid black;
	overflow: scroll; /*leave this value alone*/
	width: 530px; /*Width of Carousel Viewer itself*/
	height: 200px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}

.stepcarousel .panel{
	float: left; /*leave this value alone*/
	border: 0px solid black;
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 10px; /*margin around each panel*/
	width: 510px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	height: 175px;
}


.panContent {
	font-size: 35px;
	font-family: Helvetica; 
	font-style: italic;
	text-align: center;
	
	
}
	
	
.panContentLink {
	font-size: 35px;
		font-family: Helvetica; 
		font-style: italic;
		text-decoration: underline;
		text-align: center;
		cursor: pointer;
			
	}



.smallText {
	/* font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal; */
	color: black;
}
.mediumText {
	/* 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;	
	 */
	color: black;
}
.bookTitle {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	font-style: normal;
	color: black;
}
.Title {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	font-style: normal;
	color: black;
}
