body {
  margin: 0;
  top: 0;
  left: 0;
  background: url(../gifs/bg.gif) top left repeat-x #ffffff;
  text-align: center;
  font-size: 1em;
  font-family: Arial, Helvetica, sans-serif;
  color: #787878;
}

div#wrapper       { position: absolute; width: 100%; top: 0px; left: 0; }
div#wrapperinner  { margin: 145px auto 0 auto; width: 952px; background: url(../gifs/wrapperbg.gif) top right no-repeat; }
div#content       { float: right; width: 740px; margin-top: 5px; padding-bottom: 18px; text-align: left; color: #000000; font-size: 80%; }
body.home div#content { float: left; width: 489px; }
div#inner         { float: left; margin-left: 20px; padding-top: 10px; width: 650px; padding-bottom: 20px; display: inline;}
div#right         { float: right; width: 453px; margin-right: 5px; font-size: 80%; display: inline;}
body.home div#inner { margin-left: 0; padding-bottom: 0; background: url(../gifs/homebg.jpg) bottom left no-repeat; width: 670px; }
div#left          { float: left; width: 181px; display: inline; text-align: left; font-size: 80%; color: #787878; margin-right: 25px; padding-bottom: 20px; }
div#seo           { clear: both; width: 952px; background: url(../gifs/footerbg.gif) top left repeat-x; color: #00C5EF; padding-top: 12px; padding-bottom: 12px; font-size: 70%;}
div#footer        { clear: both;  background: url(../gifs/footerbg.gif) top center repeat-x; height: 56px; width: 952px; color: #5E8591; font-size: 70%;}
div#legal         { float: left; margin-top: 15px; margin-left: 5px;}

div#headerwrapper { position: absolute; width: 100%; top: 0; left: 0;}
div#header        { margin: 0 auto; width: 952px; height: 96px; text-align: left; background: url(../gifs/headerbg.gif) bottom left repeat-x;}
div#logo          { float: left; background: url(../gifs/logobg.gif) bottom left no-repeat; height: 96px; width: 300px; text-align: center;}
div#subscribe     { float: right; width: 540px; height: 96px; text-align: left; font-size: 80%; }
div#topmenu       { float: left; display: inline; width: 952px; background: url(../gifs/topnavbg.gif) center center no-repeat; height: 49px; font-size: 85%; }

img { border: none; }


/* top menu */ 
div#topmenu ul.menu                     { margin: 0; padding: 0; list-style-type: none; color: #ffffff; height: 49px; line-height: 49px; text-align: left; width: 932px; }
div#topmenu ul.menu li                  { display: inline; float: left; margin: 0; padding: 0; font-weight: bold; }
div#topmenu ul.menu li.last             { border-right: 1px solid #88CBFF; }
div#topmenu a                           { display: block; padding: 0 23px 0 23px;}
div#topmenu ul.menu li a:link,
div#topmenu ul.menu li a:visited        { color: #DDFCFF; text-decoration: none;  border-left: 1px solid #88CBFF; border-right: 1px solid #000000; }
div#topmenu ul.menu li a:hover,
div#topmenu ul.menu li a:active         { background: url(../gifs/topmenuahbg.gif) right center repeat-x;}
div#topmenu ul.menu li a.current:link,
div#topmenu ul.menu li a.current:visited { background: url(../gifs/topmenuacurrentbg.gif) right center repeat-x; color: #ffffff; }
div#topmenu ul.menu li a.current:hover,
div#topmenu ul.menu li a.current:active { background: url(../gifs/topmenuahbg.gif) right center repeat-x; color: #DDFCFF;}
div#topmenu ul.menu li a.first:link,
div#topmenu ul.menu li a.first:visited  { border-left: none;}
div#topmenu ul.menu li a:active         { background: url(../gifs/topmenuahbg.gif) right center repeat-x;}
div#topmenu ul.menu li a.first:hover,
div#topmenu ul.menu li a.first:active   { background: url(../gifs/topmenufirsthbg.gif) left center no-repeat;}
div#topmenu ul.menu li a.firstcurrent:link,
div#topmenu ul.menu li a.firstcurrent:visited  { background: url(../gifs/topmenufirstcurrentbg.gif) left center no-repeat; border-left: 0; color: #ffffff;}
div#topmenu ul.menu li a.firstcurrent:hover,
div#topmenu ul.menu li a.firstcurrent:active   { background: url(../gifs/topmenufirsthbg.gif) left center no-repeat; color: #DDFCFF;}

/* top menu drop */
div#topmenu ul.menu ul.submenu           { position: absolute; left: -999em; margin: 0 0 0 7px; padding: 0; border: 1px solid #8EC1D6; background: url(../gifs/dropbg.gif) top right no-repeat #ffffff; }
div#topmenu ul.menu ul.submenu li        { clear: left; display: block; padding: 0 25px 0 10px;}
div#topmenu ul.menu ul.submenu li.title  { color: #5C5C5C; font-weight: bold; height: 23px; line-height: 23px; }
div#topmenu ul.menu ul.submenu a:link,
div#topmenu ul.menu ul.submenu a:visited { color: #5BA2CB; padding: 0; font-weight: normal; border: none; line-height: 23px; font-size: 90%;}
div#topmenu ul.menu ul.submenu a:hover,
div#topmenu ul.menu ul.submenu a:active  { color: #5C5C5C; background-image: none; }
div#topmenu ul.menu ul.submenu a.current,
div#topmenu ul.menu ul.submenu a.current:hover { color: #5C5C5C; background-image: none; }

/* Activate the drop */
div#topmenu ul.menu li:hover ul.submenu,
div#topmenu ul.menu li.ieHover ul.submenu { left: auto; }
div#topmenu ul.menu li:hover ul.submenu a.current,
div#topmenu ul.menu li.ieHover ul.submenu a.current { color: #5c5c5c; background-image: none; }


div#seo p         { padding: 0; margin: 0;}
div#seo a:link,
div#seo a:visited { color: #00C5EF; text-decoration: none; padding: 0 3px; }
div#seo a:hover,
div#seo a:active  { text-decoration: underline; }


div#footer p                  { margin: 0 5px 0 0; padding: 15px 0 0 0; color: #71B0CD; }
div#footer a                  { text-decoration: none; }


/* Left col top menu */
div#left ul.menu           { list-style-type: none; margin: 10px 0 10px 0; padding: 0;}
div#left ul.menu li        { background: url(../gifs/leftcollibg.gif) bottom right no-repeat; height: 32px; line-height: 21px; color: #0084C9; padding: 0; margin: 0;  }
div#left ul.menu a:link,
div#left ul.menu a:visited { color: #0084C9; text-decoration: none; display: block; padding: 0 6px; }
div#left ul.menu a:hover,
div#left ul.menu a:active  { color: #787878; }

div#content img {border: 1px solid #0A9AF7;}


/* Applet Selectable Styles */


h1,p.header1 {  font-size: 145%; padding-bottom: 5px; background: url(../gifs/h1bg.gif) bottom left repeat-x; font-family: Verdana, Arial, sans-serif; font-weight: bold; margin: 0; padding: 0 65px 0 0; color: #0084C9; }

h2,p.header2 { font-size: 125%; font-family: Verdana, Arial, sans-serif; font-weight: bold; margin: 0; padding: 0 65px 0 0; color: #0084C9;}

h3,p.header3 { font-size: 105%; font-family: Verdana, Arial, sans-serif; font-weight: bold; margin: 0; padding: 0 65px 0 0; color: #0084C9;}

a         { color: #0115AB; text-decoration: none;}
a:hover   { text-decoration: underline;}

img.floatright           { float: right; }
img.floatleft            { float: left;}
img.floatrightwithmargin { float: right; margin: 0 0 10px 10px;}
img.floatleftwithmargin  { float: left; margin: 0 10px 10px 0;}
img.rollover             { /* Rollover */ }

body.home div#content p { margin-left: 8px; margin-right: 8px;}

p.captionedimage {
  width: 146px;
  color: #00C5EF;
  font-weight: bold;
  text-align: center;
  float: left;
  margin-right: 28px;
  margin-bottom: 20px;
}

p.clear {
  clear: both;

  }

p.indent1 {
  margin-left: 20px;
  /* Indented Text 1 */
}
p.indent2 {
  margin-left: 40px;
  /* Indented Text 2 */
}
p.indent3 {
  margin-left: 60px;
  /* Indented Text 3 */
}
p.indent4 {
  margin-left: 80px;
  /* Indented Text 4 */
}

table.default {
  border-width: 1px;
  border-style: solid;
  text-align: left;
  padding: 3px;
  margin: 1px;
  /* No Style */
}


td { font-size: 80%; padding: 3px;}

td.alignright {
  text-align: right;
  /* Align Middle Right */
}
td.aligncenter {
  text-align: center;
  /* Align Middle Center */
}
td.aligntop {
  vertical-align: top;
  /* Align Top Left */
}
td.alignbottom {
  vertical-align: bottom;
  /* Align Bottom Left */
}
td.aligntopright {
  vertical-align: top;
  text-align: right;
  /* Align Top Right */
}
td.aligntopcenter {
  vertical-align: top;
  text-align: center;
  /* Align Top Center */
}
td.alignbottomright {
  vertical-align: bottom;
  text-align: right;
  /* Align Bottom Right */
}
td.alignbottomcenter {
  vertical-align: bottom;
  text-align: center;
  /* Align Bottom Center */
}

th {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 10px;
  background-color: #CCCCCC;
  margin: 0.1px;
}

a {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  text-decoration: none;
  color: #77B800;
}
a:hover { text-decoration: underline; }

ol.norm { /* Numbered List */ }
ul.round { /* Round markers */}


span.sup {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 7px;
  vertical-align: super;
  /* Superscript */
}
span.sub {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 7px;
  vertical-align: sub;
  /* Subscript */
}


/* Listings scrollers */
div.listing                    { border-top: 1px solid #C1DDEF; background: url(../gifs/listingtop.gif) top center repeat-y; width: 182px; text-align: left;}
div.listing div.scroller       { background: url(../gifs/listingbtm.gif) bottom center no-repeat; padding: 0 0 11px 0;}
div.listing h1                 { background-color: #E0EEF7; margin: 1px 2px; padding: 0 8px; height: 24px; line-height: 24px; color: #000000; font-size: 90%; background-image: none;}
div.listing p                  { color: #787878; margin: 8px 10px; padding: 0; font-size: 90%; font-weight: bold;}
div.listing p.title            { color: #00C5EF; font-weight: bold; font-size: 90%; margin: 4px 10px 0 10px; padding: 0;}
div.listing p.title a:link,
div.listing p.title a:visited  { color: #00C5EF; text-decoration: none; }
div.listing p.title a:hover,
div.listing p.title a:active   { text-decoration: underline; }
div.listing p.synopsis         { color: #4E75AA; font-size: 90%; font-weight: normal; margin: 0 10px; padding: 0;}
div.listing p.source           { color: #00C5EF; font-weight: bold; font-style: italic; font-size: 90%; margin: 0 10px; padding: 0;}
div.listing p.source span.date { color: #4E75AA; font-weight: normal;}
div.listing p.divider          { background: url(../gifs/listingdivider.gif) center center no-repeat;height: 3px; }
div#listings                   { width: 453px; float: right; padding-bottom: 30px; }

/* Variants for home page */
body.home div.listing              { background-image: url(../gifs/homelistingtop.gif); width: 223px; float: left;  }
body.home div.listing.right        { margin-left: 7px; }
body.home div.listing div.scroller { background-image: none; height: 195px; overflow: auto; }
body.home div.listing div.btm      { background: url(../gifs/homelistingbtm.gif) bottom center no-repeat; height: 11px; }
body.home div.listing p.divider    { background-image: url(../gifs/homelistingdivider.gif); background-position: left; }

/* Blog and guide links for home page */
div#links          { float: right; width: 453px; margin-top: 6px; margin-bottom: 5px;}
div#links p        { margin: 0 12px; padding: 0; }
div#links a:link,
div#links a:visited { color: #ffffff; font-weight: bold; text-decoration: none; font-size: 120%; float: right; padding: 42px 10px 0 0;}
div#links a:hover,
div#links a:active { color: #ffffff; text-decoration: underline;}
div#links div#blog { width: 453px; background: url(../gifs/blogbg.jpg) center center no-repeat; height: 105px; color: #006397; text-align: left;}
div#links div#blog a { padding-top: 43px; padding-right: 20px;}
div#links div#blog p.title { font-family: Verdana, sans-serif; font-weight: bold; font-size: 130%;  padding-top: 17px;  }
div#links div#guide { width: 453px; background: url(../gifs/guidebg.jpg) center center no-repeat; height: 105px; color: #009286;  text-align: left;}
div#links div#guide p.title { font-family: Verdana, sans-serif; font-weight: bold; font-size: 130%; padding-top: 17px;}