body {
	margin: 0;
	padding: 0 0 40px;
	background: #215464 url(../images/page/pattern-bg.gif) top center repeat;
	font: 10px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #F8F7D6;
}

table, td, th, div, img, h1, a { behavior: url(src/iepngfix.htc)}


#toolbar {
	background: url(../images/page/toolbar-bg.gif) top center repeat-x;
	height: 50px;
	color: #8E8A72;
	line-height: 30px;
	padding: 0 10px;
}
#toolbar a {
	color: #76735F;
	text-decoration: none;
}
#toolbar td a {
	padding: 0 5px;
}
#toolbar a:hover {
	color: #47453A;
	text-decoration: underline;
}
#toolbar td a {
	padding: 0 5px 0 10px;
}

#loading {
	z-index: 100; 
	position: absolute; 
	top: 110%; 
	left:40%; 
	width: 250px; 
	display: none;
	padding: 10px 15px 15px; 
	border: 1px solid #FBEBB5; 
	color: #769836; 
	background-color: #FFFFE6; 
}


/* ----------------------------- chapter page ----------------------------- */

#list {
	margin: 0 auto;
	width: 660px;
	padding: 30px 0;
}
#list h1 {
	margin: 0 0 30px;
	padding: 0;
	font: normal 28px/32px Georgia, "Times New Roman", Times, serif;
}
#list p {
	margin: -10px 0 40px;
	font-size: 12px;
	line-height: 18px;
}
#list table {
	float: left;
	width: 102px;
	margin: 0 40px 40px 0;
}
#list td {	
	background-color: #00475D;
}
#list a img {
	border: 1px solid #4394AD;
	background: url(../images/page/no-img.gif) center no-repeat;
/*	background: url(../images/page/clear.gif) center no-repeat;*/
}
#list a:hover img {
	border: 1px solid #F8F7D6;
}
#list th {
	padding-top: 4px;
	font-weight: normal;
	color: #4394AD;
	height: 50px;
	vertical-align: top;
}
#list th a {
	text-decoration: none;
}
#list th a:hover {
	text-decoration: underline;
}



/* ----------------------------- detail page ----------------------------- */

#mainpic {
	margin: 0 auto;
}
#mainpic th {
	background-color: #FFFFFF;
}
#mainpic td {
	vertical-align: top;
	line-height: 0;
	font-size: 0;
}

#prev a img {
	background: url(../images/border/prev-off.png) top left no-repeat;
}
#prev a:hover img {
	background: url(../images/border/prev-on.png) top left no-repeat;
}
#next a img {
	background: url(../images/border/next-off.png) top left no-repeat;
}
#next a:hover img {
	background: url(../images/border/next-on.png) top left no-repeat;
}


#container {
	margin: 0 auto;
	width: 650px;
}

#caption h1 {
	background: url(../images/page/caption-bg.png) top left no-repeat;
	margin: 0;
	padding: 30px 30px 15px;
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
	color: #47463A;
	text-align: center;
}
#caption table {
	background: url(../images/page/info-bg.png) top left no-repeat;
}
#caption td {
	padding: 4px 20px 20px;
	color: #686149;
}
#caption td a {
	color: #686149;
}

#comments {
	padding: 20px 15px;
}
#comments h2 {
	margin: 0 0 10px;
	padding: 0;
	font-size: 10px;
	font-weight: normal;
	text-transform: uppercase;
	color: #CDD6BF;
}
#comments p {
	margin: 0;
	font: 13px/18px Georgia, "Times New Roman", Times, serif;
}
#comments a {
	display: block;
	float: left;
	text-transform: uppercase;
	color: #CDD6BF;
	padding: 4px 6px 6px;
	margin: 0 20px 20px 0;
	border: 1px solid #416C75;
}
#comments a:hover {
	background-color: #4C757B;
	border: 1px solid #809C96;
}
#comments th {
	width: 100px;
}

#commentform, #contributeform {
	clear: both;
	padding: 0;
}
#commentform td, #contributeform td {
	vertical-align: top;
}


#thumbstrip {
	padding: 0px 0 0px 5px;
	height: 70px;
	text-align: center;
}
#thumbstrip div {
	background: url(../images/page/clear.gif) center no-repeat;
	float: left;
	display: inline;
	margin: 0 9px 20px;
}
#thumbstrip a img {
	border: 1px solid #546F87;
	background: url(../images/page/thumbstrip-dimmer.png);
}
#thumbstrip a:hover img {
	border: 1px solid #F8F7D6;
	background-image: url(../images/page/clear.gif);
}



/* ----------------------------- standard page ----------------------------- */

#standard {
	padding: 30px 0;
	font-size: 12px;
	line-height: 18px;
}
#standard h1 {
	margin: 0 0 20px;
	padding: 0;
	font: normal 28px/32px Georgia, "Times New Roman", Times, serif;
}
#standard h2 {
	margin: 10px 0 0px;
	padding: 0;
	font: normal 14px/32px Georgia, "Times New Roman", Times, serif;
	letter-spacing: 1px;
	text-transform: uppercase;
}
#standard p {
	margin: 15px 0 20px;
}
#standard ul {
	margin: 20px 40px 40px;
}
#standard ul li {
	margin-bottom: 7px;
}
#standard th {
	font-size: 10px;
}



/* ----------------------------- standard page ----------------------------- */

#results {
}
#results th {	
	width: 140px;
	text-align: left;
	padding: 20px 0;
}
#results a img {
	border: 1px solid #4394AD;
	background: url(../images/page/no-img.gif) center no-repeat;
}
#results a:hover img {
	border: 1px solid #F8F7D6;
}
#results td {
	padding-top: 30px;
	font-weight: normal;
/*	color: #4394AD;*/
	height: 50px;
	vertical-align: top;
}
#results h2 {
	margin: 0px;
	color: #4394AD;
}
#results h2 a {
	color: #4394AD;
}
#results h2 a:hover {
	color: #F8F7D6;
}
#results p {
	margin: 0px 0;
}



/* ----------------------------- footer ----------------------------- */

#footer {
	margin: -10px 15px 0;
	width: 620px;
	color: #8DA097;
}
#footer a {
	color: #8DA097;
}
#footer a:hover {
	color: #F8F7D6;
}





a {
	color: #F8F7D6;
}
form {
	margin: 0;
}
form td {
	padding: 0 10px 10px 0;
}
form th {
	vertical-align: top;
	text-transform: uppercase;
	color: #A2B6A8;
	padding-top: 3px;
	font-weight: normal;
	text-align: left;
	width: 80px;
}
input, select, textarea {
	font: 12px Verdana, Arial, Helvetica, sans-serif; 
	background-color: #F8F7D6; 
	color: #47463A; 
	border: 1px solid #C4B37B;
	padding: 3px 4px;
}


.separator {
	clear: both;
	margin: 25px 0 10px;
	font-size: 0;
	line-height: 0;
	background: url(../images/page/separator-bg.png) top left no-repeat;
	height: 15px;
}

.messagebox {
/*	text-transform: uppercase;*/
	width: 90%;
	color: #CDD6BF;
	padding: 4px 6px 6px;
	margin: 0 20px 20px 0;
	background-color: #4C757B;
	border: 1px solid #809C96;
}