* {margin: 0;
   padding: 0;
}

body{
 background: none;
 font: 11px/1.5 Verdana, Lucida, Arial, Helvetica, sans-serif;
 margin:auto;
 text-align:center;
}

h1 {
 font: 15px Verdana, Lucida, Arial, Helvetica, sans-serif;
 font-weight: bold;
 padding-top:2px;
 padding-bottom: 2px;

}

h2 {
 font: 14px/1.6 Verdana, Lucida, Arial, Helvetica, sans-serif;
 padding-top:2px;
 padding-bottom: 2px;

}

.icon {vertical-align: middle;}

#outer{
  background: none;
  width:750px;
  margin: auto;
  position: relative;
}

#outertop {
 width:750px;
 background-image: url('../images/top_line.jpg');
 background-position: top right;
 background-repeat: no-repeat;
 height: 80px;
 margin:auto;
 margin-top: 0px;
  margin-bottom: 0px;
 border: none; 
}
 
#logo {
 float:left;
 border:none;
 }

#motto {
 float: left;
 margin-left: 40px;
 margin-top: 15px;
 border: none;
 }

#contact {
 position: absolute;
 top: 30px;
 right: 10px;
 border: none;
 }

#home {
 position: absolute;
 top: 30px;
 right: 60px;
 border: none;
 }

.thumb {
 border: none;
 margin-top: 5px;
 }

#left {
 float: left;
 margin-left: 10px;
 margin-top: 8px;
 border: none;
 width:188px;
 background: none;
 text-align: left;
}

#left img{
 margin-top: 5px;
 margin-bottom: 10px;
 border: none;
} 

#left li{ 
 font: 11px/1.5 Verdana, Lucida, Arial, Helvetica, sans-serif;
 list-style-type: none;
 width: 180px;
 border: none;
 border-bottom: 1px solid #a99c66;
 padding: 8px;
}

#submenu li{
 font: 11px/1.5 Verdana, Lucida, Arial, Helvetica, sans-serif;
 list-style-type: none;
 width: 150px;
 border: none;
 padding: 8px;
 margin-left: 20px;
}



#middle {
 margin-top: 2px;
 width: 750px;
 height: 180px;
 border: none;
 background-image: url('../images/sand_sos.jpg');
 background-position: left;
 background-repeat: no-repeat;
 }
 
#middle ul{
 position: absolute;
 left: 90px;
 width: 130px;
 border: none;
 background: none;
 text-align: right;
}
#middle li{ 
 font: 11px/1.5 Verdana, Lucida, Arial, Helvetica, sans-serif;
 list-style-type: none;
 width: 130px;
 border: none;
 border-bottom: 1px solid #a99c66;
 padding: 5px;
}

#bodyblock {
 width: 100%;
 border: none;
 background: none;
}

#main {
 display: block;
 float: right;
 width:509px;
 border: none;
 background-image: url('../images/dark_bg.jpg');
 background-position: top;
 background-repeat: repeat-y;
 margin-top: 2px;
}

#mainupdate{
 text-align: left;
display: block;
 float: right;
 width:509px;
 border: none;
 background-image: url('../images/dark_bg.jpg');
 background-position: top;
 background-repeat: repeat-y;
 margin-top: 2px;
}

#mainupdate h2{
 text-align: left;
 display: block;
 margin-top: 10px;
 margin-left: 10px;
 border: none;
}

#mainupdate p{
 width: 95%;
 text-align: left;
 border: none;
 margin-left: 10px;
 margin-top: 5px;
}



#maintext {
 display: block;
 float: right;
 width: 100%;
 background-image: url('../images/light_bg.jpg');
 background-position: center;
 background-repeat: repeat-y;
  _height: 150px;
 min_height: 150px;
 margin-bottom: 10px;
}

#maintext h1{
 display: block;
 margin-top: 10px;
 border: none;
}

#maintext p{
 width: 95%;
 text-align: left;
 border: none;
 padding-left: 10px;
 margin-top: 5px;
}



#mainsub {
 margin-top: 2px;
 width: 509px;
  _height: 150px;
 min-height: 150px;
 }

#mainemployer {
 float: left;
 margin-left: 5px;
 margin-top: 5px;
 width: 204px;
 border: none;
 text-align: left;
}

#mainemployee {
 float: right;
margin-right: 5px;
 margin-top: 5px;
 width: 204px;
 border: none;
 text-align: left;
}

#mainbot {
 background: white;
 width: 509px;
 min-height: 30px;
 _height: 30px;
 clear: both;
}


#bottom {
 clear: both;
 background-color: #a99c66;
 _height: 20px;
 min-height: 20px;
 border: none;
}

#p1{
 color: white;
 float: left;
 margin-left: 10px;
 line-height: 20px;
}

#p2{
 color: white;
 float: right;
 margin-right: 10px;
 line-height: 20px;
}

a { color: gray;
    text-decoration: none;}
a:link { color: gray;}
a:active { color: gray;}
a:visited { color: gray;}
a:hover { color: black;}

#bold {font-size: 14px;
       font-weight: bold;
       color: black;}
#bold a{color: black;}
#bold a:link { color: black;}
#bold a:active { color: black;}
#bold a:visited { color: black;}
#bold a:hover { color: black;} 


/*--------Table on Contact Page-----------*/

#contacttable {
 display: block;
 float: center;
 width:400px;
 border: none;
 margin-top: 20px;
 margin-bottom: 20px;

}


#contacttable td{
 width:200px;
 border: none;
}

#contacttable tr{
 height: 40px;
 border: none;
}

.leftcolumn {
 text-align: right;
 padding-right: 10px;
}

.rightcolumn {
 text-align: left;
 padding-left: 10px;
}

input {
 color: white;
 background-color: #7BAACA;
font: 11px/1.5 Verdana, Lucida, Arial, Helvetica, sans-serif;
}

textarea {
 color: white;
 background-color: #7BAACA;
font: 11px/1.5 Verdana, Lucida, Arial, Helvetica, sans-serif;
}

#receipt {
 display: block;
 float: right;
 width: 100%;
 background-image: url('../images/light_bg.jpg');
 background-position: center;
 background-repeat: repeat-y;
 height: 250px;
  _height: 250px;
 min_height: 250px;
 margin-bottom: 10px;
}

#receipt h2{
 display: block;
 margin-top: 20px;
 border: none;
}

#receipt p{
 display: block;
 width: 95%;
 border: none;
 padding-left: 10px;
 margin-top: 5px;
}

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

/*------- Employees & Employers Page---------------*/

#employertext {

 float: left;
 margin-left: 20px;
 margin-top: 20px;
 width: 460px;
 border: none;
 text-align: left;
 _height: 250px;
 min_height: 250px;
 margin-bottom: 10px;
}



#employertext p {
 padding-top:2px;
 padding-bottom: 2px;

}

#employertext ul{
 margin-left: 20px;
 border: none;
 background: none;
 text-align: left;
 margin-top: 10px;
 margin-bottom: 10px;
}

#employertext ol{
 margin-left: 20px;
 border: none;
 background: none;
 text-align: left;
 margin-top: 10px;
 margin-bottom: 10px;
 padding-left: 1em;
}


#employertext li{ 
 font: 11px/1.7 Verdana, Lucida, Arial, Helvetica, sans-serif;
 border: none;
 padding-top: 2px;
}



/*------------HR SOS Help PAge ---------------*/

.disclaimer {  font: 9px/1.5 Verdana, Lucida, Arial, Helvetica, sans-serif; 
               margin-top: 10px;}

/*-------------Contact Info--------------------*/

.contactinfo { margin-top: 20px;
               line-height: 40px;
               font-size: 11px;
                }

.newsdate { color: #a99c66;}