/* *******************************************************************************
   ** main style section -- in alphabetical order                               **
   **                                                                           **
   ** styles for the menu system are below...                                   **
   **                                                                           **
   *******************************************************************************
*/

body {
/*	background-color: #FFFFCC; */    /* normal display of web pages */
	background-color: #ccccff;    /* for printing webhosting.htm so background is WHITE */
}

.body_block {
	background-color: #FFFFCC;
	color: #000000;
}

.body_pub_dates {
	background-color: #00FFFF;
	color: black;
}

.bold {
        font-weight: bold;
}

.bold_u {
        background-color: black;
        color: #FFFFCC;
        font-weight: bold;
        text-decoration: underline;
}

h1 {
        background-color: blue;        /*#FFFFCC;*/
        border-style: solid;           /* gotta do this first for IE */
        border-color: blue;            /* #FFFFCC;*/
        border-left: 8px;
        border-right: 0px;
        border-top: 0px;
/*      border-bottom: 24 px; ----------- only works in IE! -- more bullshit! */
        border-bottom-width: 49px;     /* gotta use this for NN, Mozilla, Opera */
        color: white;
        font-family: "Comic Sans MS, serif";
        font-size: 28pt;
        font-style: italic;
        font-weight: bold;
        margin-bottom: -25px;
        text-align: left; /*center;*/
}

h2 {
        background-color: #00FFFF; /*#FF80A0;*/ /*red;*/
        border-style: solid;
        border-color: blue; /*red;*/
        border-width: 3px;
        color: black; /*white;*/
        font-family: "Comic Sans MS, serif";
        font-size: 18pt;
        font-weight: bold;
        text-align: center;
}

.h2_red {
        background-color: #FF80A0; /*red;*/
        border-style: solid;
        border-color: red;
        border-width: 3px;
        color: white;
        font-family: "Comic Sans MS, serif";
        font-size: 24pt;
        font-weight: bold;
        text-align: center;
}

h3 {
        font-family: "times roman, serif";
        font-size: 14pt;
        font-weight: bold;
        list-style: inside;
        list-style-position: inside;
        list-style-type: circle;
}

.h3_bold {
/*	background-color: blue;*/
/*	color: white;*/
        font-family: "times roman, serif";
        font-size: 14pt;
        font-weight: bold;
}

.h3_bold12 {
/*	background-color: blue;*/
/*	color: white;*/
        font-family: arial;
        font-size: 12pt;
        font-weight: bold;
}

h5 {
        border-style: none;
        font-size: x-small;
        font-family: "Comic Sans MS, serif";
        font-weight: normal;
        text-align: center;
}

.h5_red {
        border-style: none;
	color: red;
        font-size: x-small;
        font-family: "Comic Sans MS, serif";
        font-weight: normal;
        text-align: center;
}

.h5_smallest {
/*	background-color: black; */
        border-style: none;
/*	color: #FFFFCC; */
	color: #000000;
        font-size: xx-small;
        font-family: "Comic Sans MS, serif";
        font-weight: bold;
        text-align: center;
}

hr {
        height: 6px;
        color: blue;            /* IE uses this property for color */
        background-color: blue; /* Mozilla uses this one for color */
/*	**************************************************************
	now we gotta specifiy the following for Mozilla so we don't 
	get the gray/recessed default border -- and... if the
	border-width property is greater than 0px it increases the
	HR height in Opera but is part of the total height in
	IE/Mozilla (what a bunch of SHIT -- the fuckin' browser makers
	need their asses kicked for causing this kind of crap!!!)
	**************************************************************
*/
        border-style: solid;
        border-color: red; 
        border-width: 0px;
}

.hr_divider {
	color: gray;
	height: 2px;
}

.hr_page {
        height: 12px;
}

img.floatLeft { 
    float: left; 
    margin: 4px; 
}
img.floatRight { 
    float: right; 
    margin: 4px; 
}

.indent_right {
        font-family: "times roman, serif";
        font-size: 12pt;
	margin-right: 200px;
}

p {
        font-family: "times roman, serif";
        font-size: 1em;
        font-weight: normal;
        list-style: inside;
        list-style-position: outside;
        list-style-type: circle;
}

td {
        font-family: times-roman, serif;
        font-size: 1.2em;
        font-weight: normal;
        list-style: inside;
        list-style-position: outside;
        list-style-type: circle;
}

/*
   *******************************************************************************
   **                                                                           **
   ** not needed -- discovered that problem was caused by using the "font" tool **
   ** in 1st Page 2000's Preview mode to alter the size of <UL> and <OL> text   **
   ** on the page AND THE CHANGE WAS SOMEHOW MAINTAINED BY IE!!!                **
   **                                                                           **
   *******************************************************************************
ol,ul {
        font-family: "times roman, serif";
        font-size: 12pt;
        font-weight: bold;
}
   *******************************************************************************
*/


/*
   *******************************************************************************
   *******************************************************************************
   *******************************************************************************
   Picked up of the internet somewhere...

   I remember having problems with it some time ago. It might be mainly affecting 
   IE, but I'm not sure (and not in the mood for testing), but quick google seems 
   to indicate it's for (mainly) all browsers. 

   The point is that if you order it, for instance, like so:
      link
      active
      hover
      visited

   then visited would override hover, and so when you would hover over a visited
   link you wouldn't see the hover style, because the visited style is declared 
   later than the hover style and therefor overrides it.

   I'm not sure I'm explaining properly, so I'll expand. I'll use a shorthand form
   (L means ":link" and so on).

   When you have a link it will fall under just L and not under A, H or V. When the 
   visitor has clicked on it, it becomes visited and falls under both L and V.

   CSS works so that the last style declaration overrides older ones, so if you have

      p { background-color:#fff; border:1px solid #f0f;}
      p { background-color:#000; }

   The background for 'p' would be #000 (black) with a #f0f (magenta) border, 
   because last rule the parser encountered overrides any earlier rules. Same thing 
   with pseudo classes like hover.

   So, when the visitor has visited a link and then hovers over it, the link falls 
   into L V and H! Oh dear! So the parser checks the styles for a:L, a:V and a:H 
   and applies them in the order they are typed in the stylesheet.

   At least I'm guessing that is what is/could be causing problems sometimes.

   Of course if you don't want visited links to have hover styles then the 
   appropriate order would be to have H before V. And I'm guessing you could 
   (probably doesn't work in IE, but you never know) do something like:

      a:link{...}
      a:hover{...}
      a:active{...}
      a:visited{...}
      a:visted:hover{...}

   to get special styling for visited links you're hovering over.
 
   The four link selectors are:

      A:link ... Defines the style for normal unvisited links.
      A:visited ... Defines the style for visited links.
      A:active .... Defines the style for active links. A link becomes active once
                    you click on it.
      A:hover ..... Defines the style for hovered links. A link is hovered when the 
                    mouse moves over it. (Note: not supported by Netscape browsers 
                    prior to version 6.)
 
   links MUST be defined in the following order!!
   a:hover MUST come after a:link and a:visited in the CSS definition in order to be effective!!
   a:active MUST come after a:hover in the CSS definition in order to be effective!!
   *******************************************************************************
   *******************************************************************************
   *******************************************************************************
*/
a:link {color: blue;}
a:active {color: blue;}
a:visited {color: green;}
a:hover {color: red; text-decoration: none;}

.page_links {
        background-color: white; /*#FFFFCC; */
/*      border-style: solid; */
        border-color: white; /*#FFFFCC; */
        border-width: 5px;
/*      color: white; */
        font-size: x-small;
        font-family: "Comic Sans MS, serif";
        margin-bottom: 20px;
        text-align: right; /*center;*/
        width: 100%;
}

.red {
        background-color: #FFFFCC;
        color: red;
}

table {
        font-family: "times roman, serif";
        font-size: 12pt;
        font-weight: normal;
        width: 100%;
}

td {
/*      text-align: left; */
        vertical-align: top;
}

.table_title {
        background-color: blue;
        border-style: solid;
        border-color: blue;
        border-width: 0px;
        border-bottom-width: 12px; /*24px;*/ /* gotta use this for NN, Mozilla, Opera */
        margin-bottom: -25px;
/*      border-left: 5px;
        border-right: 2px;
        border-top: 2px;
        font-family: "Comic Sans MS, serif";
        font-size: 28pt;
        font-style: italic;
        font-weight: bold;
        color: white;
        text-align: center; */
}

.table_no_border {
        border-style: none;
}

.the_price {
        color: red;
        font-size: x-large;
        font-style: italic;
        font-weight: bold;
}

/* *******************************************************************************
   ** menu styles                                                               **
   **                                                                           **
   ** note: not all browsers render styles the same way so try out your style   **
   **       sheet on different browsers before publishing;                      **
   **                                                                           **
   **                                                                           **
   ******************************************************************************* */
/* level 0 inner */
.m0l0iout {
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: x-small; /*12px;*/
	text-decoration: none;
	padding: 1px; /*4px;*/
	padding-left: 3px;
  	padding-bottom: 2px;
	color: Black; /* color of text */
}
.m0l0iover {
/*	font: x-small Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;*/
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: x-small; /*12px;*/
/*	********************************************************************************
	Modified 03-03-2005 so that underlines ARE NOT displayed in Tigra Menu when the
	link value is null (e.g., a top level menu item that goes nowhere, but has
	sub-menu items).
	***************************************************************************** */
	text-decoration: none; /*underline;*/
	padding: 1px; /*4px;*/
	padding-left: 3px;
  	padding-bottom: 2px;
	color: White; /* color of text -- OnMouseOver */
}

/* level 0 outer */
.m0l0oout {
        text-decoration: none;
        border: 1px solid #000000;
	background: #63B6FF; /* color of background */
}
.m0l0oover {
        text-decoration: none;
        border: 1px solid WHITE;
	background: #FF0000;  /* color of background -- OnMouseOver */
}

/* level 0 outer -- sub level for CMS/DMS menu items */
.m0l0ooutX {
        text-decoration: none;
        border: 1px solid #000000;
	background: #cccccc; /* color of background */
}
.m0l0ooverX {
        text-decoration: none;
        border: 1px solid WHITE;
	background: #ffcccc; /* pink; */  /* color of background -- OnMouseOver */
}

/* level 1 inner */
.m0l1iout {
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: x-small;
	text-decoration: none;
	padding: 1px; /*4px;*/
	padding-left: 3px;
	padding-bottom: 2px;
	color: Black;
}
.m0l1iover {
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: x-small;
        text-decoration: none;
	padding: 1px; /*4px;*/
	padding-left: 3px;
	padding-bottom: 2px;
	color: White;
}

/* level 1 outer */
.m0l1oout {
        text-decoration: none;
        border: 1px solid #000000; /*#FFFFFF;*/
/*	background: #63B6FF; #B075D0; #5A005A; #46B446; */
	background: #B075D0; 
/*	filter: alpha(opacity=65); */
}
.m0l1oover {
        text-decoration: none;
        border: 1px solid #FFFFFF;
	background: #FF0000; /*#B075D0;*/ /*#5AE55A;*/
/*	filter: alpha(opacity=65); */
}

/* level 2 inner */
.m0l2iover {
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: x-small;
        text-decoration: none;
	padding: 1px; /*4px;*/
	padding-left: 3px;
	padding-bottom: 2px;
	color: WHITE;
}

/* level 2 outer */
.m0l2oout {
        text-decoration: none;
        border: 1px solid #000000; /*#FFFFFF;*/
	background: #46B446; 
/*	filter: alpha(opacity=65); */
}
.m0l2oover {
        text-decoration: none;
        border: 1px solid #FFFFFF;
	background: #FF0000; /*#E55A5A;*/
/*	filter: alpha(opacity=65); */
}