/*** GENERAL STYLES ***/

html, body {height: auto; height: 100%; min-height: 100%;}
body {position: relative; background: #d6d6d6 url(../images/bkg.gif) repeat-y; margin: 0; padding: 0;}
	body.terms {background-image: none;}
body, th, td, h1, h2, h3, h4, h5, h6, select, input, textarea {font-family: arial, helvetica, sans-serif; font-size: 11px; color: #535353;}
body, th, td, h1, h2, h3, h4, h5, h6 {line-height: 16px;}
h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0;}

img, table, fieldset {border: 0;}
ul, ul li {list-style: none; margin: 0; padding: 0;}
p {margin: 0 0 1.5em 0;}
a {color: #f3a500;}
a:hover {color: #ff8000;}

.small {font-size: 10px;}
.large {font-size: 12px;}
.alert {color: #d00; font-weight: bold;}
.required {float: right; color: #d00; font-size: 23px; font-weight: normal;}
.spacer {float: none; clear: both; height: 1px; overflow: hidden;}

div.graybox {margin-bottom: 1.5em;}
.graybox {background: #efefef; padding: 15px;}
.floatleft {float: left; margin: 0 30px 20px 0 !important;}
.floatright {float: right; margin: 0 0 20px 30px !important;}

a.backlink {float: right; margin: 0 0 20px 20px; padding: 0 0 0 13px; background: url(../images/backarrow.gif) 1px 5px no-repeat; text-decoration: none;}
a.backlink:hover {text-decoration: underline;}


/*** STRUCTURAL STYLES ***/

#outer {position: relative; height: 100%;}

#leftcol {position: absolute; left: 0; top: 0; width: 162px;}
	body.terms #leftcol {display: none;}
#logo a {display: block; height: 150px; background: url(../images/logo.gif) 21px 42px no-repeat; overflow: hidden; line-height: 500px;}
#callus {height: 51px; overflow: hidden; line-height: 500px;}

#sectiontitle {height: 16px; overflow: hidden; line-height: 500px; border-bottom: 13px solid #716f6e;}
body.about #sectiontitle {background: url(../images/st-about.gif);}
body.whyrms #sectiontitle {background: url(../images/st-whyrms.gif);}
body.results #sectiontitle {background: url(../images/st-results.gif);}
body.success #sectiontitle {background: url(../images/st-success.gif);}
body.news #sectiontitle {background: url(../images/st-news.gif);}
body.myrms #sectiontitle {background: url(../images/st-myrms.gif);}
body.sitemap #sectiontitle {background: url(../images/st-sitemap.gif);}
body.contact #sectiontitle {background: url(../images/st-contact.gif);}
body.admin #sectiontitle {background: url(../images/st-admin.gif);}

#subnav {background: #4e4d4c; padding: 13px 7px 46px 5px;}
#subnav li {background: url(../images/subnav.gif) bottom repeat-x;}
#subnav a {display: block; width: 140px; line-height: 17px; padding: 5px; text-decoration: none;}
#subnav li.on a {color: #fff;}

#rightcol {margin-left: 167px; top: 0; height: 90%; border-bottom: 4px solid #f3a500; background: #fff url(../images/bkg-right.gif) repeat-x;}
	html>body #rightcol {min-height: 90%; height: auto;}
	body.home #rightcol {background-color: #f0b40f;}
	body.terms #rightcol {margin: 0;}
#main {width: 600px;}
	body.terms #main {width: auto;}

#eyebrow {height: 22px; background: url(../images/eyebrow.gif) right top no-repeat;}
	body.admin #eyebrow {background: none !important;}
	body.admin #eyebrow li {display: none;}
	body.terms #eyebrow {display: none;}
#eyebrow li {float: right;}
#eyebrow a {display: block; height: 22px; overflow: hidden; line-height: 100px;}
#eyebrow a:hover {background: url(../images/eyebrow.gif);}
#eyebrowcontact a {width: 90px;}
#eyebrowsitemap a {width: 82px;}
#eyebrowmyrms a {width: 70px;}
#eyebrowcontact a:hover {background-position: -152px -22px;}
#eyebrowsitemap a:hover {background-position: -70px -22px;}
#eyebrowmyrms a:hover {background-position: 0 -22px;}

#nav {margin: 13px 0 0 90px; height: 18px; background: url(../images/nav.gif) right top no-repeat;}
	body.admin #nav {display: none;}
	body.terms #nav {display: none;}
#nav li {float: left;}
#nav a {display: block; height: 18px; overflow: hidden; line-height: 100px;}
#nav a:hover {background: url(../images/nav.gif);}
#navabout a {width: 84px;}
#navwhyrms a {width: 88px;}
#navresults a {width: 125px;}
#navsuccess a {width: 125px;}
#navnews a {width: 88px;}
#navabout a:hover {background-position: 0 -18px;}
#navwhyrms a:hover {background-position: -84px -18px;}
#navresults a:hover {background-position: -172px -18px;}
#navsuccess a:hover {background-position: -297px -18px;}
#navnews a:hover {background-position: -422px -18px;}

#videolink {display: block; height: 105px; background: url(../images/video.gif) center top no-repeat; overflow: hidden; line-height: 500px; margin-top: 30px;}

#homeanimation {height: 178px;}

#bigphoto {height: 177px; overflow: hidden; line-height: 500px;}
	body.admin #bigphoto {display: none;}
	body.terms #bigphoto {display: none;}
body.home #bigphoto {background: url(../images/ph-home.gif); height: 32px;}
body.about #bigphoto {background: url(../images/ph-about.jpg);}
body.whyrms #bigphoto {background: url(../images/ph-whyrms.jpg);}
body.results #bigphoto {background: url(../images/ph-results.jpg);}
body.success #bigphoto {background: url(../images/ph-success.jpg);}
body.news #bigphoto {background: url(../images/ph-news.jpg);}
body.contact #bigphoto {background: url(../images/ph-contact.jpg);}
body.sitemap #bigphoto {background: url(../images/ph-sitemap.jpg);}
body.myrms #bigphoto {background: url(../images/ph-myrms.jpg);}

#content {padding: 30px 25px; height: 250px;}
	html>body #content {min-height: 250px; height: auto;}
	body.admin #content {background: #fff;}
	body.terms #content {background: #fff;}
#content h1 {color: #f3aa00; font-size: 15px; margin-bottom: 10px;}
#content h2 {color: #000; font-size: 17px; margin-bottom: 10px; line-height: 20px;}
	body.news #content h1 {color: #f3aa00; font-size: 15px; margin-bottom: 20px;}
	body.news #content h2 {color: #000; font-size: 17px; margin-bottom: 10px;}
	body.news #content h3 {margin: -10px 0 20px 0; font-weight: normal;}
#content ul {margin: 1.5em 0;}
#content ul.floatleft {margin: 0 40px 0 0;}
#content ul li {padding-left: 18px; background: url(../images/bullet.gif) 6px 5px no-repeat;}

#homecols {background: url(../images/homecols.gif) 275px 0 repeat-y; color: #000;}
#homecola {float: left; width: 250px;}
#homecolb {float: right; width: 250px;}
#homecols h1 {margin-bottom: 20px; background: no-repeat; height: 14px; overflow: hidden; line-height: 50px;}
#homecola h1 {background-image: url(../images/home-headlines.gif);}
#homecolb h1 {background-image: url(../images/home-service.gif);}
#homecols ul {margin: 0;}
#homecols ul li {padding: 14px 0 13px 0; background: url(../images/home-dots.gif) repeat-x;}
#homecols a {display: block; color: #000; text-decoration: none; background: url(../images/home-arrows.gif) 0 4px no-repeat; padding-left: 17px;}
#homecols a:hover {text-decoration: underline;}
#homecols strong {display: block;}

.pullquote {width: 200px; border-left: 1px solid #ddd; padding-left: 20px;}
.pullquote p {color: #f3a500; margin-bottom: .8em; font-style: italic;}
.pullquote cite {display: block; font-style: normal; font-weight: bold;}

#testimonialsdiv {background: url(../images/dots-yellow.gif) left top repeat-x; margin: 0 30px;}
#testimonialsdiv blockquote {background: url(../images/dots-yellow.gif) left bottom repeat-x; margin: 0; padding: 20px 10px;}
#testimonialsdiv blockquote p {margin-bottom: .8em; font-style: italic;}
#testimonialsdiv blockquote cite {display: block; margin-left: 50px; font-style: normal;}

.newstable {width: 550px;}
.newstable th, .newstable td {padding: 4px 10px; font-weight: normal; text-align: left;}
.newstable td {white-space: nowrap; text-align: right;}
.newstable tr.alt th, .newstable tr.alt td {background: #efefef;}

#contactform .admintable input, #contactform .admintable textarea, #contactform .admintable select {width: 190px;}
#contactform .admintable tfoot input {width: auto;}
#contactform .admintable textarea {height: 150px;}
#contactform .admintable th {white-space: nowrap;}

#scroller {border: solid #f3a500; border-width: 0 1px; padding: 0 10px; margin-top: 40px;}

.sitemaplist {float: left; width: 250px;}
.sitemaplist li {font-size: 13px; font-weight: bold;}
.sitemaplist li ul {margin-top: 3px !important;}
.sitemaplist li li {font-size: 11px; font-weight: normal;}
.sitemaplist li li ul {margin: 3px 0 !important;}

#footer {margin-left: 167px; padding: 0 10px;}
	body.admin #footer {display: none;}
	body.terms #footer {display: none;}
#copyright, #siteby {margin: 0; height: 52px; line-height: 35px;}
#copyright {position: relative;}
#siteby {position: absolute; left: 380px; top: 0; width: 200px; text-align: right;}


/*** ADMIN STYLES ***/

.button, .buttonhover {float: right; border: 1px solid #ddd; background: #666; color: #fff; text-transform: uppercase; text-decoration: none; padding: 0 10px; line-height: 18px; font-weight: bold; margin-left: 10px; cursor: pointer; cursor: hand;}
.button:hover, .buttonhover {background: #333; color: #fff;}

.admintable {border-collapse: collapse; margin-bottom: 25px;}
.admintable th, .admintable td {font-weight: normal; padding: 5px 10px 4px 10px; border: 1px solid #ddd;}
.admintable th {background: #eee; font-weight: bold; text-align: left;}
.admintable tr.roll th, .admintable tr.roll td {background: #bbb; cursor: default;}
.admintable thead th, .admintable thead td {font-weight: bold; background: #666; color: #fff; text-transform: uppercase; white-space: nowrap;}
.admintable thead th.listpage {width: 390px; min-width: 390px;}
.admintable thead th a {font-size: 10px; border: 1px solid #333; background: #333; text-decoration: none; padding: 0 5px; line-height: 14px; color: #fff; float: right;}
.admintable tfoot td {text-align: right; border: 0; padding: 5px 0;}
.admintable tfoot input {width: auto; color: #fff; font-weight: bold; border: 1px solid #333; height: 20px; margin-left: 10px;}
.admintable label {display: block; clear: both; font-weight: bold; margin: 5px 0;}
.admintable textarea {width: 350px; height: 250px;}
.admintable input {width: 350px;}
.admintable input.checkbox, .admintable input.radio {width: auto; vertical-align: middle;}

a.adminlink {display: block; height: 16px; overflow: hidden; line-height: 50px; cursor: pointer; cursor: hand;}
a.up, a.down {width: 30px; height: 8px;}
a.up {background: url(../images/admin/up.gif) center 0 no-repeat;}
a.up:hover {background-image: url(../images/admin/up-on.gif);}
a.down {background: url(../images/admin/down.gif) center 2px no-repeat;}
a.down:hover {background-image: url(../images/admin/down-on.gif);}
a.checkbox0 {background: url(../images/admin/checkbox0.gif) center 2px no-repeat;}
a.checkbox0:hover {background-image: url(../images/admin/checkbox0-on.gif);}
a.checkbox1 {background: url(../images/admin/checkbox1.gif) center 2px no-repeat;}
a.checkbox1:hover {background-image: url(../images/admin/checkbox1-on.gif);}
a.files {background: url(../images/admin/files.gif) center 2px no-repeat;}
a.files:hover {background-image: url(../images/admin/files-on.gif);}
a.edit {background: url(../images/admin/edit.gif) center 2px no-repeat;}
a.edit:hover {background-image: url(../images/admin/edit-on.gif);}
a.delete {background: url(../images/admin/delete.gif) center 2px no-repeat;}
a.delete:hover {background-image: url(../images/admin/delete-on.gif);}

img.thumb {width: 37px; height: 25px; vertical-align: middle; margin-right: 10px;}

#msg {height: 0; line-height: 20px; overflow: hidden; margin: 0;}
.error, .warning {font-weight: bold; height: 18px; line-height: 18px; padding: 4px 15px; font-size: 13px;}
.error {background: #d00; color: #fff;}
.warning {background: #ff0; color: #000;}
.highlight {color: #ff0;}