body{ color: #000; font: small Arial, Helvetica, sans-serif; line-height: 18px; text-align: center; }
a, a:visited, a:active{ color: #324D0B; text-decoration: underline; }
a:hover { color: #66CC00; }

h1{ font-size: 24px; }
h2{ color: #000; font-size: 12px; font-weight: bold; margin: 0 0 5px;  }
h3{ color: #660043; font-size: 18px; font-weight: bold; margin: 2px 0 8px; }
h4{ color: #4d8000; font-size: 18px; font-weight: bold; margin: 2px 0 8px; }

p{ margin-bottom: 18px; }

#nav{ color: #172600; font: small Arial, Helvetica, sans-serif bold; text-align: center; }
	#nav a{ color: #660043; font-weight: bold; text-decoration: none; }

#mainContent p.posted{  
	border-top: 1px solid #999999; 
	font-size: x-small;
	margin-bottom: 25px;
	line-height: normal;
	padding: 10px 3px 0; 
	text-align: left;
	}
	
	.serif{ font: medium "Times New Roman", Times, serif; }

        .bottom{ font-size: small; text-align: center; }

*{ margin: 0; padding: 0; }

body  { background: #d1d1d1; }

img{ border: 0; }

.fltrt { float: right; margin-left: 8px; }
.fltlft { float: left; margin-right: 8px; }
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; }

#container { background-color: #FFFFFF; height: 100%; margin: 0 auto; position: relative; text-align: left; width: 904px; }

/* #header & #nav */
	#header { background: #DDDDDD; height: 237px; position: relative; width: 904px;} 
	        .headImg{ height: 200px; margin: 0 auto; position: relative; width: 904px;}

		#nav{ 
			background: url("images/nav_bg.gif") 0 0 repeat-x transparent; 
			height: 37px;
			position: relative;  
			padding: 10px;}

			.navSpace{ background-color: transparent; height: 37px; position: relative; padding: 0 13px; width: 1px;}

/* #content */
		#content{ background-color: #FFF; height: 100%;  margin: 0 auto; position: relative; width: 904px; }

		#left {
			background-color: #FFFFFF; 
			float: left;
			height: 100%;
			padding: 13px;
			position: relative;
			width: 188px;	
		} 
			
		#right {
			background-color: #FFFFFF;
			float: right;
			height: 100%;
			padding: 13px;
			position: relative;
			width: 188px;
			
		}
		
		#mainContent {
			background-color: #FFFFFF;
			float: left;
			height: 100%;
                        padding-top: 10px;
			position: relative;
			width: 465px;
		} 

                .bottom{ border-top: 1px solid #999999; margin: 0 auto; padding: 15px 0;  width: 800px; }
	
		.colItem{ background-color: #f0ffd9; border: 1px solid #4D8000; margin-bottom: 13px; padding: 8px; width: 168px; }
			.colOrderBook{ height: 104px; margin-bottom: 13px; position: relative; width: 186px; }		
			#about{ 
				background: url("images/about_bg.jpg") bottom center no-repeat #d2d2d2; 
				border: 1px solid #660043; 
				height: 348px; 
				margin-bottom: 13px; 
				padding: 8px; 
				position: relative; 
				width: 168px; 
			}
		
			.center{ margin: 0 auto; text-align: center;}


.content {
	padding: 15px 15px 5px 15px;
	background-color: #F0FFD9;
	color: #666666;
	font-family: georgia;
	font-size: x-small;
	}

/* Genie */
.bookImg{ border: 1px solid #4D8000; float:left; height:225px; margin: 0px 6px 0px 0px; width:150px; }
.bookDetails{ float: left; width: 300px; }
.bookAddtDetails{ border-top: 1px solid #4d8000; margin-top: 20px; padding-top: 20px; }

.pubs {
	color: #172600;
	font: small Verdana, Arial, sans-serif normal;
	line-height: 150%;
	margin-bottom: 4px;
	padding-bottom:4px;
    text-align: left;
	}

    
#mainContent blockquote { color: #172600; line-height: 150%; }

#mainContent ul{ margin: 5px 15px;}
#mainContent li { color: #172600; line-height: 135%; list-style-type: square; }
    
.pubs h4 {
	color: #284003;
	font-family: x-small Verdana, Arial, sans-serif bold;
	line-height:200%;
	margin: 4px 0 1px 0;
	text-align: left;
	}

#left ul, #right ul { padding-left: 0px; margin: 0 0 30px; }

#left ul ul, #right ul ul { margin-bottom: 0px; }

#left #categories ul, #right #categories ul { padding-left: 15px; }

#left li, #right li {
	color: #990066;
	font: x-small Verdana, Arial, sans-serif;
	line-height: 150%;
	list-style-type: none;
	margin-top: 10px;
	text-align: left;
	}

#left #categories li, #right #categories li { list-style-type: circle; }

#left img, #right img { border: 3px solid #FFFFFF;}

.photo { margin-bottom: 20px; text-align: left; }

.link-note {
	font: x-small Verdana, Arial, sans-serif;
	line-height: 100%;
        margin-bottom: 15px;
	text-align: center;
	}

#comment-data {
	float: left;
	width: 180px;
	padding-right: 15px;
	margin-right: 15px;
	text-align: left;
	border-right: 1px dotted #BBB;
	}

textarea[id="comment-text"] { width: 80%; }

.commenter-profile img { vertical-align: middle; border-width: 0; }
    
.floatimgleft { float:left; margin: 5px 10px 10px 0; }

.floatimgright { float: right; margin: 5px 0 10px 10px; }