html, body {
	margin: 0;
	padding: 0;
}
body {
	background-image: url(../images/header_bkgd.jpg);
	background-repeat: repeat-x;
	font: 13px/1.5 Arial, 'Liberation Sans', FreeSans, sans-serif;
	color: #333333;
} 
table, tr, td {                                      
	background-repeat: repeat-x;
	font: 13px/1.5 Arial, 'Liberation Sans', FreeSans, sans-serif;
	color: #333333;
}
#main-content a {font-size: 13px; color: #333333; text-decoration: none;
	background-color: transparent;
	border-color: #333333;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-width: 0px;
	border-style: dotted;
}
#main-content a:hover {font-size: 13px; color: #cc0000; text-decoration: none;
	background-color: transparent;
	border-color: #cc0000;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-width: 0px;
	border-style: dotted;
}
#header {
	margin-left: auto;
	margin-right: auto;
	width: 980px;
          
	margin-bottom: 30px;
	height: 100px;                    
}
	#header #logo {
		display: inline;
		float: left;
		width: 195px;                    
	}
	#header #icon {
		display: inline;
		float: left;
		width: 66px;
		margin: 34px 0 0 12px;                    
	}
	#header #menu-tag-wrapper {
		display: inline;
		float: right;
		width: 660px;
		height: 117px;
		margin: 0 20px 0 0;                                         
	}
		#header #menu-tag-wrapper #tag {
			display: inline;
			float: right;
			width: 398px;
			height: 22px;
			margin: 10px 0px 0 0;                       
		}
		#header #menu-tag-wrapper #main-nav {
			display: inline;
			float: right;  
			height: 21px;
			margin: 63px 0 0 0;                             
		}
			#header #menu-tag-wrapper #main-nav ul {    
				margin: 0;                     
			} 
				#main-nav ul {
					float: right;
					list-style: none;
					/* Browser specific
					   margin: 9px 9px 0 0;
					*/ 

				}
					#main-nav ul li {
						float: left 
					}

				.page-title {
					font-size: 30px;
					font-weight: normal;
					font-family: verdana;
				}
				#page-title {
					float: left;
					width: 260px;      
				}
					#page-title p {
						padding: 0 0 0 14px; 
						margin: 0px 0 0 0;      
					}
#wrapper {
	margin-left: auto;
	margin-right: auto;
	width: 940px;
    overflow: auto;
	background: #eaeae4;
	z-index: 0; 
}
#top-curve {
	background-image: url(../images/topCurve.gif);
	background-repeat: no-repeat; 
	width: 940px;
	height: 33px;
}
#main-content {
	display: inline;
	float: left;
	width: 700px;                     
}
	h1 {
		font-size: 16px;
		line-height: 19px;
		color: #333333;
		margin: 6px 0 6px 0;
		font-weight: bold;
	}
	h2 {
		font-size: 14px;
		line-height: 16px;
		color: #333333;
		margin: 0 0 6px 0;   
	}
	.bold {
		font-weight: bold;
	}
	p {
		margin: 8px 0 8px 0;
	}
	.book-title {
		font-style: italic;
		font-size: 18px;
	}
	p.copyright {
		margin: 0 30px 0px 0;
		text-align: right;
	}
	.book-divider {
		margin: 20px 10px 20px 0;
		height: 1px;
	} 
	.col-01 {
		width: 182px;
		float: right;
		position: relative;
		margin: 20px 20px 0 0;
	}
	.col-02L {
		width: 300px;
		margin: 20px 20px 20px 20px;  
	}
	.col-02R {
		width: 300px;
		float: right;
		position: relative;
		margin: 0px 10px 0 0;
	}
	.col-03 {
		width: 420px;
		margin: 20px 20px 20px 20px;  
	}
	.col-04 {
		width: 640px;
		margin: 10px 0px 20px 20px;  
	}
		
	    .col-04 ul li {
			margin: 15px 0 6px 0; 
		}
		.col-04 ol li {
			margin: 0px 0 6px 0; 
		}	
		.img-right {
			margin: 0 0 10px 20px;
		}
		.center-quote {        
			width: 260px;
			margin: 0px auto 0 auto;
			font-weight: bold;
		}
		.center-quote-attribute {        
			text-align: right;
			width: 230px;
			margin: 0 auto 10px auto;
			font-weight: bold;
		}
	
#sidebar {
	display: inline;
	float: left;
	width: 200px;
	      
	/* Browser specific
	   margin: 0 0 0 20px;
	*/      
}
.t_main {background: url(../images/dot.gif) 0 0 repeat-x #fff; width: 700px }
.b_main {background: url(../images/dot.gif) 0 100% repeat-x}
.l_main {background: url(../images/dot.gif) 0 0 repeat-y}
.r_main {background: url(../images/dot.gif) 100% 0 repeat-y}
.bl_main {background: url(../images/cornerMain_bl.gif) 0 100% no-repeat}
.br_main {background: url(../images/cornerMain_br.gif) 100% 100% no-repeat}
.tl_main {background: url(../images/cornerMain_tl.gif) 0 0 no-repeat}
.tr_main {background: url(../images/cornerMain_tr.gif) 100% 0 no-repeat; padding:10px}

.t_side {background: url(../images/dot.gif) 0 0 repeat-x #fff; width: 200px }
.b_side {background: url(../images/dot.gif) 0 100% repeat-x}
.l_side {background: url(../images/dot.gif) 0 0 repeat-y}
.r_side {background: url(../images/dot.gif) 100% 0 repeat-y}
.bl_side {background: url(../images/cornerSide_bl.gif) 0 100% no-repeat}
.br_side {background: url(../images/cornerSide_br.gif) 100% 100% no-repeat}
.tl_side {background: url(../images/cornerSide_tl.gif) 0 0 no-repeat}
.tr_side {background: url(../images/cornerSide_tr.gif) 100% 0 no-repeat; padding:10px 10px 0px 10px} 

/* Easy Slider */

	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:180px;
		
		overflow:hidden; 
		}
	span#prevBtn{}
	span#nextBtn{}

	.t_mono  {background: url(../images/dot.gif) 0 0 repeat-x #fff; width: 200px }
	.b_mono  {background: url(../images/dot.gif) 0 100% repeat-x}
	.l_mono  {background: url(../images/dot.gif) 0 0 repeat-y}
	.r_mono  {background: url(../images/dot.gif) 100% 0 repeat-y}
	.bl_mono {background: url(../images/cornerMono_bl.gif) 0 100% no-repeat}
	.br_mono {background: url(../images/cornerMono_br.gif) 100% 100% no-repeat}
	.tl_mono {background: url(../images/cornerMono_tl.gif) 0 0 no-repeat}
	.tr_mono {background: url(../images/cornerMono_tr.gif) 100% 0 no-repeat; padding:25px 15px 25px 15px}
	
	.mono-header {font-size: 16px; line-height: 18px; margin: 20px 0 8px 0;}
	p.mono-header a {font-size: 16px; 
		line-height: 18px;    
		color: #333333; 
		text-decoration: none; 
		background-color: transparent;
		border-color: #333333;
		border-bottom-width: 1px;
		border-left-width: 0px;
		border-right-width: 0px;
		border-top-width: 0px;
		border-style: dotted;
	}
	.mono-teaser {font-size: 11px; line-height: 12px; margin: 0; padding-right: 15px;}
	.mono-link    {text-align: right; margin: 6px; padding: 0px 10px 0 0;}
	.mono-link a {font-size: 11px; line-height: 12px; 
		color: #333333; 
		text-decoration: none;
		background-color: transparent;
		border-color: #333333;
		border-bottom-width: 1px;
		border-left-width: 0px;
		border-right-width: 0px;
		border-top-width: 0px;
		border-style: dotted;
	}
	.mono-link a:hover {font-size: 11px; line-height: 12px; color: #cc0000; text-decoration: none;
		background-color: transparent;
		border-color: #cc0000;
		border-bottom-width: 1px;
		border-left-width: 0px;
		border-right-width: 0px;
		border-top-width: 0px;
		border-style: dotted;
	}
	
	#mono-controls {margin: 15px 0 0 0; text-align: center;}
	#mono-controls a:link {font-size: 12px; line-height: 12px; color: #333333; text-decoration: none;
		 background-color: transparent;
			border-color: #333333;
			border-bottom-width: 1px;
			border-left-width: 0px;
			border-right-width: 0px;
			border-top-width: 0px;
			border-style: dotted;
		}                                       
	#mono-controls a:hover {font-size: 12px; line-height: 12px; color: #cc0000; text-decoration: none;
		background-color: transparent;
		border-color: #cc0000;
		border-bottom-width: 1px;
		border-left-width: 0px;
		border-right-width: 0px;
		border-top-width: 0px;
		border-style: dotted;
	} 
	
	  				

/* // Easy Slider */

#footer {
   	margin-left: auto;
	margin-right: auto;
	width: 940px;
	margin-bottom: 30px;
	text-align: right;
	padding: 0 35px 60px 0;
	font-size: 11px;      
}
	#footer a:link {font-size: 11px; line-height: 12px; color: #333333; text-decoration: none;
		 background-color: transparent;
		 border-color: #333333;
		 border-bottom-width: 1px;
		 border-left-width: 0px;
		 border-right-width: 0px;
		 border-top-width: 0px;
		 border-style: dotted;
	}
	#footer a:visited, a:active {font-size: 11px; line-height: 12px; color: #333333; text-decoration: none;
		 background-color: transparent;
		 border-color: #cc0000;
		 border-bottom-width: 1px;
		 border-left-width: 0px;
		 border-right-width: 0px;
		 border-top-width: 0px;
		 border-style: dotted;
	}
	#footer a:hover {font-size: 11px; line-height: 12px; color: #333333; text-decoration: none;
		 background-color: transparent;
		 border-color: #cc0000;
		 border-bottom-width: 1px;
		 border-left-width: 0px;
		 border-right-width: 0px;
		 border-top-width: 0px;
		 border-style: dotted;
	}

		
	/* `Clear Floated Elements
	----------------------------------------------------------------------------------------------------*/

	/* http://sonspring.com/journal/clearing-floats */

	.clear {
		clear: both;
		display: block;
		overflow: hidden;
		visibility: hidden;
		width: 0;
		height: 0;
	}

	/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

	.clearfix:after {
		clear: both;
		content: ' ';
		display: block;
		font-size: 0;
		line-height: 0;
		visibility: hidden;
		width: 0;
		height: 0;
	}

	.clearfix {
		display: inline-block;
	}

	* html .clearfix {
		height: 1%;
	}

	.clearfix {
		display: block;
	} 
	
	
	/*  */

	#tooltip{
		position:absolute;
		border:1px solid #cec3d4;
		background:#eeeeee;
		padding:15px 15px;
		color:#333;
		display:none;
		}	

	/*  */     
	
	
	/* Contact Form */
	.label-text {
		text-align: right;
	} 
	
	/* Glossary Page */
	ul.glossary-list {
		width: 600px;
		margin: 0;
	}
		ul.glossary-list li {
			margin: 0 0 10px 0;
		}