/* --------------------TEXT STYLES--------------------*/

p { color: #555566; font-size: 12px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight: normal;  }

h1 { color: #888899; font-size: 11px; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-weight: normal; letter-spacing: 0.1em; margin-top: 10px; margin-bottom: 8px; margin-left: 20px; }

.brush { color: #ff0000; font-size: 14px; font-family: "Brush Script MT", "Brush Script", "Lucida Calligraphy", Tahoma, Arial; font-weight: normal; }

a:link { color: #333344; font-size: 12px; font-family: Tahoma, Arial, Helvetica, sans-serif; line-height: 18px; text-decoration: underline }
a:active { color: #333344; font-size: 12px; font-family: Tahoma, Arial, Helvetica, sans-serif; line-height: 18px; text-decoration: underline }
a:visited { color: #333344; font-size: 12px; font-family: Tahoma, Arial, Helvetica, sans-serif; line-height: 18px; text-decoration: underline }
a:hover { color: #99bbcc; font-size: 12px; font-family: Tahoma, Arial, Helvetica, sans-serif; line-height: 18px; text-decoration: underline }

/* ------------------BELOW ARE TABLE STYLES------------------------*/
table#ideal { background-color: #ffffff; padding: 0; margin: 0; width: 100%; border: none; border-collapse: collapse; }

/* --------------cell styles--------------------*/

.topleft { background-color: #ffffff; background-image: url("../images/common/head_left_bg.gif"); background-repeat: repeat-x; width: auto; }
.topcenter { background-image: url("../images/common/head_img.gif"); background-repeat: no-repeat; width: 843px;  }
.topright { background-color: #ffffff; background-image: url("../images/common/head_right_bg.gif"); background-repeat: repeat-x; width: auto;  }
.midleft { background-color: #eeeeee }
.midcenter { background-image: url("../images/common/"); background-repeat: no-repeat; width: 843px; }
.midright { background-color: #eeeeee; margin: 0; padding: 0; }
.bottomleft { background-color: #bbbbcc; background-image: url("../images/common/footer_left_bg.gif"); background-repeat: repeat-x; width: auto; height: 125px }
.bottomcenter { background-image: url("../images/common/footer_img.gif"); background-repeat: no-repeat; width: 843px; height: 125px }
.bottomright { background-color: #bbbbcc; background-image: url("../images/common/footer_right_bg.gif"); background-repeat: repeat-x; width: auto; height: 125px }


/* --------------header--------------------*/
div#header { z-index: 7; height: 120px }

div#headmenu { 
	color: #ffffff; 
	font-size: 11px; 
	font-family: Tahoma, Arial, Helvetica, sans-serif; 
	font-weight: normal; 
	line-height: 15px; 
	text-decoration: none; 
	text-align: left; 
	position: relative; 
	top: 77px; 
	left: 263px;
	width: 550px;
	}

a.menu:link { color: #446677; font-size: 11px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight: normal; line-height: 15px; text-decoration: none; letter-spacing: 0.05em }
a.menu:active { color: #446677; font-size: 11px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight: normal; line-height: 15px; text-decoration: none; letter-spacing: 0.05em }
a.menu:visited { color: #446677; font-size: 11px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight: normal; line-height: 15px; text-decoration: none; letter-spacing: 0.05em }
a.menu:hover { color: #ffffff; font-size: 11px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight: normal; line-height: 15px; text-decoration: underline; letter-spacing: 0.05em }

/* --------------body--------------------*/

div#maincontent { 
	font-size: 11px; 
	font-family: Tahoma, Arial, Helvetica, sans-serif; 
	background-color: #ffffff; 
	background-image: url("../images/common/background_img.jpg"); 
	background-repeat: no-repeat; 
	position: relative; 
	z-index: 6; 
	width: 843px; 
	 }

/* --------------left panel--------------------*/


#lhs_panels { 
	background-color: #ffffff; 
	background-image: url("../images/common/lh_panel-bg.gif"); 
	background-repeat: repeat-x; 
	background-position: 20px 0; 
	position: relative; 
	z-index: 9; 
	width: 218px; 
	float: left;
	margin-left: 8px;
	}
	
#book_box { background-color: #eeeeee; position: relative; z-index: 12; float: left; width: 206px; margin-left: 5px; margin-bottom: 10px;  padding-top: 8px; }
#book_box p { color: #000000; font-size: 10px; font-family: Arial, Helvetica, sans-serif; font-style: italic; line-height: 12px; float: left; padding: 4px; margin: 0;}
#book_box .info { color: #555566; width: 100px;  }
#book_box .infoblack { color: #000; width: 100px;  }
#book_box img { position: relative; border: none;  padding: 4px; }

#book_box2 { background-color: #eeeeee; position: relative; z-index: 12; float: left; width: 206px; margin-left: 5px; margin-bottom: 10px;  padding-top: 8px; }
#book_box2 p { color: #000000; font-size: 10px; font-family: Arial, Helvetica, sans-serif; font-style: italic; line-height: 12px; float: left; padding: 4px; margin: 0;}
#book_box2 .info { color: #555566; width: 100px;  }
#book_box2 .infoblack { color: #000; width: 100px;  }
#book_box2 .info2 { color: #555566;  }
#book_box2 img { position: relative; border: none;  padding: 4px; }


a.bookinfo:link { color: #446677; font-size: 10px; font-family: Arial, Helvetica, sans-serif; font-style: italic; line-height: 12px; text-decoration: none; }
a.bookinfo:active { color: #446677; font-size: 10px; font-family: Arial, Helvetica, sans-serif; font-style: italic; line-height: 12px; text-decoration: none; }
a.bookinfo:visited { color: #446677; font-size: 10px; font-family: Arial, Helvetica, sans-serif; font-style: italic; line-height: 12px; text-decoration: none; }
a.bookinfo:hover { color: #336699; font-size: 10px; font-family: Arial, Helvetica, sans-serif; font-style: italic; line-height: 12px; text-decoration: underline; }

/* --------------body--------------------*/

div#mainbox { background-color: #ffffff; margin-right: 9px; margin-bottom: 15px; position: relative; width: 595px; z-index: 14; float: right; border: solid 1px #dfdfdf; }

#mainbox {
	font-size: 12px; 
	font-family: Tahoma, Arial, Helvetica, sans-serif; 
	font-weight: normal;
	width: 510px;	
	color: #555566;	
}


#mainbox p {  line-height: 18px;  margin-top: 15px; margin-bottom: 15px; margin-left: 20px; padding-right: 12px; width: 540px; }
#mainbox li { line-height: 18px; margin-top: 10px; margin-left: 10px; padding-right: 12px;  }


#mainbox #bio {  float: left; padding-bottom: 4px;}


#mainbox #top {	position: absolute; bottom: 0; right: 0; padding: 2px; width: 40px; background-color: #888899; text-align: center; 	}

a.top:link { color: #ffffff; font-size: 10px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; }
a.top:active { color: #ffffff; font-size: 10px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; }
a.top:visited { color: #ffffff; font-size: 10px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; }
a.top:hover { color: #000000; font-size: 10px; font-family: Arial, Helvetica, sans-serif; text-decoration: underline; }

#topsml { position: relative; text-align: right; padding-right: 30px;  }

a.topsml:link { color: #555566; font-size: 10px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; text-align:right; }
a.topsml:active { color: #555566; font-size: 10px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; text-align:right; }
a.topsml:visited { color: #555566; font-size: 10px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; text-align:right; }
a.topsml:hover { color: #ff0000; font-size: 10px; font-family: Arial, Helvetica, sans-serif; text-decoration: underline; text-align:right; }

div#mainboxhead h1 { color: #888899; font-size: 11px; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-weight: normal; letter-spacing: 0.00em; margin-top: 10px; margin-bottom: 8px; margin-left: 20px; }
div#mainboxhead { background-color: #eeeeee; margin-right: 9px; position: relative; z-index: 15; width: 595px; height: 30px; float: right; border-top: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf; border-left: 1px solid #dfdfdf; }

div#floattext { background-color: #ffffff; margin-left: 12px; position: relative; z-index: 14; width: 595px; float: left; }

#floattext p { color: #555566; font-size: 12px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight: normal; line-height: 18px; list-style-type: disc; margin-bottom: 15px; margin-left: 20px; padding-right: 12px; width: 510px }
#floattext ul { color: #555566; font-size: 12px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight: normal; line-height: 18px; list-style-type: disc; margin-bottom: 15px; margin-left: 20px; padding-right: 12px; width: 510px }

.psmall { color: #555566; font-size: 10px; line-height: 12px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight: normal; }
a.psmall:link { color:#555566; font-size: 10px; line-height: 12px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight: normal; text-decoration: none; }
a.psmall:hover { color: #ff0000; font-size: 10px; line-height: 12px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight: normal; text-decoration: underline; }

a.noul:link { color: #333344; font-size: 12px; font-family: Tahoma, Arial, Helvetica, sans-serif; line-height: 18px; text-decoration: none }
a.noul:active { color: #333344; font-size: 12px; font-family: Tahoma, Arial, Helvetica, sans-serif; line-height: 18px; text-decoration: none }
a.noul:visited { color: #333344; font-size: 12px; font-family: Tahoma, Arial, Helvetica, sans-serif; line-height: 18px; text-decoration: none }
a.noul:hover { color: #99bbcc; font-size: 12px; font-family: Tahoma, Arial, Helvetica, sans-serif; line-height: 18px; text-decoration: underline }

/* --------------footer--------------------*/
#footer { position: relative; text-align: right; padding-right: 30px;  }

#footer p { color: #bbbbcc; font-size: 10px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight: normal; line-height: 12px;  }
#footer .extra { color: #bbbbcc; font-size: 10px; top: -5px; }

a.footer:link { color: #ffffff; text-decoration: none; font-size: 10px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight: normal; line-height: 12px; }
a.footer:active { color: #ffffff; text-decoration: none; font-size: 10px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight: normal; line-height: 12px;  }
a.footer:visited { color: #ffffff; text-decoration: none; font-size: 10px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight: normal; line-height: 12px;  }
a.footer:hover { color: #bbbbcc; text-decoration: underline; font-size: 10px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight: normal; line-height: 12px;  }

/* -----------------------------------------------------------------*/

.toc {
	width: 90%;
	margin-left: 22px;
	border-collapse: collapse;
	font-size: 11px;
	}

.toc td{
	border: solid 1px #dfdfdf;
	padding: 2px;
	padding-left: 20px;
}

.toc th{
	border: solid 1px #dfdfdf;
	padding: 6px;
	text-align: center;
	font-weight: bold;
}

.toc h2 {
	font-size: 14px;
	padding:0;
	margin: 0;
}

td.title {
	border: solid 1px #dfdfdf;
	padding: 2px;
	font-weight: bold;
	
}