/* Cover */
.center {background-color:#eadcb9;}
#cover {width: 588px; background: url(../images/coverBg.jpg) repeat; border-bottom: 3px solid #8c312e; text-align: center;}
#portolaLogo {margin-top: 10px;}
.coverGallery {margin: 14px 0 6px -2px;}
#portolaIntro {margin: 14px 0 6px 0;}
#botLine {margin: 14px 0 3px 1px;}

/* Landing Page Content */
#contentWrapper {width: 588px;}
#contentLeft {width: 423px; float: left; background-color: #eadcb9; text-align: center; border-right: 165px solid #734109;}
#contentLeft p {width: 391px; text-align:justify; margin: 0 auto; font: 11px Verdana, Arial, Helvetica, sans-serif; line-height: 19px;}
#detailsRight {width: 165px; float: left; margin-left: -165px;}
#detailsRightPadding {margin: 15px 5px 5px 15px; font: 11px Verdana, Arial, Helvetica, sans-serif; color: #f6ecdb;}

/* Footer */
.leftFooter {background-color: #FEF2D5;}
.rightFooter {background-color: #FEF2D5; width: 770px;}
.leftFooter2 {background-color: #98764a; width: 182px; float: left; font-size: 2px; padding: 0; height: 13px;}
.rightFooter2 {background-color: #163151; float: right; width: 588px; padding: 0; height: 13px; font-size: 2px;}
.footer {height: 15px;}

/* Links */
#breadcrumbs a {color: black; font-weight: normal; font-size: 10px;}
a {color: #005dae; font: 11px Verdana, Arial, Helvetica, sans-serif; font-weight: bold; }
a:hover {color: #633400;}
ul#tablist li {background-color: #d1bc97; border-bottom: 2px solid #d1bc97;}
#tablist li.activeButton a {color: #153151;}
#tablist a {color: #633400;}
.right a {color: #f6ecdb; text-decoration: underline;}
.right a:hover {color: #f6ecdb; text-decoration: underline;}

/* Left Menu */
#subNavList li {background-color: #DAB686;}
#subNavList li a {color: black; font-weight: normal;}
#subNavList li p {margin-left: -5px; width: 147px;}
#subNavList a:hover {background-color: #734109; color: #f6ecdb;}
#subNavList li#interestList {border: 1px solid #734109; height: auto;}
.subHighlightLink {color: black;}
.thankYou {font-size: 9px; font-weight: bold; position: relative; top: 3px;}

/* Background Colors */
.outer {border-left-color: #98764a; border-right-color: #633400;}
.wrapper {background-color: #FEF2D5;}

/* Fonts */
h1 {color: #153151;}
h2 {color: #5b2b00; font: 11px Verdana, Arial, Helvetica, sans-serif; letter-spacing: normal; font-weight: bold;}
h3 {color: #5b2b00; font: 11px Verdana, Arial, Helvetica, sans-serif; letter-spacing: normal; font-weight: bold;}
#title {margin: 10px 0 0 0;}
h2#message {color: #630; font: 15px Verdana, Arial, Helvetica, sans-serif; font-weight: bold; letter-spacing: normal; margin: 20px 0 5px 0;}
#construction {font: 11px Verdana, Arial, Helvetica, sans-serif; font-weight: bold;}
.right {color: #f6ecdb;}

/* Images */
#communityLogo {margin: 35px 0;}

/* Form */
#contactForm label,#contactForm input, #contactForm textarea, #contactForm .rollover {
	float: left;
	margin: 0;
	font-family:Verdana, Helvetica, sans-serif; 
	font-size: 9px;
}
#contactForm label {text-align: left; margin-top: 5px;}
#contactForm input {width: 145px; border-left: 1px solid #c3c3c3; border-right: 1px solid #c3c3c3; border-bottom: 1px solid #dddddd; border-top: 2px solid #7c7c7c;}
#contactForm br {clear: both;}

#contactForm {margin: 0px;}


#contactForm a.subscribe {
    display: block;
    width: 76px;
    height: 21px;
	font: 10px;
    background: url("/images/subscribe.gif") 0 0 no-repeat;
	float: right;
	cursor: pointer;
	margin: 10px 0 5px 0;
	padding: 0px;
}
 
#contactForm a:hover.subscribe {
    background-position: 0 -21px;
}