/* Global Definition */
html { 
  padding: 0px;
  margin: 0px;
}
body {
  margin: 0px;
  padding: 0px;
  background: #D3D8DC;
}
/*  Layout Definitions */
#bordercontainer {
	position: relative;
	width: 840px;
	margin: 0 auto 0 auto;
	padding: 0px;
	background: #FFFFFF url(../images/bg-shadow.jpg) repeat-y;
	background-image: url(../images/bg-shadow.jpg);
}
#contentcontainer {
  position: relative;
  width: 790px;
  margin: 0px;
  padding: 0px;
  text-align: center;
  background: #FFFFFF;
  font: 12px Arial,Helvetica,Times;
}
a.topnav:link {
  color: #FFFFFF;
  font: 12px Arial,Helvetica,Times;
  background: transparent;
  text-decoration: underline;
}
a.topnav:visited {
  color: #FFFFFF;
  font: 12px Arial,Helvetica,Times;
  background: transparent;
  text-decoration: underline;
}
a.topnav:hover {
  color: #FFFFFF;
  font: 12px Arial,Helvetica,Times;
  background: transparent;
  text-decoration: none;
}
a.topnav:active {
  color: #FFFFFF;
  font: 12px Arial,Helvetica,Times;
  background: transparent;
  text-decoration: underline;
}
a.subnav:link {
  color: #8D8D8D;
  font: 11px Arial,Helvetica,Times;
  background: transparent;
  text-decoration: none;
}
a.subnav:visited {
  color: #8D8D8D;
  font: 11px Arial,Helvetica,Times;
  background: transparent;
  text-decoration: none;
}
a.subnav:hover {
  color: #8D8D8D;
  font: 11px Arial,Helvetica,Times;
  background: transparent;
  text-decoration: underline;
}
a.subnav:active {
  color: #8D8D8D;
  font: 11px Arial,Helvetica,Times;
  background: transparent;
  text-decoration: none;
}
p.darkbg {
  color: #FFFFFF;
}
a.bottomnav:link {
  color: #79AFD4;
  font: 10px Arial,Helvetica,Times;
  background: transparent;
  text-decoration: underline;
}
a.bottomnav:visited {
  color: #79AFD4;
  font: 10px Arial,Helvetica,Times;
  background: transparent;
  text-decoration: underline;
}
a.bottomnav:hover {
  color: #79AFD4;
  font: 10px Arial,Helvetica,Times;
  background: transparent;
  text-decoration: none;
}
a.bottomnav:active {
  color: #79AFD4;
  font: 10px Arial,Helvetica,Times;
  background: transparent;
  text-decoration: underline;
}
p.darkbgbottom {
  color: #79AFD4;
  font: 10px Arial,Helvetica,Times;
}
p.whitetext {
  color: #FFFFFF;
  font: bold 12px Arial,Helvetica,Times;
}
p.whitetextsmall {
  color: #FFFFFF;
  font: 12px Arial,Helvetica,Times;
}
p.topictext {
  color: #000000;
  font: 12px Arial,Helvetica,Times;
}

#textarea {
  float: right;
  width: 703px;
  /* border-left: 1px solid #3E6FA3; */
  /* border-right: 1px solid #008000; */
  /* border-top: 1px solid #3E6FA3; */
  /* border-bottom: 1px solid #3E6FA3; */
  border-right: 1px solid #FFFFCE;
  padding: 0px;
  margin: 0px;
  background: #FFFFCE;
  color: #000000;
}
#menu {
  float: left;
  width: 198px;
  margin: 0px;
  padding: 0px;
  background: #FFFFCE;
  /* border-right: 1px solid #000000;
  border-left: 1px solid #000000; */
  color: #000000;
  /* border-left: 1px solid #000080; */
}
.topbanner {
  margin-bottom: -5px;
  /* border-top: 1px solid #008000;
  border-left: 1px solid #008000;
  border-right: 1px solid #008000; */
}

#w3cvalidimages {
  position: absolute;
  width: 198px;
  bottom: 110px;
  left: 50%;
  margin-left: -450px;
}

table { border-collapse: collapse; }

ul {
  margin: 5px 10px 10px 20px;
  padding: 0px;
  font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
  font-size: 11px;
  line-height: 18px;
  color: #000000;
  background: #FFFFCE;
}
.listitems {
  padding-top: 2px;
  padding-bottom: 7px;
}

.paragraph {
  font-family: Arial, Verdana, SunSans-Regular, Sans-Serif;
  font-size: 16px;
  color: #000000;
  padding: 10px 20px 0px 20px;
  text-align: justify;
}

h1 {
  padding: 0px 0px 0px 0px;
  margin: 0px;
}
h2 {
  padding: 0px 0px 0px 0px;
  margin: 0px;
}
h3 {
  padding: 0px 0px 0px 0px;
  margin: 0px;
}
h4 {
  padding: 0px 0px 0px 0px;
  margin: 0px;
}
h5 {
  padding: 0px 0px 0px 0px;
  margin: 0px;
}
h6 {
  font-family: Tahoma, Arial, Times;
  font-size: 11px;
  line-height: 15px;
  text-align: right;
  color: White;
  background-color: #892516;
  padding: 4px 15px 5px 0px;
  margin: 0px 0px 0px 0px;
  border-top: 1px solid #FFFFCE;
  border-right: 1px solid #FFFFCE;
}

.header2 {
  font-size: 14px;
  text-transform: uppercase;
  color: #000000;
  background: #FFFFCE;
  padding: 0px 20px 0px 20px; 
  margin-top: 0px;
  margin-bottom: 5px;
  font-family: Tahoma, Arial, SunSans-Regular, Sans-Serif;
  font-weight: bold;
  text-align: left;
}
.header3 {
  font-size: 12px;
  text-transform: uppercase;
  color: red;
  background: #FFFFCE;
  padding: 0px 20px 0px 20px; 
  margin-bottom: 10px;
  font-family: Tahoma, Arial, SunSans-Regular, Sans-Serif;
  font-weight: bold;
  text-align: left;
}

.smalltext {
  font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
  font-size: 9px;
  color: #16007D;
  background: #FFFFCE;
  padding: 0px;
  margin: 0px;
  text-align: justify;
}
.smallsidetext {
  font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
  font-size: 10px;
  line-height: 24px;
  color: #16007D;
  background: #FFFFCE;
  padding: 0px;
  margin: 0px;
  text-align: justify;
}

a:link {
  color: #000080;
  background: transparent;
  text-decoration: underline;
}
a:visited {
  color: #000080;
  background: transparent;
  text-decoration: underline;
}
a:hover {
  color: Gray;
  background: transparent;
  text-decoration: none;
}
a:active {
  color: #3F6DB8;
  background: transparent;
  text-decoration: underline;
}

#bottomarea {
  width: 880px;
  height: 15px;
  padding: 10px;
  margin-top: 0px;
  color: #FFFFCE;
  background: #892516;
  border-left: 1px solid #FFFFCE;
  border-right: 1px solid #FFFFCE;
  border-bottom: 1px solid #FFFFCE;
}
p.copyright {
  font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
  font-size: 9px;
  line-height: 11px;
  color: #FFFFCE;
  margin: 0px;
  padding-bottom: 0px;
  text-align: center;
  background: #892516;
}
a.copyright:link {
  color: #FFFFCE;
  font-size: 9px;
  text-decoration: underline;
  background: #892516;
}
a.copyright:visited {
  color: #FFFFCE;
  font-size: 9px;
  text-decoration: underline;
  background: #892516;
}
a.copyright:hover {
  color: #FFFFCE;
  font-size: 9px;
  text-decoration: none;
  background: #892516;
}

a.crumb:link {
  font-family: Tahoma, Arial, Times;
  font-size: 11px;
  color: #FFFFCE;
  text-decoration: underline;
/*  background-color: #000080;*/
background: url(http://www.safeworksillinois.com/css/images/ineedacar2-Bg.jpg) repeat;
}
a.crumb:visited {
  font-family: Tahoma, Arial, Times;
  font-size: 11px;
  color: #FFFFCE;
  text-decoration: underline;
  /*  background-color: #000080;*/
background: url(http://www.safeworksillinois.com/css/images/ineedacar2-Bg.jpg) repeat;
}
a.crumb:hover {
  font-family: Tahoma, Arial, Times;
  font-size: 11px;
  color: #FFFFCE;
  text-decoration: none;
  /*  background-color: #000080;*/
background: url(http://www.safeworksillinois.com/css/images/ineedacar2-Bg.jpg) repeat;
}

.contentimage {
  margin-left: 20px;
  margin-right: 5px;
  margin-top: 5px;
  margin-bottom: 10px;
  float: right;
}
.contentimageleft {
  margin-left: 5px;
  margin-right: 20px;
  margin-top: 5px;
  margin-bottom: 10px;
}
.contentimageleftfloat {
  margin-left: 5px;
  margin-right: 20px;
  margin-top: 5px;
  margin-bottom: 10px;
  float: left;
}
.contentimagenomargin {
  margin: 0px;
}

a.nav:link {
  display: block;
  color: #FFFFCE;
  font-size: 11px;
  font-family: Tahoma, Arial, Times;
  background-color: transparent;
  text-decoration: none;
  width: 192px;
}
a.nav:visited {
  display: block;
  color: #FFFFCE;
  font-size: 11px;
  font-family: Tahoma, Arial, Times;
  background-color: transparent;
  text-decoration: none;
  width: 192px;
}
a.nav:hover {
  display: block;
  color: #FFFFCE;
  font-size: 11px;
  font-family: Tahoma, Arial, Times;
  background-color: transparent;
  text-decoration: none;
  width: 192px;
}
a.nav:active {
  display: block;
  color: #000000;
  font-size: 11px;
  font-family: Tahoma, Arial, Times;
  background-color: transparent;
  text-decoration: none;
  width: 192px;
}

/* All <ul> tags in the menu including the first level */
.menulist, .menulist ul {
  margin: 0px;
  padding: 0px;
  width: 198px;
  list-style: none;
  font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
  font-size: 10px;
  font-weight: bold;
}
/* Submenus (<ul> tags) are hidden and absolutely positioned across from their parent */
.menulist ul {
  visibility: hidden;
  position: absolute;
  top: 0px;
  left: 101%;
  width: 196px;
}
/*
 All menu items (<li> tags) are relatively positioned to correctly offset their submenus.
 They have borders that are slightly overlaid on one another to avoid doubling up.
*/
.menulist li {
  position: relative;
  border: 1px solid #FFFFCE;
  display: block;
  background: #892516;
  /*background: url(images/Golden-Web-Tips-Silver-Coin.gif);*/
  margin-bottom: -1px;
  width: 198px;
}
.menulist ul>li:last-child {
  margin-bottom: 1px;
  width: 198px;
}
/* Links inside the menu */
.menulist a {
  display: block;
  padding: 3px;
  color: #FFFFCE;
  text-decoration: none;
  width: 192px;
}
/* List items: 'hover' is mouseover, 'highlighted' are parent items to visible menus. */
.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus {
  color: #FFFFCE;
  background: #859915;
  display: block;
  width: 192px;
}
.menulist a.highlighted {
  color: #FFFFCE;
  background: #859915;
  display: block;
  width: 192px;
}
/* 'subind' submenu indicators, which are automatically prepended to 'A' tag contents. */
.menulist a .subind {
  float: right;
}
/* This semi-commented section exists to fix bugs in IE/Windows (the 'Holly Hack'). \*/
* html .menulist li {
  float: left;
  height: 1%;
}
* html .menulist a {
  height: 1%;
}
/* End Hack */

/* Basic Form Element Definitions */
.formtext { 
  width: 300px;
  background: #CCC; 
  border: #333 1px solid;
  font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
  font-size: 11px;
  color: #000080;  
  padding: 3px;
}

.formdrop {
  background: #CCC; 
  border: #333 1px solid;
  width: 200px;
  font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
  font-size: 11px;
  color: #000080;  
}

.formbutton {
  background: #CCC; 
  border: #333 1px solid;
  font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
  font-size: 11px;
  color: #000080;  
  padding: 3px
}

input.btn {
  color: #333;
  font-family: 'trebuchet ms',helvetica,sans-serif;
  font-size: 140%;
  font-weight: bold;
  border: 2px solid;
  border-top-color: #999;
  border-left-color: #999;
  border-right-color: #666;
  border-bottom-color: #666;
  background: #ddd;
  /* filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#FFFFCEff',EndColorStr='#ffcccccc'); */
}
input.btnhov {
  border-top-color: #859915;
  border-left-color: #859915;
  border-right-color: #892516;
  border-bottom-color: #892516;
}
