/* universal text styles */
h1 {font-family:Cursive; font-size:20px; font-weight:bold; color:#990000; margin:0 0 5px 0;}
h2 {font-family:Cursive; font-size:15px; font-weight:bold; color:#990000; margin:0 0 5px 0;}
h3 {font-family:Cursive; font-size:12px; font-weight:bold; color:#000000; margin:0 0 5px 0;}
p {font-family:Cursive; font-size:12px; font-weight:normal; color:#000000; margin:0 0 5px 0;}
a:link {font-family:Cursive; font-size:12px; color:#660000; text-decoration:underline; margin:0 0 5px 0;}
a:visited {font-family:Cursive; font-size:12px; color:#660000; text-decoration:underline; margin:0 0 5px 0;}
a:focus, a:hover, a:active {font-family:Cursive; font-size:12px; color:#660066; text-decoration:none; margin:0 0 5px 0;}
ul {font-family:Cursive; font-size:12px; color:#000000; margin:0 0 5px 1px;}
li {font-family:Cursive; font-size:12px; color:#000000; margin:0 0 5px 1px;}

/* image <img class="l" src="url" /> style classes */
img {border:0;} /* border style for all images - no class = in-line image */
img.l {float:left;} /* left-aligned images with text wrapping */
img.r {float:right;} /* right-aligned images with text wrapping */
img.b {display:block;} /* left-aligned image with no text wrap - nb: replaces <br /> tag */

/* body and wrap - outer container for whole page */
body,
html {margin:0; padding:0;}
body {min-width:767px; background:#ffffff;}
#wrap {margin:0 auto; width:767px; background:url(cartoon_orange/pagebg.gif) repeat-y;}

/* header - top title bar */
#header {float:right; background:url(cartoon_orange/menu_top.gif); height:102px; width:566px;}
#header h1 {display:none; margin:55px auto 0 50px;}

/* menu - top horizontal menu panel */
#menu {position:absolute; top:60px; left:auto; right:auto; width:400px;}
#menu ul {margin:0; padding:0 0 0 20px; list-style:none;}
#menu li {display:inline; margin:0;}

/* style - style switcher panel */
#style {float:right; padding:25px 0 0 0; width:120px; background:#CECF00 url(cartoon_orange/style_title.gif) no-repeat; margin-top:-50px;}
#style ul {margin:0; padding:0; list-style:none;}
#style li {display:inline; margin:0; padding:5px;}

/* nav - left vertical navigation panel */
#nav {float:left; background:url(cartoon_orange/nav_bg.gif); width:201px; height:246px; padding:20px 0 0 0;}
#nav h1, #nav h2, #nav h3, #nav p {display:none;}
#nav a, #nav ul, #nav li {font-size:14px; padding:0; list-style:none; margin:0; padding:0 0 25px 20px;}

/* content - main content area */
#content {float:right; width:566px; background:#CECF00;}
#content ul {margin-bottom:0;}
#content h3, #content h2, #content h1, #content p {padding:5px;}

/* footer - bottom horizontal footer */
#footer {clear:both; float:right; margin:5px 5px 5px 0;}
#footer p, #footer a {font-size:9px;}
/* sparediv1 - top left logo */
#sparediv1 {float:left; background:url(cartoon_orange/logo_tl.gif); height:102px; width:201px;}
