/*
 Screen style    
 Site: CP St. Louis
*/
body {
 background: #fff url(../res/body.jpg) repeat-x;
 color: #2D3A41;
 font-size: 75%;
 padding: 0;
 text-align: center;
}

#wrapper {
 background: #fff url(../res/wrapper.gif) no-repeat;
 margin: 0 auto;
 padding: 0 19px 0 29px;
 text-align: left;
 width: 810px;
}

/* ----------------------------------- Header ----------------------------------- */
#header {
 height: 48px;
 position: relative;
}

#cp-logo {
 height: 27px;
 position: absolute;
 right: 11px;
 top: 10px;
 width: 166px;
}

#cp-logo span {
 background-image: url(../res/cp-logo.gif);
}

/* ----------------------------------- Navigation ----------------------------------- */
#header ul {
 margin: 0 180px 0 0;
 padding-top: 15px;
}

#header li {
 background: url(../res/sep.gif) left center no-repeat;
 float: left;
 list-style: none;
 margin: 0;
 padding: 0 9px 0 10px;
}

#header li.first {
 background: none;
 padding-left: 0;
}

#header a {
 font-weight: bold;
 font-size: 1.12em;
}

/* ----------------------------------- Content ----------------------------------- */
#content {
 width: 405px;
 float: left;
 padding: 25px 0 25px 0;
 clear: both;
}

#logo {
 width: 405px;
 height: 107px;
 margin-bottom: 43px;
}

#logo span {
 background-image: url(../res/logo.gif);
}

.sIFR-hasFlash #content h2 {
 font-size: 17px;
 line-height: 21px;
 visibility: hidden;
}

#content h2.uppercase {
 text-transform: uppercase;
}

/* ----------------------------------- Sidebar ----------------------------------- */
#sidebar {
 width: 382px;
 float: right;
 padding: 15px 0 25px 0;
 font-size: 0.92em;
 line-height: 1.25;
}

#member-sidebar {
 width: 382px;
 float: right;
 padding: 15px 0 25px 0;
}

#sidebar h2 {
 color: #2D3A41;
 font-size: 1em;
}

#sidebar h3 {
 font-size: 1em;
}

#main-img {
 height: 221px;
 background: url(../res/main-img.jpg) no-repeat;
 padding: 6px;
}

#main-img img {
 display: block;
}

#locate-sub-nav {
 background: #F0EAD9 url(../res/locate-sub-nav.jpg) no-repeat;
 color: #4B575E;
 margin: 16px 3px 19px 3px;
 padding: 12px 15px 13px 16px;
}

.membership-info {
 float: left;
 width: 160px;
}

.membership-info h2 {
 width: 155px;
 height: 10px; 
 margin: 2px 0 10px 0;
}

.membership-info h2 span {
 background-image: url(../res/membership-info.gif);
}

.membership-info p {
 margin-bottom: 0.65em;
}

.membership-info ul {
 margin: 0; 
}

.membership-info li {
 list-style: none;
 margin-bottom: 0.35em;
}

.locate-member {
 float: right;
 width: 160px; 
}

.locate-member h2 {
 width: 123px;
 height: 15px;
 margin-bottom: 5px;
}

.locate-member h2 span {
 background-image: url(../res/locate-member.gif);
}

.locate-member p {
 margin-bottom: 4px;
}

.locate-member label {
 color: #4B575E;
}

.locate-member input {
 width: 160px;
 padding: 2px 0;
}

.locate-member .submit {
 margin-top: 8px;
}

.locate-member .submit input {
 vertical-align: middle;
 width: auto;
 margin-right: 6px;
}

.featured-profile {
 margin: 0 22px 0 20px;
}

.featured-profile h2 {
 width: 103px;
 height: 10px;
 margin-bottom: 1em;
}

.featured-profile h2 span {
 background-image: url(../res/featured-profile.gif);
}

.view-profile {
 float: left;
 text-align: center;
 width: 75px;
 margin-right: 10px;
}

.view-profile p {
 margin-bottom: 5px; 
}

.view-profile .frame {
 border: 1px solid #D9DBDC;
 padding: 2px;
}

.view-profile .frame img {
 display: block;
}

#announcements {
 background: #f0ebd8 url(../res/bg-announcements.gif) repeat-x;
 margin: 16px 3px 19px 3px;
 padding: 10px;
}

h3#announcement-title {background: url(../res/title-announcements.gif) no-repeat; height: 13px; border-bottom: 1px dotted #938e65; padding-bottom: 2px; margin: 0;}

#announcements p {padding-left: 2px; margin-top: 10px;}

/* ----------------------------------- Footer ----------------------------------- */
#footer-wrapper {
 background: url(../res/footer-wrapper.gif) repeat-x;
 color: #706909;
 clear: both;
}

#footer {
 font-size: 0.92em;
 margin: 0 auto;
 padding: 20px 19px 50px 29px;
 text-align: left;
 width: 810px;
}

#footer p {
 margin-bottom: 0.35em;
}

#footer .links, #footer .copy {
 float: left;
 width: 49%;
}

#footer .links a {
 margin: 0 4px;
}

#footer .links a.first {
 margin-left: 0;
}

#footer .copy {
 clear: left;
}

#footer .design {
 float: right;
 margin-top: -1.55em;
 text-align: right;
 width: 49%;
}
/* ----------------------------------- Member Search ----------------------------------- */
.formBox {
 width: 405px; 
 float: left;
 background: #F5F0E2;
 border-top: 1px solid #fff;
 border-left: 1px solid #fff;
 border-right: 1px solid #BAB79E;
 border-bottom: 1px solid #BAB79E;
}

.formBox p {margin: 10px 20px; font-weight: bold; color: #50626B;}

.formBox dl {float: left; margin: 0;}

.formBox dd {margin-left: 10px;}

.formBox form {margin-left: 13px;}

.formBox label {font-size: 11px; font-family: Arial, Helvetica, sans-serif; margin-left: 10px}

.formBox input {width: 110px;}

.formBox select {width: 110px;}

.formBox textarea {margin: 0 10px; width: 91%;} 

input.submit-button {margin: 0 0 10px 10px; width: 83px;}


/* ----------------------------------- Search Results ----------------------------------- */
#search-results {
 border: 1px solid #4D5F68;
 clear: both;
 width: 99%;
 margin-bottom: 25px;
}

tr.alternateRow {
 background: #F0EBDE;
}

td.titleBar{ 
 background: #3E4D55 url(../res/bg-titleBar.gif) repeat-x;
 color: #fff;
 font-weight: bold;
 height: 25px;
}

#search-results td {font-size: 11px;}

td#titleBarName {
 width: 250px;
}
td#titleBarPhone {
 width: 200px;
}
td#titleBarEmail {
 width: 250px;
}
td#titleBarView {
 width: 102px;
}

h2#results {font-size: 1.42em;}

/* ----------------------------------- Member Profile ----------------------------------- */
#member-profile {
 width: 405px; 
 float: left;
}

#photo-frame {
 border: 1px solid #C6BCA8;
 width: 160px;
 padding: 3px;
 background: #fff;
}

#contact-frame {
 border: 1px solid #C6BCA8;
 width: 160px;
 padding: 3px;
 background: #fff;
 margin-top: 10px;
}

#contact-content {
 width: 150px;
 background: #EBEAE2;
 padding: 5px;
 font-size: .9em;
}

#member-right {
 float: right;
 width: 55%;
}

ul.member-info {
 list-style: none;
 margin: 5px 0 10px 0;
 padding-bottom: 5px;
 border-bottom: 1px dotted #5A717D;
}

.member-info li {
 background: url(../res/bullet.gif) left no-repeat;
 padding-left: 15px;
}

#member-right h3 {
 margin: 0;
 color: #5A717D;
 text-transform: uppercase;
}

/* ----------------------------------- member contact info ----------------------------------- */
ul.member-contact-list {
 list-style: none;
 padding-bottom: 5px;
 border-bottom: 1px dotted #5A717D;
 margin: 0 0 5px 0;
}

.member-contact-list li {
 padding: 0;
 margin: 0;
}

#contact-content h3 {
 margin: 0;
 color: #5A717D;
 text-transform: uppercase;
 font-size: 1.1em;
}

/* ----------------------------------- Image replacement ----------------------------------- */
.ir {
 font-size: 1em;
 margin: 0;
 overflow: hidden;
 position: relative;
}

.ir span {
 background-position: top left;
 background-repeat: no-repeat;
 display: block;
 height: 100%;
 left: 0;
 position: absolute;
 top: 0;
 width: 100%;
 z-index: 1;
}

.ir a {
 cursor: pointer;
 display: block;
 height: 100%;
 width: 100%;
}

/* ----------------------------------- Auto Clearing ----------------------------------- */
#wrapper:after, #footer:after, #locate-sub-nav:after {
 clear: both;
 content: ".";
 display: block;
 height: 0;
 visibility: hidden;
}