/* type: element selectors */
body {
	margin:0px;
	background:#FFFFFF;
	color: #FFFFFF;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
 	font-style: normal; 
 	FONT-SIZE: 7.5pt;
 	FONT-WEIGHT: 400;
 	text-decoration : none;
 	line-height: 150%; 
	}
img {
	border: 0px none;
	}
h1 {
	font-size: 1em;
	color: #9F722D;
	margin-bottom: 10px;
	margin-top: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
h2 {
	font-size: small;
	color: #663333;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	}
h3 {
	color: #663333;
	font-size: x-small;
	font-weight: bold;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;

	text-align: left;
	text-transform: uppercase;
	letter-spacing: .3em;
  }
li {
	color: #9C9C4E;
	font-size: 0.7em;
	list-style: circle;
	}
/* type: id = "selector-elements" should be used only once within each page presentation to validate */
#container {
  top: 0px;
	border: 0px;
	margin: auto;
	text-align: left;
	width: 800px;
  position: static;
  Z-INDEX: 2;
	}
  
#hdr {
	width: 800px;
	border: 0px;
	background: #ffffff;
	text-align: left;
	padding: 0px;
  top: 0px;
  float: top;
	}
  
#hmenu
{
  Z-INDEX: 19;
  TOP: 0px;
  BORDER: 0px;
  MARGIN: 0px 0px 0px 0px;
  PADDING: 0px;
  WIDTH: 800px;
  height: auto;
  POSITION: relative;
}

#l-col {
  top: 124px;
  /*left: 10%;*/
	width: 190px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
	border: 0px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	text-align: left;

	background: #EAEAD5;
	color: #663333;
  Z-INDEX: 2;
	float:left;
  position: absolute;
	}
#l-col p {
	font-size: 0.7em;
	line-height: 1.5em;
	}

#r-col {
  top: 124px;
  /*left: */
	width: 190px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 600px;
	padding: 5px;
  border-top: 0px;
  border-right: 0px;
  border-bottom: 0px;
  border-left: 0px;

	background: #EAEAD5;
	color: #663333;

	text-align: left;
  Z-INDEX: 2;
	float: right;
  position: absolute;
	}
#r-col p {
	font-size: 0.7em;
	line-height: 1.5em;
	}

#center-col {
  top: 124px;
  /*left: */
	width: 390px;

  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 200px;
	padding: 5px;
  border-top: 0px;
  border-right: 0px;
  border-bottom: 0px;
  border-left: 0px;
	text-align: left;

  background: #ffffff;
	color: #663333;
  Z-INDEX: 2;
	float: left;
  position: absolute;
	}
  
#center-col p {
 	FONT-SIZE: 7.5pt;
 	FONT-WEIGHT: 400;
 	text-decoration : none;
 	line-height: 150%; 
	margin-bottom: 10px;
	text-align: left;
	}

#indent {
  margin-left: 10px; 
  text-align: left;
  }
  
#ftr {
  height: 20px;
  width: 300px;
  margin-top: 20px;
  margin-left: 40px;
	font-size: xx-small;
	text-align: center;

	padding: 2px 5px;
	border-top:    1px solid #9F722D;
	border-right:  0px;
	border-bottom: 0px;
	border-left:   0px;

	background:#FFFFFF;
  position: absolute;
	}	
  
#searchbox
{
  height: auto;
  width: 160px; /* minus padding! */
  max-width: 160px; /* ie needs both width & max-width */
  BORDER: 1px solid #996666;
  PADDING: 0px;
  MARGIN: 14px;
  BACKGROUND-color: white;
  text-align: center;
  POSITION: relative;   
  display: block;
}


#imagebox
{
  height: auto;
  width: 160px; /* minus padding! */
  max-width: 160px; /* ie needs both width & max-width */
  BORDER: 1px solid #996666;
  PADDING: 0px;
  MARGIN: 14px;
  BACKGROUND-color: white;
  text-align: center;
  POSITION: relative;   
  display: block;
}

#adbox
{
  height: auto;
  width: 440px; /* minus padding! */
  max-width: 440px; /* ie needs both width & max-width */
  BORDER: 0px;
  PADDING: 0px;
  MARGIN: 0px;
  BACKGROUND-color: white;
  text-align: center;
  POSITION: relative;   
  display: block;
}
/* class = "pseudo-classes" */
A 
{
  text-decoration:none;
  font-size: 7.5pt;
	text-align: left;
	font-weight: 600;
}
a:link    { color: #996666; } 
a:visited { color: #996666; } 
a:hover   { color: #CC9900;   text-decoration: underline;} 
a:active  { color: #000000; }
  
/* Horizontal menu with dropdowns ********************************************/
#dmenu /* menu list container */
{     
  z-index: 20;            /* push the menu up in the layer order a bit so it isn't hidden behind anything */
  list-style-type: none;  /* disable the display of the list item bullets */
  margin: 0px;            /* space around the container */
  padding: 0px;           /* space within the container */
  width: 800px; 
  border: 0px;         
  /* font settings inherited by all menu items: */
  font-family: Verdana, Arial, Helvetica, sans-serif;
  FONT-WEIGHT: 600;
  FONT-SIZE: 10pt;
  color: white;           /* default font color (not links) within the main menu container */
  background-color: transparent; /* default background color within the main menu container */
  position: static;       /* need this so that the z-index stuff works correctly */
}

#dmenu li  /* top-level menu element */
{       
  list-style-type: none;  /* disable the display of the list item bullets */
  border: 0px;
  padding: 0px;           /* space within the container */
  margin: 0px;            /* spacing between main menu items */
  width: 200px;           /* width of each main menu item */
  display: block;

  TEXT-INDENT: 0px;
  CURSOR: hand;
  float: left;            /* the hmenu will line up left-to-right */
  POSITION: relative;
}

#dmenu li a   /* top-level menu elements (NOT hover) */
{    
  width: 200px;           /* set to (#dmenu li -> width) - (2 * (#dmenu li -> padding)) */
  text-decoration: none; 
  TEXT-INDENT: 0px;
  text-align: CENTER;     /* text alignment in main menu item links */
  border: 0px;
  margin: 0px;            /* spacing between main menu items */
  
  PADDING-TOP: 10px;
  PADDING-BOTTOM: 10px;
  PADDING-left: 0px;
  PADDING-right: 0px;

  font-family: Verdana, Arial, Helvetica, sans-serif;
  FONT-WEIGHT: 600;
  FONT-SIZE: 10pt;
  color: white;           /* default font color (not links) within the main menu container */
  
  CURSOR: hand;
  COLOR: white;
  BACKGROUND-COLOR: #988576;  /* MAIN MENU DEFAULT */
  FLOAT: left;  
  POSITION: relative;
  display: block;
}

#dmenu li a:hover   /* HOVER over top-level menu elements */
{    
  text-align: CENTER; /* text alignment in main menu item links */
  width: 200px;       /* same as dmenu li a width */
  text-decoration: none; 
  TEXT-INDENT: 0px;
  
  border: 0px;
  PADDING-TOP: 10px;
  PADDING-BOTTOM: 10px;
  PADDING-left: 0px;
  PADDING-right: 0px;

  CURSOR: hand;
  COLOR: #663333;
  BACKGROUND-COLOR: #b5a888; /* MAIN MENU HOVER */
  FLOAT: left;  
  POSITION: relative;
  display: block;
}

/* Drop down components **************************************************/
#dmenu li ul    /* sub-menu list container */
{   
  list-style-type: none;  /* disable the display of the list item bullets */
  border: 0px;           /* sub-menu borders */
  margin: 0px;           /* space around the list container */
  padding: 0px;          /* space within the list container */
  width: 200px;          /* the width of the sub menus */
  COLOR: white;         /* sub-menu default font color (not links) */
  background-color: #D1C6B1; /* SUB-MENU DEFAULT */
  FLOAT: left;  
  POSITION: relative;/* this is so that it doesn't push that page content around on hover */
  display: none;
}

#dmenu li ul li    /* sub-menu element links */
{     
  border: 0px; /* sub-menu item border settings */
  margin: 0px;  /* spacing between sub-menu containers */
  padding: 0px; /* This is for padding between menu items in the drop-downs */
  width: 200px; /* (padding*2 - 5) must be subtracted from #dmenu li ul -> width and set for this one, or borders won't display properly...*/
                /*  not sure where the other 5 pixels come from... Maybe it's actually padding*4 instead? I'll find out some other time */
  TEXT-INDENT: 0px;
  FONT-WEIGHT: 600;
  FONT-SIZE: 10pt;
  
  color: white;  /* default font color (not links) for sub-menu container */
  BACKGROUND-COLOR: #D1C6B1; /* SUB-MENU DEFAULT same as dmenu li ul */
  FLOAT: left;  
  position: RELATIVE;  /* so it doesn't push that page content around on hover */
  display: block;
}

#dmenu li ul li a /* drop down normal */
{
  width: 200px;   /* should be same as #dmenu li ul li -> width */
  BACKGROUND-COLOR: #d1c6b1; /* SUB-MENU DEFAULT same as dmenu li ul */
  display: block;
}

#dmenu li ul li a:hover /* drop down hover */
{
  WIDTH: 100%;
  COLOR: #663333;             /* SUB-MENU HOVER */
  BACKGROUND-COLOR: #d1c6b1;  /* SUB-MENU HOVER */
  CURSOR: hand;
  POSITION: relative;
  display: block;
}

#dmenu li:hover ul, #dmenu li.over ul
{       /* lists nested under hovered list items */
  display: block;
}