/* CSS Document */
/* styles for screen media */

/* PRIMARY STRUCTURE */
body {
	margin: 0;
	padding: 0;
	font-family: Arial, Verdana, Helvetica;
	font-size: 100%;
	background-color: #bebebe;
	text-align: center;
}
#mainpage {
	width: 955px;
 	margin: 0 auto;
	text-align: left;
        background-color: #ffffff; 
	/* match the header color to fill in the gap btween header and navbar in FF 1.5 */
}
#header, #site-footer {
 	background-color: #a2c0d6;
 	color: #000;
    text-align: center;
}
#header {
	height: 80px;
        margin-top: 15px;
        border: 2px  solid white;
	border-color: #677d8a;
}
#site-footer {
 	clear: both;
	width: 100%;
	margin-top: 5px;	
	font-size: 10px;
	text-align: center;
	border: 1px solid black;
}
#site-footer a {
 	color: #000;
}
#content-wrapper {
	width: 955px;
        background:  url(http://www.pianodave.net/assets/templates/default/images/allback.jpg) repeat-y;
        background-color: #ffffff;
 	color: #000;
}
#content-wrapper-padding {
 	padding: 0 2px;
}
#col-1 {
 	float: left;
 	width: 160px;
 	margin-top: 0px;
        background-color: #8b8a8a;
 	font-size: 11px;
 	line-height: 14px;
 	color: #000;
}
#col-2 {
 	float: left;
 	width: 791px; /* 490PX IS USABLE WIDTH AFTER COL-2-PADDING SET BELOW */
 	margin: 0px;
 	font-size: .66em;
 	line-height: 1.5em;
        background:  url(images/notesback.jpg) repeat-x;
        background-color: #ffffff;
 	color: #000;
}
#col-2-padding {
 	padding: 0 14px 0 14px;
}

#col-footer {
 	clear: both;
 	margin-top: 12px;
 	color: #000;
}

/*TAB STYLES*/
#nav {
	margin-left:15px;
	margin-bottom: 15px;
	padding:0;
	width:600px;
}
#nav li {
	list-style-type: none;
	margin-bottom: 15px;
	padding: 0;
}
#nav ul {
	margin: 0;
	padding: 0;
	position: absolute;
	left: -9000px;
	z-index: 10000;
		height:22px;
border-left: 6px solid #E4D1E4;
	border-top: 4px solid #E4D1E4;
	background-color: #000066;
}
#nav a {
	display: block;
	text-align:center;
	font-size:11px;
	font-weight:bold;
	text-decoration: none;
	color: #666666;
	border-bottom-width:4px;
	border-bottom-color:#aaa;
	border-bottom-style:solid;
	padding: 4px 3px;
	line-height:1;
}

#nav a.intro{
	background-image:url(../images/btn_intro.jpg);
	width:82px;
}
#nav a.target{
	background-image:url(../images/btn_target.jpg);
	width:74px;
}
#nav a.quality{
	background-image:url(../images/btn_quality.jpg);
	width:72px;
}
#nav a.news{
	background-image:url(../images/btn_news.jpg);
	width:65px;
}
#nav a.incentives{
	background-image:url(../images/btn_incentives.jpg);
	width:73px;
}
#nav a.contact{
	background-image:url(../images/btn_contact.jpg);
	width:60px;
}
#nav a:hover, #nav a:active, #nav a:focus {
	color:#ffffff;
}
#nav a:hover.intro, #nav a:active.intro, #nav a:focus.intro {
	background-image:url(../images/btn_intro_o.jpg);
}
#nav a:hover.target, #nav a:active.target, #nav a:focus.target {
	background-image:url(../images/btn_target_o.jpg);
}
#nav a:hover.quality, #nav a:active.quality, #nav a:focus.quality {
	background-image:url(../images/btn_quality_o.jpg);
}
#nav a:hover.news, #nav a:active.news, #nav a:focus.news {
	background-image:url(../images/btn_news_o.jpg);
}
#nav a:hover.incentives, #nav a:active.incentives, #nav a:focus.incentives {
	background-image:url(../images/btn_incentives_o.jpg);
}
#nav a:hover.contact, #nav a:active.contact, #nav a:focus.contact {
	background-image:url(../images/btn_contact_o.jpg);
}
/* ------ the current page marker style ------ */
#nav .p7PMmark {
	color: #FFFFFF;
	font-weight: bold;
}
/* ------ the trigger link styles ------- */

/*the normal trigger links */
#nav ul .p7PMtrg, #nav ul .p7PMon {
	background-image:  url(img/p7PM_light_east.gif);
	background-repeat:	no-repeat;
	background-position: right center;
}
#nav .p7PMon {
	background-color: #660000;
	color: #C19BC0;
}

/* Top level menu width */
#nav li {
	height:22px;
	float: left;
}
#nav ul li {
	float: none;
}

/* VERTICAL NAVIGATION */
#navcontainer2 ul {
	list-style-type: none;
	font: normal 11px/14px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
	text-align: left;
	margin: 0;
	padding-left: 5px;
}
#navcontainer2 ul li a {
	display: block;
	width: 125px;
	padding-left: 5px;
	padding-bottom: 4px;
	text-align: left;
	text-decoration: none;
	color: #333;
}
#navcontainer2 ul li a:hover {
	background-color: #ffe;
	color: black;
}
#navcontainer2 ul li a#current {
	color: #666;
}

/* HEADINGS */
h1,h2,h3,h4,h5,h6 {
	margin: 0;
	padding: 0;
}
h1 {font-size:32px;}
h2 {font-size:26px;}
h3 {font-size:22px;}
h4 {font-size:18px;}
h5 {font-size:14px;}
h6 {font-size:11px;}

h3	{
	padding-bottom: 4px;
}

#col-1 h5 {
	padding: 2px;
	color: white;
	background-color: #c33;
}
#col-1 h6 {
	padding: 6px 2px 2px 2px;
	color: #000;
}
#col-1 #navcontainer2 h6 {
	margin: 7px 0 2px 0;
	padding: 0;
	color: #900;
	background-color: #ffe;
}
#col-2 h5 {
	margin-bottom: .25em;
	padding: 2px;
	color: white;
	background-color: #036;
}

#col-2 h6 {
	padding: 5px 2px 0 2px;
	font-size: 1em;
	color: #7a7155;
}
h6.tagLine {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #069;
	line-height: 30px;
	text-transform: uppercase;
}


/* LINKS */
a:active {
	color: red;
}
a:visited {
}
a:hover {
}

/* VARIOUS */
p {
 margin: .5em 0;
}
#mainpage p {
 	margin: 0 .25em;
 	padding: .25em 0 .5em 0;
}
#col-2 .subject {
	float: left; 
	width: 300px; 
	margin: 2px 2px 2px 0; 
	padding: 2px 2px 2px 0;
}
#col-2 .subject h1 {
	font-size: 1em; 
	padding: 2px; 
	color: white; 
	background-color: #8ADC20;
}
#col-2 .subject h2 {
	font-size: 1em;
}
#col-2 .subject h3 {
	font-size: 1em;
	font-weight: normal;
}
#col-2 .moreNews {
	clear: left;
	float: left; 
	width: 620px; 
	margin: 4px 4px 4px 0; 
	padding: 4px 4px 4px 0;
}
#col-2 .moreNews h1 {
	font-size: 1em; 
	padding: 2px; 
	margin-top:15px;
	color: white; 
	background-color: #8ADC20;
}
#col-2 .moreNews h2 {
	font-size: 1em;
}
#col-2 .moreNews h3 {
	font-size: 1em;
	font-weight: normal;
}

/*  3 SELECTORS FOR PHOTOS WITH CREDITS */
.photoLeft { 
	float: left; 
	padding: .75em .25em .25em .25em;  
}
.photoRight { 
	float: right; 
	padding: .75em .25em .25em .25em; 
}
cite {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333;
	font-style: normal;
}

.topAd {
	float: left;
	margin: 4px 10px;
}


/* FORM ELEMENTS */

/* SEARCH FORMS */
#search {
	float: left;
	width: 910px;
	margin: 5px 5px 0 0;
	font-size: 10px;
}
#search input {
	margin-top: 5px;
	padding: 0;
}
#search input.searchbox {
	width: 200px;
	padding: 2px;	
	font-size: 11px;	
	border: 1px solid gray;
}
#search input.button {
	width: 50px;	
	padding: 0;
	font-size: 11px;
	}

#date {
	float: left;
	/*margin: 1px 15px 3px 0;*/
	font-size: 10px;
}

#jobSearch {
	width: 115px; 
	margin-top: 2em; 
	margin-right: 3px; 
	font-size: 10px; 
	background: #ffc; 
	text-align: center;
}
#jobSearch input {
	margin-top: .5em;
	padding: 0;
}

#jobSearch input.button {
	width: 60px;
	margin-top: 8px;
	padding: 2px;
	font-size: 12px;
}

/* FULL PAGE FORMS */
#infoRequest {
	border: 1px solid #ccc;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#infoRequest p {
	padding-left: 2px;
}
#infoRequest table {
	margin-right: 20px;
	margin-bottom: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	text-align: right;
}
#infoRequest table td {
	padding: 2px 0 2px 2px;
}
#infoRequest input, select {
	border: 1px solid #ccc;
}
#infoRequest input {
	float: left;
	width: 240px;
	background-color: #fcfcfc;
}
#infoRequest textarea {
	float: left;
	width: 440px;
	height: 65px;
	border: 1px solid #ccc;
	background-color: #fcfcfc;
}
#infoRequest input.checkbox {
	float: none; 
	width: 12px; 
	border: none;
	margin-right: 5px;
}
#infoRequest select {
	float: left;
	width: 300px;
}
#infoRequest input.button {
	width: 150px;
	margin-top: .5em;
	padding: 0;
	border: 1px solid #666;
	background-color: #eee;
}
#infoRequest input:focus {
	background-color: #fff;
}
/* BF ARTICLES */
#col-2 #bfArticle {
}
#col-2 #bfArticle h1 {
	font-size: 11px;
	margin: 0;
	color: #990000;
}
#col-2 #bfArticle h2 {
	margin-top: 1em;
	font-size: 16px;
	color: #990000;
}
#col-2 #bfArticle h3 {
	margin-top: 1em;
	font-size: 13px;
	color: #4A4A4A;
}
#col-2 #bfArticle h4 {
	margin-top: 1em;
	margin-bottom: 1em;
	font-size: 11px;
	font-weight: normal;
	font-style: italic;
}
#col-2 #bfArticle h5 {
	margin-top: .5em;
	margin-bottom: 0;
	font-size: 1em;
	background-color: #990000;
}
#col-2 #bfArticle p {
	margin-top: -2px;
}
#col-2 #bfArticle p.locations {
	margin: 20px 0;
	padding: 5px;
	font-size: 1em;
	font-weight: normal;
	border: 2px solid #933;
	background-color: #fcc;
}
#col-2 #bfArticle .listings {
	float: left;
	width: 290px;
	margin-left: 5px;
}