/* www.ameresoft.com CSS Page */

html { 	scrollbar-base-color: #FACC69; 
		scrollbar-face-color: #FACC69; scrollbar-highlight-color: #FACC69; 
		scrollbar-shadow-color: #F2AE1B; scrollbar-3Dlight-color: #00487d; 
		scrollbar-arrow-color: #000000;	scrollbar-track-color: #ffffff; 
		scrollbar-darkshadow-color: #ff9000;
		}

a:link, a:visited, a:active		{ color: #0000ff;	text-decoration: none; }
a:hover {color: red; text-decoration: underline; }
img { border: 0px; }

body { 
	width: 800px; 
	background-color: #ffffff;
	margin: 0px auto 5px auto;
	padding: 0px;
	font-family: Trebuchet, Trebuchet-MS, sans-serif; 
	}

#header {width: 800px; 
  border: 0px solid #000000;
}

#container {
  float: left;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
  overflow: hidden;
  padding-bottom: 5px;
}

#container .column {
  float: left;
  xxposition: relative;
}
#left {
  width: 230px;          /* LC width */
  border: 0px dashed #000000;
  padding: 0 10px;
  margin-top: 20px;
}
#center {
  width: 290px;
  border: 0px dashed #000000;
  padding: 0 10px;
  margin-top: 20px;
  border-left: 1px dashed #000000;
}
#right {
  width: 210px;          /* RC width */
  padding: 0 10px;
  margin-top: 20px;
  border-left: 1px dashed #000000;
}
#bottom { float: left; width: 790px; border: 0px solid #333333; text-align: center;}

.glossymenu{
margin: 5px 0;
padding: 0;
width: 200px; /*width of menu*/
border: 1px solid #9A9A9A;
border-bottom-width: 0;
}

.glossymenu a.menuitem{
background: #225CCC url(../images/glossyback.gif) repeat-x bottom left;
font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #00145F;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: #00145F;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background-image: url(../images/glossyback2.gif);
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: #FBD37D;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid blue;
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #225CCC;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{
background: #DFDCCB;
color: white;
}

/* <-----DATA TABLES -----> */
/* Product Pages */
.datatable_1 {  width: 75%; border-collapse: collapse; margin-left: 0px; }
.datatable_1 caption { color: #125985; text-align: center; padding: 0.4em 0 0.8em 0; }
.datatable_1 col.one {   width: 33%; background-color: #f0f0f0; text-align: center; }
.datatable_1 col.two {   width: 33%; background-color: #ffffff; text-align: center;  }
.datatable_1 th { border: 1px solid #000000; text-align: center; background-color: #125985; color: #FFFFFF; font-size: 75%; }
.datatable_1 td { border: 1px solid #C2BEB9;  color: #000000; xtext-align: center; valign: top; cellpadding: 3px; cellspacing: 3px; background-color: #FFFFC0; }
.datatable_1 td:hover, .datatable_1 tr.hilite { background-color: #D1EBCF; color: #000000; }

/* Welcome Page */
.datatable_2 {  width: 98%; border-collapse: collapse; margin-left: 0px; }
.datatable_2 caption { color: #125985; text-align: center; padding: 0.4em 0 0.8em 0; }
.datatable_2 col.one {   width: 33%; background-color: #f0f0f0; text-align: center; }
.datatable_2 col.two {   width: 33%; background-color: #ffffff; text-align: center;  }
.datatable_2 th { border: 1px solid #000000; text-align: center; background-color: #125985; color: #FFFFFF; font-size: 75%; }
.datatable_2 td { border: 1px solid #C2BEB9;  color: #000000; xtext-align: center; valign: top; cellpadding: 3px; cellspacing: 3px; background-color: #FFFFC0; }

.datatable_3 {  float: left; width: 98%; xborder: 1px dashed #c0c0c0; border-collapse: collapse; margin-left: 10px; }
.datatable_3 caption { color: #125985; text-align: center; padding: 0.4em 0 0.8em 0; }
.datatable_3 col.one { border: 1px dashed #000000; background-color: #ffffff; color: #000000; text-align: center; padding: 5px; xxfont-size: 80%; witdth: 50%;}
.datatable_3 col.two { background-color: #ffffff; color: #000000; text-align: left; padding: 5px; font-size: 80%; witdth: 50%; }
.datatable_3 col.three { background-color: #C00000; color: #000000; font-weight: bold; text-align: center; 1px solid #000000;
						width: 200px; }
.datatable_3 th { border: 1px solid #000000; text-align: center; background-color: #125985; color: #FFFFFF; font-size: 75%; }
.datatable_3 td { border-top: 1px solid #000000;  color: #000000; xtext-align: center; height: 135xpx; valign: top;}
.datatable_3 td:hover, .datatable_3 tr.hilite { background-color: #D1EBCF; color: #000000; }
/* <-----END DATA TABLES ------> */

/* <----- Footer Information Starts Here --- */
#block_bottom  { float: left; clear: both; width: 100%; background: #ffffff;	height: 5px; margin-top: 15px;}

#footer {	clear: both; width: 798px; background: #FACB68; border: 1px solid #000000; color: #808080; font-size: 80%; text-align: center;
font-family: Trebuchet, Trebuchet-MS, sans-serif; }
	#footer h1 { font-size: 10px; color:#000000 }
	#footer h1 a { 	border: 0px solid #69845C;	margin-right: 0px; color: #808080; 	font-size: 90% }
	#footer h1 a:hover {	background: #9ac0ce;	border: 1px solid #000000;	color: #000000	}
/* <----- Footer Information Ends Here --- */

/* <---- FONT STYLES ---- > */
.style2 { font-size: 20px; font-color: #0000ff;	}
.style3 { font-size: 20px; }
.style4 { font-size: 20px; color: #800000; }
.style5 { font-size: 11px;  }
.style6 { font-color: #125985; font-family: Engravers MT Bold; font-size: 90%; }
.style7 { font-size: 3px; color: #FFFFC0; }
.style8 { color: #125985; font-family: Trebuchet, Trebuchet-MS, sans-serif; font-size: 80%;}
.style10 { color: #000000; font-weight: bold; }
.style11 { color: #ff0000; font-weight: bold; }
.style12 { color: #0000ff; font-weight: bold; }
.style13 { color: #c00000; font-weight: bold; }
.style14 { color: #ffffff; xfont-weight: bold; font: Arial Rounded MT Bold; }
.style15 { color: #225ccc; font-weight: bold; font: Arial Rounded MT Bold; }
/* <---- END FONT SYTES -- */