/* Donaldson Resources - DRG - GEMPCO website 09-28-09*/


* {
margin: 0px;
padding: 0px;
}

body {
background: #b7b7b7;
padding: 20px 0px 0px 0px;
}

img {
border: 0px;
}

h1 {
font: bold 14px/16px Arial, Helvetica, sans-serif;
color: #000000;
padding: 7px 10px 3px 10px;
}

h2 {
font: normal 14px/16px Arial, Helvetica, sans-serif;
color: #0e0e6b;
padding: 7px 10px 3px 10px;
}

h3 {
font: bold 12px/16px Arial, Helvetica, sans-serif;
color: #000000;
padding: 7px 10px 3px 10px;
}

ul {
list-style-position: outside;
margin-left: 20px;
padding: 7px 10px 3px 10px;
}

li {
font: normal 12px/16px Arial, Helvetica, sans-serif;
color: #666;
}

p {
font: normal 12px/16px Arial, Helvetica, sans-serif;
color: #666666;
padding: 5px 10px;
}

a {
font: normal 12px/16px Arial, Helvetica, sans-serif;
color: #0e0e6b;
text-decoration: underline;
}
a:hover {
font: normal 12px/16px Arial, Helvetica, sans-serif;
color: #0e0e6b;
text-decoration: none;
}

.MainBody {
background: #e8ddb7 url(/client/images/mainbody.gif) top left repeat-y;
width: 800px;
margin: 0px auto;
}

.TopOfPage {
background: url(/client/images/header.jpg) top left no-repeat;
height: 133px;
width: 800px;
margin: 0px 0px 0px 0px;
}

.TopOfPage a {
display: block;
width: 250px;
height: 120px;
}

.TopOfPage a span {
display: none;
}

/*--- Modified Suckerfish CSS Dropdown!  ----*/

.ToolBar {
background: url(/client/images/toolbar.gif) top left no-repeat; 
width: 798px;
height: 34px;
text-align: center;
margin: 0px 1px;
display: block;
}

ul#nav, ul#nav li ul { /* all lists */
list-style: none;
text-align: center;
padding: 0;
margin: 0;
}

ul#nav li a { /*main links*/
font: bold 14px/30px Arial, Helvetica, sans-serif;
color: #ffffff;	
height: 30px;
display: block;
text-decoration: none;
}

ul#nav li a:hover {
font: bold 14px/30px Arial, Helvetica, sans-serif;
color: #ff9933;
height: 30px;
display: block;
text-decoration: none;
}

ul#nav li { /* all list items */
float: left;
position: relative;
width: 133px;
}

ul#nav li ul { /* second-level lists */
background: transparent;
display: none;
position: absolute;
width: 133px;
border: 2px solid #990000;
}

ul#nav li ul li {
float: left;
position: relative;
}

ul#nav li ul li a { /*sub links */
font: bold italic 12px/30px Arial, Helvetica, sans-serif;
background: url(/client/images/dropdown.gif) top left no-repeat;
color: #000000;
}

ul#nav li ul li a:hover {
font: bold italic 12px/30px Arial, Helvetica, sans-serif;
background: url(/client/images/dropdown.gif) bottom left no-repeat;
color: #990000;
}

ul#nav li>ul#nav ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
top: auto;
left: auto;
}

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

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

.LeftMargin {
float: left;
background: transparent;
width: 192px;
}

.InnerBody {
float: right;
width: 608px;
padding: 0px;
}

.content-home {
float: left;
width: 358px;
}

.hotbox-home {
float: right;
background: transparent url(/client/images/hotbox.gif) top right no-repeat;
width: 230px;
height: 421px;
text-align: center;
padding: 10px;
}

.hotbox-home p {
color: #0e0e6b;
font: bold 11px/14px Arial, Helvetica, sans-serif;
}

.content {
float: left;
width: 438px;
}

.hotbox {
float: right;
background: transparent url(/client/images/hotbox2.gif) top right no-repeat;
width: 150px;
height: 421px;
text-align: center;
padding: 10px;
}

.hotbox p {
color: #0e0e6b;
font: bold 11px/14px Arial, Helvetica, sans-serif;
}

.RightMargin {
display: none;
}

.SiteFooter {
clear: both;
background: url(/client/images/footer.gif) top left no-repeat;
height: 60px;
text-align:center;
}

.SiteFooter p {
font: bold 14px/25px Arial, Helvetica, sans-serif;
color: #000000;
padding: 30px 0px 0px 0px;
}

.SiteFooter a {
font: bold 12px/20px Arial, Helvetica, sans-serif;
color: #000000;
text-decoration: none;
}
.SiteFooter a:hover {
font: bold 12px/20px Arial, Helvetica, sans-serif;
color: #333;
}

.SiteFooter a.sitemap {
float: right;
display: block;
height: 20px;
width: 125px;
}

.SiteFooter a.sitemap span {
display: none;
}