/* 
137,0,0 - menu highlight (right)
118,0,0 - menu lowlight (left)
102,51,0 - large quotes
51,51,0 - small quotes
*/


* {border: 0px; margin: 0px; padding: 0px; outline: none; font-weight: normal; text-shadow: 0 0 0 #000;}
.redbox {border: solid 1px red;}
body { font-family: Arial, sans-serif; background: rgb(245,241,229) url('../sprites/bgTile.gif') -1px 20px;}
a, a img {text-decoration:none; border: none; }
li {display: inline;  font-weight: normal;}
img { behavior:	url(css/png_behavior.htc);}

.red {color:rgb(137,0,0);}
.right {text-align: right;}
.top {vertical-align: top;}
.hidden {display: none;}
.center {text-align: center;}

#backDrop {background: url('../sprites/homeBackground.jpg') -1px 0px; height: 1000px;}
#backDrop2 {background: rgb(245,241,229) url('../sprites/internalBackground.jpg') repeat-x;}
#stage {width: 800px;  margin-left: auto; margin-right: auto; position: relative; }
#logo {padding-top: 5px;}

#topNav {position: absolute; right: 0px; top: 10px;}
#topNav a {font-family: Arial, sans-serif; color: rgb(255,255,255); font-size: 14px; padding-left:12px; }

#content {
min-height:670px;
height:auto !important;
height:670px;
padding-top: 1px;
margin-bottom: 10px;
}

#siteMap {margin-top: 70px; padding-top: 1px; padding-bottom: 10px;}
#siteMap h1 {font-family: 'Palatino Linotype', 'Georiga', serif; font-style: italic; font-size: 30px; color:rgb(102,51,0); }
#siteMap li {display: list-item; font-family: Arial, sans-serif; font-size: 13px; color:rgb(51,51,0); line-height: 24px;}
#siteMap li a{font-family: Arial, sans-serif; font-size: 13px; color:rgb(51,51,0);}
#siteMap ul .disc {list-style: disc inside; }
#siteMap ul .circle {list-style: circle inside;}

#menu {position: absolute; top: 88px; left: -10px;width: 900px;}
#menu a{
background: url('../sprites/menuBgBoth.jpg') 0px 0px ;
font-family: Arial, sans-serif; 
color: rgb(255,255,255); 
font-size: 14px; 
height: 21px; 
display: block; 
float: left; 
vertical-align: bottom;  
padding-top: 8px;
text-align: center;
border-left: solid 1px rgb(118,0,0);
border-right: solid 1px rgb(154,0,0);
}
#menu a:hover,#menu a.selected{background: url('../sprites/menuBgBoth.jpg') 0px 29px; border-left: solid 1px rgb(93,0,0);
border-right: solid 1px rgb(137,0,0);}



.largeQuote {font-family: 'Palatino Linotype', 'Georiga', serif; font-style: italic; font-size: 30px; color:rgb(102,51,0);}
.smallQuote {font-family: 'Palatino Linotype', 'Georiga', serif; font-size: 18px; color: rgb(51,51,0); width: 400px; line-height: 24px; }

.pod {float: left; margin-top: 310px; width: 252px; padding-left:10px; padding-right:10px; cursor: pointer;}
.pod h1 a{font-family: 'Palatino Linotype', 'Georiga', serif;  font-size: 17px; color:rgb(102,51,0); padding-bottom: 10px;}
.pod h2 a{font-family: 'Palatino Linotype', 'Georiga', serif; font-size: 17px; color:rgb(102,51,0); padding-bottom: 4px;}
.pod p {line-height: 14px;}
.pod p a{font-family: Arial, sans-serif; font-size: 13px; color:rgb(51,51,0);}
.pod img a{width: 245px; height: 166px;}

#pod1Off, #pod2Off, #pod3Off {width: 245px; height: 166px; }

#subNav {position: absolute; top: 117px; left: -10px; width: 230px; height: 315px; background: url('../sprites/quoteBG.jpg'); padding-left: 11px; padding-top: 20px;}
#subNav a {font-family: 'Palatino Linotype', 'Georiga', serif; font-size: 17px; color:rgb(102,102,51); line-height: 30px; display: block; width: 205px; padding-left: 5px;}
#subNav a:hover, #subNav a.sticky {background:rgb(230,227,199);}

.redButton {width: 100%; text-align: center; display: block; margin-top: 18px; background: url('../sprites/red_btn_06.jpg') no-repeat center top; width: 180px; height: 25px; }
.redButton:hover {background: url('../sprites/red_btn_over_06.jpg') no-repeat center top !important; }

#quote {position: absolute; top: 330px; left: 17px; width: 180px;  color:rgb(51,51,0);}
#quote .fleur {margin-bottom: 10px;}
#quote .text {font-family: 'Palatino Linotype', 'Georiga', serif; font-style: italic; font-size: 17px;vertical-align: top;}
#quote .author {font-family: Arial; font-size: 11px; text-align: right; margin-top: 10px;}

#title {font-family: 'Palatino Linotype', 'Georiga', serif; font-style: italic; font-size: 31px; color:rgb(102,51,0); text-align: center; width: 250px; position: absolute; top: 200px; left: 225px; }

#subText { width: 550px;  color:rgb(51,51,0); margin-top: 255px; position: relative; left: 225px; padding-top: 1px;}
#subText h1 {font-family: 'Palatino Linotype', 'Georiga', serif; font-size: 21px; margin-bottom: 7px; margin-top: 20px;}
#subText p, #contactTable td {font-family: Arial; font-size: 14px; line-height: 23px; margin-bottom: 10px;}
#subText p img {float: right; margin-top: -35px; margin-left: -20px;}
#subText h1 a {text-decoration: underline; color: rgb(51,51,0);}

.questions p{margin-top: 20px; margin-left: 35px; padding-bottom: 30px;}
.questions h1{}
.leadingLetter {font-family: 'Palatino Linotype', 'Georiga', serif; font-style: italic; font-size: 31px; color:rgb(102,51,0);}
.leftLetter {margin-left: -35px;}

#footer {height: 176px; text-align: center; position: relative; font-family: Arial; font-size: 11px; line-height: 15px; clear: both; padding-top: 30px;
background: url('../sprites/footerBackground.png') repeat-x;
margin-top: -10px;
}
#footer .menu a{color: rgb(141,137,108); font-size: 12px; padding-left: 10px; padding-right: 10px;}
#footer .copy{color: rgb(153,149,120);}
#footer img, #homeFooter img {width:231px; height: 78px;}

#cms {color: rgb(51,51,0); margin-top: 50px; }
#cms a {text-decoration: underline; color: rgb(102,51,0);}
#cms label {display: block; width: 100px; float: left;}
input.cms, textarea.cms {border:solid 1px rgb(245,241,229); color: rgb(51,51,0); margin: 5px;}

#contactTable {width: 600px;}
#contactTable .contactText {width: 275px; border: solid 1px rgb(155,155,155); background-color:rgb(245,241,229);}
#contactTable .contactCheck {vertical-align: text-top; margin: 5px; margin-top: 0px;}
#contactTable .contactSubmit {margin-right: 20px; margin-top: 5px;}#contactTable .half {width: 132px;}
