@charset "utf-8";

	html {background:url("riverbg.png") repeat-x top left #4898BD;}
	body {overflow:auto; font-family: Arial, Helvetica, sans-serif; color:#444; font-size:18px;	color: #000;}

	h1 a {margin:60px 0 0 10px; position:absolute; border:none !important; text-indent:-9999em; background:url("/code/booklet/images/booklet.png") no-repeat 0 0; width:172px; height:88px;}
	h2 {text-indent:0; padding:0; height:1.5em;}
	h4 {color:#fff; font-size:1.2em;}
	
	#nav {margin-top:90px;}
	#nav a {color:#fff; background:none; text-indent:0; width:auto; margin-left:25px; text-transform:lowercase; text-shadow:0px 1px 3px #666;}
	#nav a:hover {color:#000; text-shadow:0 1px 0 #c1ebff;}
	#nav a.current {color:#ffffff; text-shadow:0px 1px 1px #ffffff;}
	#header {position:static; height:20px;}
	#content {width:100%; height:auto;}
	#content ul {padding:0 0 0 10px; margin:0 0 20px 10px; line-height:20px; list-style:disc outside;}
	#content ol {padding:0 0 0 10px; margin:0 0 20px 10px; line-height:20px; list-style:decimal outside;}
	#footer {position:relative; margin-top:20px;}
	
	#bar {font-size:12px;background: none repeat scroll 0% 0% rgb(0, 0, 0); position: absolute; top: 0; left: 0; width: 100%; border-bottom:1px solid #c1ebff;}
	#bar .wrap {padding:5px 0;}
	#bar a {margin-left:20px; margin-top:4px;}
	

	/* @General Structure
----------------------------------------*/
    #menu     {margin:0 auto; width:1080px; height:65px; padding:0; position:relative;}
    #mybook, 
    #mybook2   {margin:40px auto 20px;}
	
/* @Booklet Styling
----------------------------------------*/
	.booklet a        {color:#006699; text-decoration:none;}
	.booklet a:hover  {border-bottom:1px dotted;}
	.booklet ul       {font-size:12px; padding:0; margin:0 0 20px 10px; line-height:20px; color:#524f4a; list-style:disc outside;}
    .booklet h2,
    .booklet h3 {font-size:20px; padding:0 20px 0; height:auto;text-shadow:none;}
    .booklet h4 {color:#444;}
    .booklet p  {font-size:16px; padding:0 20px 0; line-height:20px; color:#000;}
	
	.booklet q  {display:block; width:200px; font-size:18px; font-weight:bold; font-style:italic;}
	
    .right {float:right;}
    .left  {float:left;}
    .clear {clear:both;}
	.right {float:center;}

   
	.tagline {font:bold 18px "Myriad Pro"; color:#34322d; margin:10px 0; border-bottom:1px solid #928e86;}
	.caption {font:italic 18px; padding:1px; }
   
	.padtop  {padding-top:64px;}
   
	/*.col-2   {width:205px; height:600px; float:left; margin-right:10px;}
	.block-4 {width:205px; height:260px; float:left; margin-right:10px;}*/