/* CSS Document */

{
padding:0px;
margin:0px;
height:0px;
}

<!--[if lte IE 6]>
container {margin-left:-3px}
<![endif]-->

/* \*/
 * html .gainlayout { height: 1%; }
/* */

#if {}
 img {
	 border:1px solid #333
 }
 img.signature {
	 border:none
 }
body {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	height:100%;
	background-color:#FFF;
	margin-top:5px;
	}
a {
	color:#6699CC;
	font-weight:bold
	}
a:hover {
	color:#FFCC66
	}
h2 {
	font-weight:bold;
	font-size:12px;
	color:#666666
	}

#container {
	width:770px;
	height:100%;
	margin:auto;
	background:#FFF;
	text-align:left;
}
#leftborder {
	background:url(../images/main-layout/left-border.jpg) no-repeat top right;
	width:35px;
}
.rightgradient {
	background:url(../images/main-layout/rightgradient.jpg) repeat-y top left;
	width:34px;
}
.topcorner {
	background:url(../images/main-layout/top-rt-cornergradient.jpg) no-repeat bottom left;
	width:25px;
	}
.bottomgradient {
	background:url(../images/main-layout/bottomgradient.jpg) repeat-x top;
	height:20px;
	}
.bottomcorner {
	background:url(../images/main-layout/bot-rt-cornergradient.jpg) no-repeat top left;
	}
.bottomleftcorner {
	background:url(../images/main-layout/bot-lt-cornergradient.jpg) no-repeat top left;
	}
#header {
	background:url(../images/main-layout/header.jpg) no-repeat;
	width:695px;
	height:128px
	}

#menu {
	background:#C1D8E9;
	vertical-align:top;
	width:105px;
	text-align:left;
	padding-top:30px;
	background:url(../images/main-layout/menu.jpg) no-repeat top #FFCC66;
	}
#menu a {
	padding:3px 0px 3px 10px;
	display:block;
	color:#333399;
	border-left:6px #99CCCC hidden;
	}
#menu a:hover {
	background:#FFCC66;
	margin-left:-5px;
	color:#FFF;
	border-left:5px #6666CC solid;
	}
#menu a:active {
	background:#669999;
	color:#330000;
	}
#content {
	width: 590px;
	padding:20px 0px;
	background:url(../images/main-layout/body.jpg) no-repeat top left #FFF;
	position:relative;
	}
.content {
	width:500px;
	margin:auto;
	}
.content h1 {
	padding:0px;
	font-size:14px;
	color:#666699;
	display:block;
	line-height:24px;
	width:195px;
	border-top:#666699 solid 1px;
	border-bottom:#666699 solid 1px;
	}
.content p {
	padding:0px 20px;
	color:#666666;
	}
.content ul, .content ol {
	color:#666666;
	padding-left:30px;
	}
	
.specialtext {
	padding:10px 20px;
	margin:0px auto 20px;
	border:#999999 dotted 1px;
	text-align:left;
	width:450px;
	}
.intro {
	padding:15px 20px;
	margin:0px auto 20px;
	text-align:left;
	width:450px;
	height:150px;
	}
.intro .book {
	float:left;
	margin:0px 30px 0px 0px;
	border:1px #CCCCCC solid;
	}
.intro a img {
	border:1px #CCCCCC solid;
	}

.intro a:hover img {
	border:1px #FF9933 solid;
	}
.intro p {
	padding:6px 0px;
	margin:0px;
	}
#indexintro p {
	padding:8px 0px;
	margin:0px;
	}
#indexintro {
	border:#999999 dotted 1px;
	padding:10px 30px;
	width:400px;
	height:170px;
	}
#indexintro:hover {
	background:#CCCCCC;
	}
.specialtext p {
	padding:0px;
	}
#boookinfo p {
	padding:8px 0px;
	}
#welcome {
	width:400px;
	padding:10px;
	border:#999999 dotted 1px;
	margin:auto;
	height:220px;
	}
#welcome p {
	line-height:14px;
	text-indent:30px;
	}
#welcomeimg {
	float:right;
	margin:10px;
	}
.quote {
	text-indent:30px;
	font-style:italic
	}
.content form {
	color:#666666
	}
.content input, textarea {
	 border:1px #CCCCCC solid;
	 font-size:12px;
	 font-family:Georgia, "Times New Roman", Times, serif;
	 color:#666666;
	 padding:2px;
	 }
#footer {
	background:#C1D8E9;
	font-size:10px;
	text-align:center;
	line-height:15px;
	height:30px;
	font-style:italic;
	color:#333333;
	padding:10px;
	}
#footer hr {
	size:1px;
	color:#333333;
	width:100%
	}

.registration {
	color:#666;
	text-align:center;
	margin:auto;
	width:350px;
	border:dotted 1px #CCCCCC;
	}
.registration td {
	border:dotted 1px #CCCCCC;
	}
.registration p {
	text-align:left;
	padding-left:20px;
	}
.registration form input {
	border:0px;
	margin:auto;
	}
#art {
	padding:10px 20px;
	}
#art img {
	border:0
	}
#art a {
	display:block;
	width:100px;
	height:100px;
	float:left;
	margin:4px;
	padding:2px;
	text-align:center;
	border:dashed 1px #CCCCCC;
	}
#art a:hover {
	border:solid 1px #FF9900;
	background:#CCCC66;
	}
form#newsletter {
	width:220px;
	float:right;
	background:url(../images/main/whiteTRANS.png) #FFF;
	border:2px #CCC solid;
	padding:15px 10px 10px;
	text-align:center;
	margin-right:-100px;
	margin-top:-160px;
	font-size:11px;
	color:#666;
	-moz-border-radius:0px 0px 15px 15px;
	-webkit-border-radius:0px 0px 15px 15px;
}
form#newsletter strong {
	font-size:12px;
	text-decoration:underline;
	color:#003
}
form#newsletter p {
	padding:5px 0px;
	margin:0px;
}
form#newsletter input {
	border:#666 dotted 1px;
	background:#FFF
}
form#newsletter label {
	font-style:italic;
}
form#newsletter input:hover, form#newsletter input:focus {
	 border:#666 solid 1px
}
form#newsletter input[type="submit"] {
	background:#F93;
	padding:4px;
	border:#F93 solid 1px;
	color:#FF0
}
form#newsletter input[type="submit"]:hover {
	background:url(../images/main/blueorangegradient.jpg);
	padding:4px;
	border:#000 solid 1px
}
#social {
	float:right;
	margin:20px -186px 0px 0px;
	background:url(../images/main/whiteTRANS.png) #FFF;
	border:2px #CCC solid;
	border-left:0px;
	width:40px;
	-moz-border-radius:0px 15px 15px 0px;
	-webkit-border-radius:0px15px 15px 0px;
}
#social a {
	display:block;
	text-indent:-10000px;
	width:30px;
	height:30px;
	margin:5px;
}
a#fb {
	background:url(../images/elements/fbicon.jpg) no-repeat;
	display:block;
}

a#tw {
	background:url(../images/elements/twicon.jpg) no-repeat;
	display:block;
}