body {
background-color:#fff;
color:#000;
font-family:times, serif;
}

/* outside div encasing everything on the page so it will be centered
   automatically within the browser. The background image is declared
   here and does not repeat. */

div.main {position:relative; top:00px; width:737px;
          margin-left:auto; margin-right:auto; padding:2px;
          background-image:url('/gr/back_joker_inside.jpg');
          background-repeat:no-repeat; background-position:0 0px;
	margin-bottom:30px; padding-top:172px}     


/* div with all the text and page content to left of the nav menu. */

div.content {margin-left:2px; width:510px; 
         border:solid 2px black; padding:5px;}
div.content a {color:green; font-weight:bold;}
div.content a:hover {color:#99CC33;}


/* styles for title of main content box */

div.title {position:absolute; top:147px; left:20px; color:#fff;
          border-style:none; font-weight:bold; font-size:18px;}


/* styles for an indented paragraph */

p.indent {text-indent: 20px}

/* for floating images */

div.right {float:right; top:10px; text-align:center; font-weight:bold;
border:1px solid gray; background-color:#E8FFBB; padding:3px; margin:5px;}

div.left {float:left; text-align:center; font-weight:bold;
border:1px solid gray; background-color:#E8FFBB; padding:3px; margin:5px;}

.white {background-color:#efefef !important;}
.white img {border:1px solid black; margin-top:5px;}


/* styles for lefthand images included in each news update */ 
img.box {float:left; padding:5px; padding-bottom:0px;}


/* styles for navigation bar on right */

div.nav {float:right; margin-top:2px; margin-right:6px;
	width:184px; border:solid 2px black; margin-left:0px;
         border-top-style:none; padding:5px; margin-bottom:20px;}
div.nav a {text-decoration:none; color:black; font-weight:bold;}
div.nav a:hover {color:#105806; text-decoration:underline;}

/* for section titles within the navbar */
div.nav img {width:194px; margin-right:-5px; padding:right:0px;
    padding-left:0px; padding-bottom:3px; padding-top:7px; margin-left:-5px;}

#sub {width:198px; height:72px; z-index:100; position:relative; left:-2px;
	margin-right:-9px; margin-top:-10px; margin-bottom:-5px; padding-bottom:0px;}


/* stuff for hover link boxes:

   A div is encasing each link, to allow relative positioning of absolutely
   sized and formatted links. The height and width of the link must be declared 
   in this outer div for the sizing to work out. */

div.web {position:relative; width:96%; height:80px;} 

/* Now the link itself. Everything else is declared here, especially the hover. */

div.web a {
       background-image:url('/gr/back_green_full.gif');
	background-position:0 100px;
       position:absolute; top:0px; left:0px;
       width:100%; height:100%; text-decoration:none;
       padding:8px; border:2px solid #666; 
       font-weight:normal; font-size:12px; line-height:14px; color:black;
     }
div.web a:hover {color:black; background-position:0 0px;}

/*  styles for title of links.  This can NOT have "div.web" before it, 
    or else it will break all the hover links for the entire site in IE.  This
    also does not affect the navigation or text links either, since ":first-line"
    applies to only block level elements, and all the other links are inline. */
a:first-line {font-weight:bold; font-size:16px; line-height:17px;}

/* styles for the right image inside the link */
div.web a img {float:right; border:2px solid black; margin:3px;}

/* styles for underlining a title within the link text.
   this must have the font size declared here, it will 
   not inherit it otherwise. */
div.web span.u {text-decoration:underline; font-size:12px;} 


ol.comics li:hover {background-color:#4DBA2C;}

table {border:1px solid black; width:510px; background-color:#E8FFBB;}
table th {text-align:center; font-weight:bold;}
table td {border:1px solid black; width:33%; text-align:center; background-color:white;}
table caption {text-align:center; font-weight:bold; color:green;}


span.u {text-decoration:underline;}
span.big {font-weight:bold; font-size:18px;}
span.c {color:green}
a.grey {color:#888 !important; text-decoration:none !important;}
div.center {text-align:center; font-weight:bold;}

.green {background-color:#E8FFBB;}

hr {width:70%;}


/* styles for box links on news archive pages */

div.box_links {border:2px solid black; display:block; height:30px;
	padding-top:12px; padding-left:6px; background-color:#C2FDB9;
	font:bold 16px verdana;}
div.box_links a {text-decoration:none; color:#000; padding:4px; text-align:center; 
    background-color:#fff; border:2px solid #333;
   margin-right:1px;}

div.box_links a:hover {background-color:#2D8320; border:2px solid #000; color:#fff;}

div.box_links a.on {background-color:#2D8320; border:2px solid #000; color:#fff;}