/*
Logo standards:
  Gemini Gems – Garamond (Times similar)

Site default text font (order of preferred to next preferred):  sans-serif, Helvetica, Times
	(Chosen based on readability & availability on browser & OS)
Site default text size is the base browser font size of 16 pixels or 1em, or the browser medium setting.  
Menu, nav bar:  small (13)
Footer: x-small (11)

Dark blue:  #00599d  (0,89,157)  (incl. logo font)
Light blue:  #73Afb7  (115,175,183)

 If you want your pages to validate with an HTML or a CSS validator, 
 W3C has listed 16 color names that you can use: aqua, black, blue, 
 fuchsia, gray, green, lime, maroon, navy, olive, purple, red, 
 silver, teal, white, and yellow.

 
 
*/
/* ---------------- setup defaults ------------------------------------ */

body,h1,h2,h3,h4,h5,h6,p,ol,ul,form,blockquote
{
	/*font-family: "sans-serif","Helvetica","Times"; */
	font-family: sans-serif,Helvetica,Times;
	font-size: medium;
	padding: 0px;
	margin: 0px;
	line-height: 1.20em;
}

/*
h1,h2,h3,h4,h5,h6,p,pre,code {
  font-size: 1em;
}
*/

a:link {color: #000000; text-decoration: Underline; }  /* Black */
a:visited {color: #00008B; text-decoration: Underline; } /* darkblue */
a:hover {color: #0000FF; text-decoration: none;  } /* blue */
a:active {color: #DC143C; text-decoration: none; } /* Crimson (red) */

a img {
  border: none;
}

table, th, td, tr  {
	border-collapse: collapse;
	border-style: solid;								 /* solid, none  */
	border-color: black;
	border-width: 1px; 
	border-spacing: 5px;
	caption-side: top;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 5px;
	empty-cells:  show;
}

/* Below rev 18 Nov 2009 */
th, td {
	/* vertical-align:text-top;  is used to align the cell's contents to top (for td) */
	vertical-align:text-top;
	text-align:left;
}



h1 {
  /* takes precedence over previous assignment due to cascade */
	margin-top: 4px;
	font-size: 1.5em;
	letter-spacing: 1px;
	word-spacing: 2px;
}
h2 {
  /* takes precedence over previous assignment due to cascade */
	margin-top: 3px;
	font-size: 1.2em;
	letter-spacing: 1px;
	word-spacing: 1px;
}
h3,h4,h5,h6 {
  /* takes precedence over previous assignment due to cascade */
	margin-top: 2px;
	font-size: 1.1em;
	letter-spacing: 1.2px;
	word-spacing: 1.2px;
}
hr {
  /* horizontal rule */
  color: #00599d;  /* same as nav bar and footer */
}

/* ---------------- ----------- ------------------------------------ */

.default {
	border: none;
	vertical-align:text-top;
	text-align:left;
}

a.default:link {color: #00008B; text-decoration: none; }
a.default:visited {color: #8A2BE2; text-decoration: none; }
a.default:hover {color: Blue; text-decoration: none;  }
a.default:active {color: #00008B; text-decoration: none; } 

.online_now {
	text-align: left;
}

.small {
 font-size: small;
}
/*  rev 19 Nov 2009.  Change p.small to .small
p.small {
 font-size: small;
}
*/
a.small:link {color: #00008B; text-decoration: None; font-size: small;}
a.small:visited {color: #8A2BE2; text-decoration: None; font-size: small;}
a.small:hover {color: Blue; text-decoration: None;  font-size: small;}
a.small:active {color: #00008B; text-decoration: None; font-size: small;} 


p.small_bold_red {
 font-size: small;
 color: DarkRed;
 font-weight: bold;
}
a.small_bold_red:link {color: DarkRed;  font-weight: bold;text-decoration: None; font-size: small;}
a.small_bold_red:visited {color: DarkRed;  font-weight: bold;text-decoration: None; font-size: small;}
a.small_bold_red:hover {color: DarkRed;  font-weight: bold;text-decoration: Underline;  font-size: small;}
a.small_bold_red:active {color: DarkRed;  font-weight: bold;text-decoration: Underline; font-size: small;} 

p.bold_red {
 color: DarkRed;
 font-weight: bold;
}
a.bold_red:link {color: DarkRed;  font-weight: bold;text-decoration: None; font-size: small;}
a.bold_red:visited {color: DarkRed;  font-weight: bold;text-decoration: None; font-size: small;}
a.bold_red:hover {color: DarkRed;  font-weight: bold;text-decoration: Underline;  font-size: small;}
a.bold_red:active {color: DarkRed;  font-weight: bold;text-decoration: Underline; font-size: small;} 

p.bold_blue{
 color: Blue;
 font-weight: bold;
}
a.bold_blue:link {color: Blue;  font-weight: bold;text-decoration: None; }
a.bold_blue:visited {color: Blue;  font-weight: bold;text-decoration: None; }
a.bold_blue:hover {color: Blue;  font-weight: bold;text-decoration: Underline; }
a.bold_blue:active {color: Blue;  font-weight: bold;text-decoration: Underline; } 

p.small_bold_blue{
 font-size: small;
 color: Blue;
 font-weight: bold;
}

a.small_bold_blue:link {color: #00008B; text-decoration: None;  font-size: small; font-weight: bold;}
a.small_bold_blue:visited {color: #8A2BE2; text-decoration: None;  font-size: small; font-weight: bold;}
a.small_bold_blue:hover {color: Blue; text-decoration: None;   font-size: small; font-weight: bold;}
a.small_bold_blue:active {color: #00008B; text-decoration: None;  font-size: small; font-weight: bold;} 

a.tbl_link:link {color: #00008B; text-decoration: None; }
a.tbl_link:visited {color: #8A2BE2; text-decoration: None; }
a.tbl_link:hover {color: Blue; text-decoration: None;  }
a.tbl_link:active {color: #00008B; text-decoration: None; } 


ul#navigation 
{ 
  width: 8em; 
  /* width above sets the menu block width */
	padding:0;
  margin:0;
  list-style-type:none;
	font-size: small;
}

ul#navigation li 
{
  list-style: none;
	/* list-style-position: left;  left is an invalid position attribute */
  background-color: #73Afb7;  /* menu, ad col background-color */
  border-top: solid 1px black;   /*  button outline */
  text-align: left;
  margin: 0;
}

ul#navigation li a 
{
  /*   Menu buttons */
  display: block;
  text-decoration: none;
  padding: .45em;  /*  sets the padding around the menu block  */
  border-bottom: 1px solid black; /*  button outline */
  border-right: 1px solid black; /*  button outline */
	border-left: 1px solid black; /*  button outline */
}

/* menu item last visited */
ul#navigation li#youarehere a 
{ background-color: #73Afb7; 
  color: white; 
  font-weight: bold;
} 

/* menu , content table lines. */
a#menunav:link {color: white; font-weight: normal; text-decoration: none; }
a#menunav:visited {color: white; font-weight: normal; text-decoration: none; }
a#menunav:hover {color: black; text-decoration: underline; background-color: #00599d;}
a#menunav:active {color: white; } 

/* ---------------- ----------- ------------------------------------ */


#wrapper
{
  width: 977px; /* 760 max width of page, i.e. fixed layout */
	border: none; 
	margin-top: 5px;
	margin-left: 5px;
}

#header_top_fade {
	border-left: 1px solid black;
	border-right: 1px solid black;
	background-image: url(pageimg/5pxTall_fade_TopToBottom.png);
	background-repeat: repeat-x;
	background-position: left top;
	height: 5px; 
}  

#header  {
	padding-left: 20px;
	
	border-left: 1px solid black;
	border-right: 1px solid black;
	
}

#header_bottom_fade {
	background-image: url(pageimg/5pxWide_fade_BottomToTop.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	height: 5px;
	border-left: 1px solid black;
	border-right: 1px solid black;
}  

#navbar {
	background-color: #00599d;  
	height: 20px;
	padding: 5px;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	font-size: small;
	text-align: left;
	color: white;
}

#nav {
	background-color: #00599d;  
	font-size: small;
	color: white;
}
a#nav:link {color: white; text-decoration: none; }
a#nav:visited {color: white; text-decoration: none; }
a#nav:hover {color: orange; text-decoration: underline; }
a#nav:active {color: red; } 


#foot {
	background-color: #00599d;  
	font-size: x-small;
	color: white;
}
a#foot:link {color: white; text-decoration: none; }
a#foot:visited {color: white; text-decoration: none; }
a#foot:hover {color: orange; text-decoration: underline; }
a#foot:active {color: red; } 


#wrapper_sidebar_left
{
  float: left;
	background-image: url(pageimg/sidebar_left_bkg.png); /* 142 px wide */
	background-repeat: repeat-y;
	background-position: left top;
}

#wrapper_sidebar_right
{
  float: right;
	background-image: url(pageimg/sidebar_right_bkg.png); /* 160px wide */
	background-repeat: repeat-y;
	background-position: right top;
}


#sidebar_left 
{
  float: left;
	width: 132px; /* width: 132px;  */
	padding: 5px;
	height: 500px; /* Set height = height of menu !!! */
	display: inline;  /* to fix IE6 bug */	
	text-align: center;
}

#sidebar_right 
{
  float: right;
	width: 150px;  /* width: 150px */
	padding: 5px;
	height: 10px;
	display: inline;  /* to fix IE6 bug */	
	text-align: center;
}


#content {
  float: left;
	display: inline;  /* to fix IE6 bug */
	/* 438px */
	width: 655px;  
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}


#footer {
  float: left;
	background-color: #00599d;  
	height: 15px;
	width:  965px;  /* 748px */
	padding: 5px;
	border: 1px solid black;
	font-size: x-small;
	text-align: left;
	color: white;
}