@import url(reset.css);


	body {
		background: url("../images/bkgrd_tile.jpg") repeat-x top left;
		font: normal 14px/23px "Georgia", Times, sans-serif;
		margin: 0 auto;
		padding: 0;
	}
	
	/*** GLOBAL Styles : Begin ***/
	/*** These styles affect then entire page ***/
	
	a			{color: #12b5d8; text-decoration: none;}
	a:hover		{text-decoration: underline;}
	h1 			{font-size: 41px; font-style: italic; font-weight: normal;}
	
	/*** GLOBAL Styles : Begin ***/
	
	/*** CONTENT Styles : Begin ***/
	/*** Page wrapper. Keeps the contents of the page centered ***/
	
	.content { margin: 0 auto; padding: 0; position: relative; width: 841px; }
	
	/*** CONTENT Styles : Begin ***/
	
	/*** HEADER Styles : Begin ***/
	
	#header { height: 245px; overflow: hidden; z-index: 1; }
		#header #learnmore { cursor: pointer; left: 446px; position: absolute; top: 204px;}
		#header h1 {margin-top: 194px; position: relative;}
		#header #about_chb { margin:30px 0px 0 7px; }		
		#header p { color:#777; font:normal 0.85em/1.7em Georgia, "Times New Roman", Times, serif; margin:0px 0 10px 0; width: 665px;}
			#header #about_chb p.highlight_p { color:#333; font-style:italic;font-size:17px; line-height:22px; width:650px; }
			
		img#logo	 					{left: -27px; position: absolute; top: 37px; }
		img#book	 					{left: 447px; position: absolute; top: 52px;}
	
	/*** HEADER Styles : End ***/
	
	/*** MAIN Styles : Begin ***/
	/*** The styles for the three columns in the middle ***/
	
	#main {
		border: 1px dotted #000;
		font-style: italic;
		height: 100%;
		width:840px;
		line-height: 20px;
	}
		/*** Overall styles for #main ***/
		#main h2				{ color: #fff; font: bold 22px/22px Helvetica, Arial, sans-serif; margin: 2px; padding:15px 21px; }
		#main h2 em				{font: italic 16px/16px "Georgia", Times, sans-serif;}
		#main p					{margin: 0 auto;}
		
		/*** SECTIONS : Layout for each section (columns) ***/
		.middle					{ border-left: 1px dotted #000; border-right: 1px dotted #000; }
		.section 				{ float: left; height: 340px; width: 279px; }
		.section_header			{ border-bottom: 1px dotted #000; }
		.section_content		{ padding: 18px 23px 0 23px; }
		.section.left-content h3 { color:#1A1819; font-size: 18px; font-style: normal; font-weight: bold; margin:11px 0 10px 0; }
		.section.left-content p { font:italic normal 13px/16px Georgia, serif; margin:0; padding:0; }		
		.section.left-content img#home_book_tmb { border:5px solid #ccc; float:left; margin-right:8px; max-height:130px; }
		.section.left-content span#book_title { color:#12B5D8; display:block; float:left; font:italic bold 1.1em/1.1em Georgia, "Times New Roman", Times, serif; width:115px; }
		
		.section.right-content { width:280px; }		
		.section.right-content ol { margin:0 0 15px 0; font-size:12px; line-height:16px; padding:8px 0 0 20px;  }		
		.section.right-content ol li{ margin:5px 0; }		


		
		
		

		
		/*** SECTION HEADERS : Background color information for each section header ***/
		#goodmorning		{background-color: #12b5d8; }
		#loginhdr				{background-color: #a2dd01; }
		#signup				{ background-color: #eb57f4; }
		
		/*** LEFT SECTION : Specific styles for the left section ***/
		#main img#design_book									{float: left; margin-right: 9px;}
		#main p.design_book										{font-size: 13px; line-height: 16px;}
		
		/*** MIDDLE SECTION / FORM : Specific styles for the middle section and the login form ***/
		/*#main input	{ border: 1px solid #000; display: block; font-size: 12px; font-style:normal; margin-bottom: 12px; padding:5px; width: 206px;}*/
		input#login, input#password { border: 1px solid #000; display: block; font-size: 11px; font-style:normal; margin-bottom: 12px; padding:5px; width: 206px; }
		#main label#remember_me_label { font-weight:normal; }
		#main label	{color: #848484; font:bold 11px/14px "Lucida Grande", Verdana, sans-serif;}
		#main label.warning	{color: #ff0000; display: none; margin: 2px auto 6px auto;}
		#main .middle a	{color: #66b301; font: 9px "Lucida Grande", Verdana, sans-serif; margin: 12px auto 14px 0;}
		
		/*** RIGHT SECTION : Specific styles for the right section ***/
		
		
		#main .home-signin { margin:15px 0;}
	
	/*** MAIN Styles : End ***/
	
	/*** FOOTER Styles : Begin ***/
		
#footer { background: url("../images/footer_bkgrd.jpg") no-repeat top center; color: #848484; font: normal 10px/14px "Lucida Grande", Verdana, sans-serif; height: 30px; margin:0 auto; padding: 15px 0px; width: 840px; }
#footer ul#footer_left { float:left; }
#footer ul#footer_right { float:right; }
#footer ul li { display:inline; padding:0 3px; }
#footer ul#footer_left li.first { padding-left:0; }
#footer ul#footer_right li.last { padding-right:0; }

#footer a {color: #b100bc; text-decoration: none;}
#footer a:hover {text-decoration: underline;}
	/*** FOOTER Styles : End ***/