@charset "UTF-8";
body{margin:0; padding:0; background: #3f3f3f url(images/bg-grady.gif) top left repeat-x; font-family:Arial, Helvetica, sans-serif;}

/* HEADER
----------------------------*/
#header{margin:0 auto; margin-top: 30px; padding:0; background: #FFF url(images/header-bg.gif) top left no-repeat; width: 960px; height: 160px;}
.logo{margin:0; padding:10px; float:left;}
#phone{margin:0; padding: 60px 10px 0px 20px; float: left; color:#990000; font-size: 30px;}
#livechat{margin: 20px 10px 0px 0px; padding:15px; background: #fff; color: #333; font-size: 12px; width: 282px; float: right;}


/* NAV
----------------------------*/
#nav{margin:0 auto; padding:0; width: 960px; background: #671f0b; height: 40px;}
#navigation{margin:0;padding:0;list-style: none;height: 40px;text-align: center;}
#navigation li{margin:0; padding: 8px; height: 40px; display: inline; line-height: 2.5em;}
#navigation li:hover{background: #9c5c4d;}
#navigation li a{color: #FFF; text-decoration: none}


/* BODY
----------------------------*/
#content{margin:0 auto; padding:0; background: #FFF url(images/content-bg-bottom.gif) bottom left no-repeat; width: 960px;}
#rightSide{margin: 20px 10px 0px 0px; padding:0; background: #dac190 url(images/rightSide-Top.gif) top left no-repeat; width: 280px; float: right;}
#rightSide p{margin:0; padding:10px; color: #333; font-size: 12px;}
#rightSideBot{margin: 0px 10px 0px 0px; padding:0; background: #e5e5e5 url(images/rightSide-Bottom.gif) top left no-repeat; width: 280px; float: right; height:15px;}
#rightSide a{color: #650000;font-size: 15px;font-weight: bold;}
#rightSide a:hover{color: #633;}

#rightSide1{margin: 20px 10px 0px 0px; padding:0; background: #dac190 url(images/rightSide-Top.gif) top left no-repeat; width: 280px; float: right;}
#rightSide1 p{margin:0; padding:10px; color: #333; font-size: 12px;}
#rightSideBot1{margin: 0px 10px 0px 0px; padding:0; background: #e5e5e5 url(images/rightSide-Bottom.gif) top left no-repeat; width: 280px; float: right; height:15px;}
#rightSide1 a{color: #650000;font-size: 12px;font-weight: bold;}
#rightSide1 a:hover{color: #633;}

#rightSide2{margin: 20px 10px 0px 0px; padding:0; background: #ffffff top left no-repeat; width: 280px; float: right;}
#rightSide2 p{margin:0; padding:10px; color: #333; font-size: 12px; text-align:center;}
#rightSideBot2{margin: 0px 10px 0px 0px; padding:0; background: #ffffff top left no-repeat; width: 280px; float: right; height:15px;}
#rightSide2 a{color: #650000;font-size: 15px;font-weight: bold;}
#rightSide2 a:hover{color: #633;}


/* if you change the right side margin in #rightSide you must match it in #rightSideBot right now its 10px */

.main {margin:0; padding: 15px; color: #222; font-size: 0.90em; line-height: 1.8em; width:600px; float: left;}
.main h1, h2, h3 {color: #671F0B;}
.main li{margin:0; padding: 2px; display: list-item; line-height: 1em;}
.main a{color: #650000;	font-size: 15px; font-weight: bold; text-decoration: none;}
.main a:hover{color: #633;}


/* FOOTER
----------------------------*/
#footer{margin:20px auto; padding:0; width: 960px; background: url(images/footer-bg.gif) top left no-repeat; height: 50px;}
#footer p{margin:0;	padding:10px 0px 0px 10px; color: #222;	font-size: 0.7em; text-align: center;}
#footer a{color: #650000; text-decoration: none; font-weight: bold;}
#footer a:hover{color: #633; text-decoration: underline;}

.messagebox{
border:solid 1px #DEDEDE; 
background: #FFFFCC;
color: #222222;
padding: 4px;
text-align: center;
}