/* roy@roycreative.com */
/* Marketing Resources & Results */
/* DRG - 8-21-07 6:30AM*/

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

body {
background: #008280 url(/client/images/bg.gif) top left repeat-x;
}

img {
border: 0px;
}

h1 {
font: bold 26px/30px Arial, Verdana, sans-serif;
color: #008280;
margin: 7px 0px 5px 0px;
padding: 0px 20px 10px 25px;
}

h2 {
font: bold 16px/20px Arial, Verdana, sans-serif;
color: #ff9900;
margin: 7px 0px 5px 0px;
padding: 0px 20px 0px 25px;
}

h3 {
font: normal 14px/18px Arial, Verdana, sans-serif;
color: #008280;
margin: 7px 0px 5px 0px;
padding: 0px 10px;
}

h4 {
font: bold 24px/28px Arial, Verdana, sans-serif;
color: #008280;
margin: 7px 0px 5px 0px;
padding: 0px 20px 10px 25px;
}

h2landing {
font: bold 14px/18px Arial, Verdana, sans-serif;
color: #ff9900;
margin: 7px 0px 5px 0px;
padding: 0px 20px 0px 25px;
}

p {
font: normal 14px/18px Arial, Verdana, sans-serif;
color: #555;
margin: 5px 0px 7px 0px;
padding: 0px 20px 10px 25px;
}

ul {
list-style-position: outside;
padding: 0px 10px 15px 40px;
}

li {
font: normal 12px/17px Arial, Verdana, sans-serif;
color: #555;
}

a {
font: normal 12px/17px Arial, Verdana, sans-serif;
color: #006666;
text-decoration:none;
}

a:hover {
font: normal 12px/17px Arial, Verdana, sans-serif;
color: #ff9900;
}

.TopOfPage {
background: url(/client/images/header2.gif) top left no-repeat;
width: 786px;
height: 117px;
margin: 5px auto 0px auto;
}

a.home {
display: block;
width: 85px;
height: 111px;
}

a.home span {
display: none;
}
 

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

.ToolBar {
background: url(/client/images/toolbar2.gif) top left no-repeat;
width: 786px;
height: 37px;
margin: 0px auto;
text-align: center;
}

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

ul#nav li a { /*main links*/
background: #666666 url(/client/images/mainlink.gif) top left no-repeat;
color: #008381;
height: 29px;
line-height: 29px;
display: block;
text-decoration: none;
}

ul#nav li a:hover {
background: #666666 url(/client/images/mainlink.gif) bottom left no-repeat;
color: #ffffff;
height: 29px;
line-height: 29px;
display: block;
text-decoration: none;
}

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

ul#nav li ul { /* second-level lists */
background: #e1e1e1 url(/client/images/dropdown.gif) bottom left;
border-top: 1px solid #787878;
border-right: 1px solid #787878;
display: none;
position: absolute;
width: 160px;
}

ul#nav li ul li {
width: 159px;
float: left;
position: relative;
border-bottom: 1px solid #787878;
border-left: 1px solid #787878;
text-align: left;
text-indent: 5px;
}

ul#nav li ul li a { /*sub links */
background: transparent;
color: #0b726c;
width: 159px;
}

ul#nav li ul li a:hover {
background: #c9c9c9;
color: #0b726c;
width: 159px;
}

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;
}


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

.LeftMargin {
float: left;
width: 212px;
padding: 0px;
}

.sublinks a {
display: block;
width: 212px;
height: 24px;
background: #CCCCCC;
text-decoration: none;
text-indent: 10px;
line-height: 24px;
margin: 2px 0px;
}

.sublinks a:hover {
display: block;
width: 212px;
height: 24px;
background: #008280;
text-decoration: none;
text-indent: 10px;
line-height: 24px;
margin: 2px 0px;
color: #ffffff;
}

.hotbox {
background: transparent url(/client/images/orange-orb.gif) top left no-repeat;
padding: 0px 0px 0px 25px;
margin: 10px;
}

.hotbox h1, .hotbox h2, .hotbox h3, .hotbox p, .hotbox ul {
padding: 0px;
}

.InnerBody {
float: right;
background: transparent;
width: 574px;
padding: 0px;
}

.maincontent {
float: left;
width: 415px;
}

.RightMargin {
display: none;
}

.RightColumn {
float: right;
width: 159px;
padding: 0px;
text-align: center;
}

.RightColumn img {
margin: 0px 0px 10px 0px;
}

.RightColumn p {
color: #008280;
text-align: left;
}

.SiteFooter {
background: transparent url(/client/images/sitefooter.png) top left repeat-x;
height: 31px;
width: 786px;
clear: both;
text-align: center;
}

.SiteFooter a {
font-size: 10px;
color: #000000;
margin: 0px 10px;
line-height: 35px;
}

.SiteFooter a:hover {
color: #000000;
text-decoration: none;
}