/*
Theme Name: Piano For Life Adaptation of Template Monstor site
Author:  Josh McKenney - Oregon Web Services
Version: 1
Description: custom

Copyright (c) 2010 Oregon Web Services
*/
body {fwidth: expression(document.body.clientWidth<931 ? "931px" : "100%"); min-width:931px; line-height:normal;}
site_center1 {width: expression(document.body.clientWidth<931 ? "931px" : "100%"); min-width:931px}

.col1, .col2, .col3, .width1, .width2 { float:left} 


.w{ width:100%; width: expression(document.body.clientWidth<931 ? "931px" : "100%"); min-width:931px; background:url(images/bg2.gif) repeat-x top left #fcf6f3}
.site_center{text-align:center; width:100%; background:url(images/bg1.jpg);background-position:center top;background-repeat:no-repeat;}
/*======= width =======*/
.site_center1{margin:0 auto; text-align:left; width:960px; }

/*======= header =======*/
#header {height:374px; text-align:center; margin:0 auto}
#header .col1{ width:26%; text-align:left}
#header .col2{ width:51%;}
#header .col3{ width:22%;}
#header .width1{ width:69px; height:31px; }
#header .width2{ width:65px; height:31px;}



/*======= index.html =======*/
#page1 #content .col1{ width:34%; background:url(images/line_y.gif) repeat-y right top}
#page1 #content .col2{ width:36%; background:url(images/line_y.gif) repeat-y right top}
#page1 #content .col3{ width:30%}
/*======= index-1.html =======*/
#page2 #content .col1{ width:70%; background:url(images/line_y.gif) repeat-y right top}
#page2 #content .col2{ width:30%}
/*======= index-2.html =======*/
#page3 #content .col1{ width:46%; background:url(images/line_y.gif) repeat-y right top}
#page3 #content .col2{ width:54%}
/*======= index-3.html =======*/
#page4 #content .col1{ width:34%; background:url(images/line_y.gif) repeat-y right top}
#page4 #content .col2{ width:36%; background:url(images/line_y.gif) repeat-y right top}
#page4 #content .col3{ width:30%}
/*======= index-4.html =======*/
#page5 #content .col1{ width:49%; background:url(images/line_y.gif) repeat-y right top}
#page5 #content .col2{ width:51%}
/*======= index-5.html =======*/
#page6 #content .col1{ width:34%; background:url(images/line_y.gif) repeat-y right top}
#page6 #content .col2{ width:36%; background:url(images/line_y.gif) repeat-y right top}
#page6 #content .col3{ width:29%}
#page6 #content  .width1{ width:75px; height:45px; float:left;}
/*======= index-6.html =======*/
#page7 #content .col1{ width:68%; background:url(images/line_y.gif) repeat-y right top}
#page7 #content .col2{ width:32%}
/*======= index-7.html =======*/
#page8 #content .col1{ width:46%; background:url(images/line_y.gif) repeat-y right top}
#page8 #content .col2{ width:54%}
/*======= index-8.html =======*/
#page9 #content .col1{ width:100%}

/*======= footer =======*/
#footer { height:17px; background:url(images/bot.gif) repeat-x top }

/* CSS Document */
* { margin:0; padding:0;}
.clear { clear:both;}
html, body { height:100%; }
body {font-size:100%; line-height:1.2em;}
html, input, textarea
	{	font-family:Arial; 
		color:#0C1824;
		line-height:normal;
	}	
.vam{ vertical-align:middle}
.width4{ width:100%}
a img{ border:0px}
img{ vertical-align:top;  }
b{color:#416794;}

.a1{color:#2068AF; font-size:0.91em}
a{color:#2068AF; text-decoration:underline} 
a:hover{text-decoration:none}
ul{margin:0; padding:0; list-style:none; line-height:22px}
ul li{margin:0px; font-family:Tahoma }
ul li a{color:#2068AF; } 

.more{background:url(images/1_z1.gif)  center left no-repeat; padding-left:11px; padding-bottom:0px; color:#425e7d}
/*header*/
#header{ font-size:0.6875em; color:#4a5562}
#header .col2{ height:274px;position:relative;}
#header .col1 .w1{ margin:55px 0 19px 0px}
#header .col1 .pic{ margin:0 0px 5px 0px}
#header .col1 img{ margin:0 5px 5px 0px}
#header .col3 { text-align:left}
.block{ padding:42px 0 22px 22px; background:url(images/line_x.gif) repeat-x bottom}
.block1{ padding:18px 0 10px 0px; background:url(images/line_x.gif) repeat-x top}
#header .w2{ margin:23px 0 18px 0px}
#header .w3{ margin:0px 0px 5px 0px}
#header .k1{ margin:0px 0 20px 0px}
#header .k2{ margin:7px 0 0px 0px}
/*menu*/
.menu{ text-align:left; vertical-align:middle}
.menu1{ }
.menu2{ 
height:67px;
}
.menu2 a{
color:white;
font-family:'book antiqua', 'georgia', serif;
font-size:18px;
text-transform:uppercase;
text-decoration:none;
padding:0px 6px;
display:block;
float:left;
margin:14px 10px 14px 10px;
}

/*content*/
#content{ font-size:1em; width:100%}
/*#content img{ display:block}*/
#content .line_x{ background:url(images/line_x.gif) repeat-x bottom; height:20px}
#content p{ padding:0 0px 17px 0px;}

#content .col1 .indent{ margin:0 35px 0px 5px;}
#content .col2 .indent, #content .col3 .indent{ margin:0 10px 0px 41px;}
#content .title{ margin:0 0px 28px 0px;}
#content .k3{ margin:0px 5px 0px 0px; display:inline}
#content .k4{ display:inline}
#content .k5{margin:5px 0px 0px 0px; display:inline}
.pic_in{float:left; display:inline}

/*index.html*/
#page1 #content .col1 .pic{ margin:16px 0px 5px 0px;}
#page1 #content .col1 .pic1{ margin:0px 0px 5px 0px;}
#page1 #content .col3 .pic{ margin:0px 0px 25px 0px;}
/*index-1.html*/
#page2 #content .col1 .pic_in{ margin:0px 30px 0px 0px;}
/*index-2.html*/
#page3 #content .col2 .pic_in{ margin:0px 30px 0px 0px;}
#page3 #content .indent1{ margin:24px 0px 17px 0px;}
#page3 #content .block2{ padding:20px 0 0px 0px; font-size:0.91em; color:#354c67}
#page3 #content .width1{ width:160px;}
#page3 #content .width2{ width:195px}
#page3 #content span{ color:#456f9f; font-size:1.09em}
#page3 #content .col1 p{ margin:0px 0px 8px 0px; padding:0px}
/*index-3.html*/
#page4 #content .col2 .pic_in{ margin:0px 30px 16px 0px;}
/*index-4.html*/
#page5 #content .indent1{ margin:0px 20px 34px 39px;}
/*index-5.html*/
#page6 #content .col1 .pic{ margin:16px 0px 5px 0px;}
#page6 #content .col2 .pic_in{ margin:0px 30px 16px 0px;}
#page6 #content .block2{ padding:10px 0 0px 0px;}
/*index-6.html*/
#page7 #content .pic_in{ margin:0px 30px 0px 0px;}
/*index-7.html*/
#page8 #content  img{ display:inline}
#page8 #content .col2 .pic_in{ margin:0px 30px 0px 0px;}
#page8 #content .block2{ width:100%}
#page8 #content .width1{ width:85px}
#page8 #content .width2{ width:365px}
#page8 #content .col2 p{ margin:0px 0px 9px 0px; padding:0px}

/*footer*/
#footer { background:url(images/bot.gif) repeat-x top; color:#4a607b; font-size:0.6875em; padding:63px 0px 55px 36px}
#footer span {color:#3f74ae;}  
#footer a {color:#3f74ae; text-decoration:none}  
#footer a:hover {text-decoration:underline}


.jamp1{ width:65px; height:20px; color:#465f72; font-size:11px; background:#112839; border:1px solid #173347; padding:0px; margin:0px}
.input{ width:205px; margin:10px 0 11px 0px}
.input1{width:228px; margin:0px 0 11px 0px}
.input2{width:40px; margin:5px 7px 0px 0px}
.input3{width:326px; margin:5px 7px 0px 0px}

input, textarea { width:365px; background:#ffffff; border:1px solid #173347;}
input {height:20px; margin:0px 0px 3px 0px}
textarea {height:107px; margin:0px 0px 8px 0px; font-size:1em; overflow:auto}

h1{
color:white;
font-family:arial, sans-serif;
font-size:24px;
margin-bottom:18px;
font-weight:normal;
}
h2{
color:#0C1824;
font-family:arial, sans-serif;
font-size:18px;
margin-bottom:18px;
font-weight:normal;
}
h3{
color:#0C1824;
font-family:arial, sans-serif;
font-size:16px;
margin-bottom:18px;
font-weight:bold;
}

.imageborder {
border:10px solid #3C71A7;
}

ol {
margin:0 0 18px 35px;
}
hr {
margin-bottom:15px;
}

ul {
	list-style-type: disc;
	margin: 20px 0;
	padding: 0 0 0 35px; /*--Distance between the order numbers--*/
}
/* wordpress base DON'T REMOVE */
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
   margin: 0 10px 10px 0;
}

.alignright {
   float: right;
   margin: 0 0 10px 10px;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

.widget {
margin-bottom:15px;
font-size:14px;
line-height:1.3em;
}

.widget h4 {
font-weight:bold;
font-size:18px;
}
/*END WORDPRESS BASE*/