/* CSS styles for JRHackett.net - Ron Hackett - September, 2006 */

body {margin:0; padding:0; font: 0.8em verdana, arial, sans-serif;}
     {margin-left:auto; margin-right:au/Users/Ron/Sites/JRHackett.net/bbq.htmto; margin-top:0; padding:0;}
     {position:relative; min-width:800px; max-width:1000px;}
     h1, h2, h3, h4, h5, h6 {font-family: 'comic sans ms', cursive; margin:0; padding:0;}
     h1 {font-size:35px; text-align:left;}
     h2 {font-size:35px; text-align:center;}
     h3 {font-size:20px; text-align:left;}
     h4 {font-size:20px; text-align:center;}
     h5 {font-size:15px; text-align:left;}
     h6 {font-size:15px; text-align:center;}

/* styles for sidebar */
div#sidebar {float:left; width:220px; height:2000px}
div#sidebar {padding:0px; background-color:#EEE;}
div#sidebar h1 {font-family: times serif; text-align: center; padding: 0 0 20px 0;}
div#sidebar p {margin: 0; text-align: center; font-size: 1.0em; font-weight: bold;}

/* styles for top left corner */
div#topleft {margin: 0;}
div#topleft img {margin: 0;}
div#topleft h5 {margin: 0; padding: 0 0 4px 0; border-width: thick; border-top: double; border-bottom: double;}

/* menu styles for TopBar */
div#topbar table {background-color: #FFF; margin: 0; width: 78%; font-size: 25px;}
div#topbar td {height: 28px; margin: 0; padding: 5px; text-align: center; vertical-align: top;}
div#topbar td a {display: block; text-decoration: none; border: 4px solid gray;}
div#topbar td a {border-color: rgb(90%,85%,80%) rgb(60%,55%,50%) rgb(60%,55%,50%) rgb(90%,85%,80%); color: navy;}
div#topbar td a {background: rgb(90%,90%,97%) 3px 50% no-repeat; padding: 2px;}
div#topbar td a {background-color: #D8D8F8;}
div#topbar td a:hover {background-color:#C8C8E8;}

/* styles for navigation links */
div#nav {margin: 0; background-color:#EEE;}
div#nav ol {margin: 0 .5em; padding:0; list-style-type:none; font-weight:bold; font-size: .9em;}
div#nav ol li {margin:10px 0px 3px 0px; padding:.05em 0}	
div#nav ul {margin:0px 1em; padding:0; list-style-type:none; font-weight:bold; font-size: .9em;}
div#nav ul li {margin:0px 0px 3px 0px; padding:.1em 0;}
div#nav a:hover {color: magenta;}

/* styles for content area */
div#content {margin:0 0 0 240px; padding:0 5px 0 0;}
div#content img {padding:12px; border-style:none;}
div#content p {font-size:1.2em; margin-top:.7em; margin-right:2em; margin-bottom:.7em;}	
div#content li {font-size:1.1em; margin-bottom:.5em;}
div#content a:hover {color: magenta;}

/* styles for logo */
div#logo {margin: 0; padding: 10px;}
     h2 {font-size:40px; text-align:center;}

/* styles for clearfloats */
div#clearfloats {clear:both;}

/* styles for footer */
div#footer {margin-top:0; padding:3px; width:100%; font-size:.7em; font-weight:bold; text-align:center; border-top:1px solid #333;}