/* 
    Document   : witness
    Created on : Dec 1, 2007, 7:34:03 PM
    Author     : rkennedy
    Description: Styles for Witness Quartet web site.
*/

root { 
    display: block;
}

html, body { border: 0; margin: 0; padding: 0;}

body {
    padding: 0 396px;
    margin: 0;
    text-align: center;
    background: #fff;
    font-family: Arial,Helvetica,sans-serif;
}

a.mainMenu {
    color: #999;
}

a.mainMenu:hover {
    color: #ffcc66;
}

table.simpleForm {
    padding: 15px;
}

table.simpleForm td {
    text-align: left;
    padding: 7px;
}

table.simpleForm td.commandLine {
    text-align: center;
}

table.simpleForm td.internal {
    background-color: #c3c3c3;
}

#header {
    height: 153px;
    border-bottom: solid medium #6b6b6b;
    background-color: #d8aa5b;
    background-image: url('../images/headerRow.png');
    background-repeat: repeat-y;
}

#header h1 {
    float:left; 
    margin-top:40px; 
    margin-left:40px; 
    color: #fff;
    font-size: 40pt;
}

#contact h1 {
    color: #999;
}

#headerLogo {
    padding: 5px;
    padding-top: 10px;
}

#mainGroupPhoto {
    float: left;
    margin-top: -100px;
    margin-left: 40px;
}

#welcome {
    float: left;
    clear: left;
/*    width: 380px;*/
    width: 45%;
    text-align: left;
    margin-left: 30px;
    font-size: 12pt;
}

#contact {
    float: right;
    clear: right;
/*    width: 380px;*/
    width: 45%;
    text-align: left;
    margin-right: 30px;
    font-size: 12pt;
}

#scheduleList {
    float: left;
    clear: left;
    width: 94%;
    text-align: center;
    margin-left: 30px;
    font-size: 12pt;
    padding-bottom: 25px;
}

#scheduleList table, #scheduleList tr td {
    border: solid medium #ccc;
    border-spacing: 0px;
    border-collapse: collapse;
    padding: 7px;
}

#scheduleList th {
    padding: 7px;
}

#scheduleList tbody td.edit {
    background-color: #eee798;
}

#scheduleList tbody td.delete {
    background-color: #eea598;
}

#scheduleList tbody td.leftAlign {
    text-align: left;
}

.cdPosition {
    float: left; 
    text-align: left;
    margin-left: 40px;
    margin-top: 40px;
}

.cdPosition h2 {
    color: #926132;
}

.cdPosition h4 {
    margin-top: -15px;
    color: #926132;
}

.cdPosition a {
    color: #926132;
}

.cdPosition a:hover {
    color: #926132;
}

.cdTitles {
    float: left; 
    margin-left: 150px; 
    margin-top: 40px;
}

.cdTitles ul {
    text-align: left; 
    text-decoration: none;
}

.cdTitles ul li {
    padding-bottom: 20px; 
    list-style-type: none; 
    color: #926132;
}

.bioLine {
    padding: 7px;
    color: #999;
    text-align: left;
}

.bioLine img {
    clear: left;
    float: left;
    margin-right: 25px;
    padding: 15px;
}

.bioLine:hover {
    background-color: #dad9d7;
    border: solid medium #c3c3c3;
    color: #e39700;
    -moz-border-radius: 10px;
}

.homeSchedule {
    float: right;
    clear: right;
    margin: 35px 20px 20px 0;
    background: url('../images/schedule_tl.png') no-repeat top left;
    width: 350px;
}

.yellowTR {
    background: url('../images/yellow_bg_tr.png') no-repeat top right;
}

.yellowContent {
    background: url('../images/yellow_bg_r.png') top right repeat-y;
    padding: 30px;
    text-align: left;
}

.yellowBottom {
    background: url('../images/yellow_bg_bl.png') no-repeat bottom left;
}

.yellowBottom div {
    background: url('../images/yellow_bg_br.png') no-repeat bottom right;
}

.yellowTR div, .yellowTR, .yellowBottom div, .yellowBottom {
    width: 100%;
    height: 15px;
    font-size: 1px;
}

.spacer {
    clear: both;
}

.fieldWithErrors {
    padding: 2px;
    background-color: #d93434;
    display: table;
    color: #d93434;
}

.formError {
    color: #d93434;
    font-style: italic;
    text-transform: capitalize;
    padding-top: 5px;
}

.oldSchedule {
    color: #999; 
}

.nextSchedule {
    background-color: #926132;
    color: #fff;
}

#mainMenu {
    float: right;
    margin: 15px 20px 0 0;
    font-size: 14pt;
    color: #999;
}

#mainMenu ul, #mainMenu li {
    display: inline;
}

#mainMenu li.selectedPage {
    font-size: 18pt;
    background-color: #c3c3c3;
    color: #fff;
    padding: 5px;
}

#mainMenu2 {
    float: right;
    clear: right;
    margin: 5px 20px 0 0;
    font-size: 14pt;
    color: #999;
}

#mainMenu2 ul, #mainMenu2 li {
    display: inline;
}

#mainMenu2 li.selectedPage {
    font-size: 18pt;
    background-color: #c3c3c3;
    color: #fff;
    padding: 5px;
}

#cpMainMenu {
    width: 40%;
    text-align: center;
    margin: 20px auto;
}

#cpMainMenu h2 {
    color: #d6ab55;
}

#cpMainMenu div {
    background-color: #a7a7a6;
    margin-top: 10px;
    font-size: 14pt;
    padding: 7px;
}

#cpMainMenu a {
    color: #fff;
    text-decoration: none;
    display: block;
}

#cpMainMenu a:hover {
    color: #a7a7a6;
    background-color: #ffc;
}

#cpSubMenu {
    margin: 20px auto;
}

#cpSubMenu a {
    font-size: 14pt;
    font-weight: bold;
    color: #786616;
}

#sizer {
	margin: 0 auto 0 auto;
	padding: 0;
	width: 59%;
	max-width: 288px;  /* version for IE is at the bottom of this style block */
}

#expander {
	background: #fff;
	margin: 0 -396px;
	min-width: 792px; /* Critical Safari fix! */
	position: relative;
}

/* Holly hack for IE \*/
* html #expander { height: 0; }
/* */

/* helps IE get the child percentages right. */
#wrapper { width: 100%; } 


#sidebar {
	width: 20%;
	float: left;
	display: inline;
	text-align: left;
	margin-left: 6%;
	color: #686;
	font-size: .9em;
	padding-top: 24em;
	}

#content {
	width: 62%;
	margin-right: 8%;
	text-align: left;
	display: inline;
	float: right;
	padding-bottom: 3em;
}

#footer { 
    clear: both; 
    padding: 0.5em 1em; 
    font-size: 12pt;
    color: #fff;
    background-color: #ffcc66;
    border-top: 3px solid #e4e4e4; 
    border-bottom: 3px solid #e4e4e4; 
}

#footer div.contact {
    float: left;
    text-align: left;
}

#footer div.copyright {
    float: right;
    text-align: right;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */