﻿* { padding: 0; margin: 0;}
p { margin: 10px 0px; font-size: 1.2em;}
table {border: none; border-collapse: collapse; border-spacing: 0px;}
img {border: none;}
hr {height:1px; margin: 5px 0px; border-width:0; background-color:gray;}
a:link, a:visited {color: #3F4A00; text-decoration: none;}
a:hover {text-decoration: underline;}

body {font-family: Arial, Sans-Serif; font-size: 62.5%; background-color: #efeeeb;}

#OuterWrapper {width: 1024px; margin: 0px auto;}

#PageContainer {margin: 20px auto; padding-bottom: 40px;}
#Banner {height: 185px; background-color: #d0d4b9;}
#BannerLeft {background: url(../graphics/ort_logo.gif) no-repeat; width: 164px; float: left; height: 167px;}
#BannerRight {background: url(../graphics/ort_banner.gif) no-repeat right; width: 836px; height: 167px; float: left; }

#Wrapper {overflow: hidden; border: solid 1px black;}
#LeftBar {background-color:#d0d4b9; float:left;  width:170px;}
#MainContent {background-color: #ffffff; width: 630px; float: left; padding-top: 10px;}
#RightBar {background-color:#eff0f1; float:right; width:200px;}
#Footer {clear: both;}
#MainContent, #LeftBar, #RightBar {margin-bottom:-32767px; padding-bottom:32767px;}
#MainContent .Content {padding: 10px 10px 80px 40px; background: no-repeat -15px -15px; }
#MainContent .Home {background-image: url(../graphics/icon_home.gif); }
#MainContent .VirtualTour {background-image: url(../graphics/icon_vt.gif); background-position: -15px -5px;}
#MainContent .Links {background-image: url(../graphics/icon_links.gif); background-position: -15px -5px;}
#MainContent .ContactUs {background-image: url(../graphics/icon_contact.gif); background-position: -15px -5px;}
#MainContent .Directions {background-image: url(../graphics/icon_directions.gif); background-position: -15px -5px;}
#LeftBar .Content, #RightBar .Content {padding: 10px 10px 10px 10px;}

#LeftBar ul {padding-bottom: 50px;}
#LeftBar ul li {list-style: none; padding-bottom: 10px; }
#LeftBar a, #LeftBar a:visited {list-style: none; color: #37353C; font-weight: bold; font-size: 1.2em;}

#MainContent ul {margin: 0 0 0 15px; }
#MainContent li {padding: 5px 0 5px 0px; font-weight: bold; color: #668FA6; font-size: 1.2em;}
#MainContent .Home .imgPanel {float: right; width: 235px; margin-left: 20px; height: 350px; background: url(../graphics/photo_home.jpg) no-repeat 0 0;}

#MainContent .SpecialOffer li {padding: 5px 0 5px 0px; font-weight: bold; color: #668FA6; font-size: 1.2em;}

#MainContent .Links a, #MainContent .Links a:visited {color: #B677AB; font-size: 1.2em; text-decoration: none;}
#MainContent .Links a:hover {text-decoration: underline;}
#MainContent .Links .imgPanel {float: right; width: 245px; height: 245px; margin-left: 20px; background: url(../graphics/ort_house_links_small.jpg) no-repeat 0 0;}

#MainContent .ContactUs .imgPanel {float: right; width: 245px; height: 245px; margin-left: 20px; background: url(../graphics/ort_house_contact_small.jpg) no-repeat 0 0;}
#MainContent .ContactUs td {vertical-align: top; text-align: left; padding: 10px; font-size: 1.2em;}

#MainContent .Directions .imgPanel {float: right; width: 245px; height: 280px; margin-left: 20px; text-align: center;}

#RightBar ul li {list-style: none; padding-bottom: 10px;}
#RightBar a     {background:transparent url(../graphics/RHS_graphic.gif) no-repeat scroll 0 2px;
                 color:#7F7988; padding:2px 0 2px 25px; font-weight: bold;}

#Footer {margin: 10px 230px 0 170px; text-align: center;}
#Footer #Menu {color: #0099cc; } 
#Footer a {padding: 0 5px 0 5px;}                
#Footer #CopyRight {color : #919EBE;}

h1 {position:absolute; top:-100%;}
h2 {font-size: 1.6em; color:#3F4A00; font-weight: normal; margin: 10px 0 5px 0;}
h3 {font-size: 1.6em; color:#3F4A00; font-weight: normal; margin: 10px 0 5px 0;}

