/* universal text styles */
h1 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16pt; font-weight:bold; margin:0 0 5px 0;}
h2 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; margin:0 0 5px 0;}
h3 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; margin:0 0 5px 0;}
p {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; margin:0 0 5px 0;}
a:link {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; text-decoration:underline; margin:0 0 5px 0;}
a:visited {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; text-decoration:underline; margin:0 0 5px 0;}
a:focus, a:hover, a:active {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; text-decoration:underline; margin:0 0 5px 0;}
ul {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; margin:0 0 5px 1px;}
li {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; 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:700px;}
#wrap {margin:0; width:700px; background:url(jabunetv3/background.gif) repeat-y;}

/* header - top bar */
#header {float:right; background:url(jabunetv3/header.gif) repeat; height:35px; width:520px;}
#header h1 {display:none;}

/* menu - left vertical menu */
#menu {float:left; clear:both; width:180px;}
#menu ul {margin:0; padding:0; list-style:none;}
#menu li {margin:0; padding:0; list-style:none; text-align:center; background:url(jabunetv3/button.gif); width:180px; height:68px;}
#menu a:link, #menu a:visited {font-family:Arial, Helvetica, sans-serif; font-size:22px; font-weight:bold; text-decoration:none; line-height:68px;}
#menu a:focus, #menu a:hover, #menu a:active {font-family:Arial, Helvetica, sans-serif; font-size:25px; color:#0000FF; font-weight:bold; text-decoration:none; line-height:68px;}

/* style - style switcher panel */
#style {position:absolute; top:0; right:0; width:700px; height:15px; background:none;}
#style ul {margin:0; padding:0; list-style:none;}
#style li {text-align:right; display:inline; margin:0; padding:5px;}
#style a {font-size:9px; font-color:#0000FF;}

/* nav - right-hand navigation panel */
#nav {float:right; border:2px solid #000; background:#84FF84; width:194px; height:auto;}
#nav h1, #nav h2, #nav h3, #nav p, #nav a {padding:5px; color:#000;}
#nav ul, #nav li {list-style:none; margin:0;}

/* content - main content area */
#content {float:right; clear:both; width:520px; height:auto;}
#content ul {margin-bottom:0;}
#content h3, #content h2, #content h1, #content p {padding:5px;}

/* footer - bottom horizontal footer */
#footer {clear:both; background:url(jabunetv3/footer.gif); height:35px; width:700px; text-align:right;}
#footer ul {list-style:none;}
#footer li {display:inline;}
#footer p, #footer a {font-size:9px;}

/* sparediv1 used to display the top left logo */
#sparediv1 {float:left; background:url(jabunetv3/tleft.gif); height:100px; width:180px;}
