/*
Theme Name: SMK1
Theme URI: http://stmaryskerrisdale.ca/
Description: St. Mary's Kerrisdale Theme.
Version: 1.0
Author: WestCoastWeb & Shaun McLean
Author URI: 

	*/


	
body {
  overflow-y:scroll;
	scrollbar-3dlight-color:#2B325E;
	scrollbar-arrow-color:#2B325E;
	
	scrollbar-base-color:#F5E2C2;
	scrollbar-track-color:#F5E2C2;
	
	scrollbar-shadow-color:#2B325E;	
	scrollbar-face-color:#F5E2C2;	
	scrollbar-darkshadow-color:#F5E2C2;
	scrollbar-highlight-color:#F5E2C2;
	
	 background: url(/images/SMK_24.jpg);background-repeat: repeat-y;
   background-position: center;
	 background-attachment: fixed;

/*	background-attachment: fixed;
	background-position: left top;
		
		
use this if you need to have a background that tiles vertically down the page behind the table that contains the site.

background: url(http://www.demo.westcoastrealtor.ca/cfin/bg_tile.jpg);background-repeat: repeat-y;
 */

	background-color: #F5E2C2;
	margin-left : 0px;
	margin-right : 0px;
	margin-top : 0px;
	margin-bottom : 0px;
}

.body_container {
	

}


p {
	font-size:8.5pt;
	color:#585657;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	text-align : justify;
	margin-left:20px;
	margin-right: 30px;
}

.entry_post {
	font-size:8.5pt;
	color:#585657;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	text-align : justify;
	margin-left:20px;
	margin-right: 30px;
}

.entry_post p {
	margin-left:0px;
	margin-right:0px;
}

.entry_post table {
	margin-left:0px;
	margin-right:0px;
}


h2, h3 {
	font-size:8.5pt;
        font-weight: bold;
	color:#2C325E;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	text-align : justify;
	margin-left:20px;
	margin-right: 30px;
}

.textarea {background: url(/images/SMK_24.jpg);background-repeat: repeat-y;
border:solid #6292C0 0px;
}


td { font-size:8pt;
	color:585657;
	font-family : Verdana, Arial, Helvetica, sans-serif;}

.photo1{
	border : 0px solid #50799D;
	margin-right: 60px;
}
.photo2{border : 1px solid #50799D;}
.photo3{border : 1px solid #50799D; margin-right: 15px; margin-bottom: 10px}

a:link {  text-decoration: none; color: #D78522; font-weight: bold;}
a:visited {color: #D78522; text-decoration: none; font-weight: bold;}
a:hover {color: #D78522; text-decoration: underline; font-weight: bold;}

.footer {color : #8C8A8B;  font-size : 7pt; margin-left:92px; }	
.test {color: 8C8A8B;}


.shim {line-height : 40px;}


select { 
 background-color: #FFFFFF; 
 color: #0C0B09; 
 width: 220px;
}

textarea { 
 background-color: #FFFFFF; 
 color: #0C0B09; width: 220px;
}
input { 
 background-color: #FFFFFF; 
 color: #0C0B09; width: 220px;
}

form {
 margin-left: 20px;
}

.inputsmall { 
 background-color: #FFFFFF; 
 color: #0C0B09; 
 width:20px; 
}

.button { 
  font-family: Arial, Helvetica, sans-serif; font-size: 9pt;
 background-color: white; 
 color: #0C0B09; 
 border: 1px solid #7F9DB9;
 margin-left: 2px; 
 margin-top: 3px; 
 margin-bottom: 0px; 
 width: 100px;
}

.textinput { 
  font-family: Arial, Helvetica, sans-serif; font-size: 9pt;
 background-color: white; 
 color: #0C0B09; 
 border: 1px solid #7F9DB9;
 margin-left: 2px; 
 margin-top: 3px; 
 margin-bottom: 0px; 
 width: 220px;
}

.button:hover {
    border: 1px solid #000000;
    background: #F5E2C2;
}

div.main{
	position:relative ;
	left : 153px;
	width: 566px;
	border-left-style : solid;
	border-left-color : 1E558A;
	border-left-width : 1px;
	
}

.indent  
{margin-left : 125px;}

#orgtables table 
{
	vertical-align: top;
	font-size: 9pt;
	color:#3B9AC6;
	font-family: Arial,'Trebuchet MS', Verdana, Arial, Helvetica;
	border-collapse: collapse;
	border: 1px solid #3B9AC6;
	margin-left : 125px;
	margin-right: 28px;
}

#orgtables td {
	border: 1px solid #3B9AC6;
	vertical-align: top;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 4px;
	padding-bottom: 4px;
 }
td.row2 
{  
	font-size: 10px;
	font-weight:	bold;
	color: #456C93;
	background: #6699CC url(./images/ttop.gif);
	border:	1px solid #BCBEC5;
	
}
td.contentbox
{ 
	background: #EFEFEF;
	border-top:		none;
	border-right:	1px solid #D6D6D6;
	border-bottom:	1px solid #D6D6D6;
	border-left:	none;
}

td.contentbox1
{ 
	background: #F7F7F7;
	border-top:		none;
	border-right:	1px solid #E2E2E2;
	border-bottom:	1px solid #E2E2E2;
	border-left:	none;
}
.box
{ 
	background: #F7F7F7;
	border-top:		none;
	border-right:	1px solid #E2E2E2;
	border-bottom:	1px solid #E2E2E2;
	border-left:	none;
}
.box2
{
	background: #F7F7F7;
	border-top:		none;
	border-right:	1px solid #E2E2E2;
	border-bottom:	1px solid #E2E2E2;
	border-left:	none;
	width: 100%;
	padding-top: 3px;
	padding-bottom: 3px;
}
td.contentbox2
{ 
	background: #EEEEFB;
    font-size: 10px;
}
a.info2{
	position:relative;
	z-index:24;
	background-color:#FFFFFF;
	color:#000;
	text-decoration:none;
	padding-top: 0px;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 3px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 3px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}

a.info2:hover{
	z-index:25;
	background-color:#000000;
	color: #FFFFFF;
}

a.info2 span{display: none}

a.info2:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #2B325E;
    background-color:#F5E2C2; color:#000;
    text-align: center}	
	
img {
	border: none;
	}

ul.nav {
margin-left: 0; 
padding-left: 0
}

ul.nav li {
        text-align: right;
        list-style: none;
        margin: 0 20px 15px 0;
	font-size: 8.5pt;
        font-weight: bold;
	color:#ffffff;
	font-family : Verdana, Arial, Helvetica, sans-serif;
    }

ul.nav a:link {color: #FFFFFF;}
ul.nav a:hover {color: #FFFFFF; text-decoration: none;}
ul.nav a:visited {color: #FFFFFF;}

.event_info {
margin-top:-10px;
}

/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.sidebox_right {
	margin: 0 auto; /* center for now */
	width: 250px; /* 17em (original)- ems so it will grow */
	background: url(/images/sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
        float:right;
        margin:0 30px 5px 15px;
}

.sidebox_left {
	margin: 0 auto; /* center for now */
	width: 250px; /* 17em (original)- ems so it will grow */
	background: url(/images/sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
        float:left;
        margin:0 15px 5px 20px;
}

.boxhead_orange {
	background: url(/images/sbhead-r_orange.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead_orange h2 {
	background: url(/images/sbhead-l_orange.gif) no-repeat top left;
	margin: 0;
	padding: 8px 15px 8px;
	color: #2C325E; 
	font-weight: bold; 
	font-size: 8.5pt; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}

.boxhead_blue {
	background: url(/images/sbhead-r_blue.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead_blue h2 {
	background: url(/images/sbhead-l_blue.gif) no-repeat top left;
	margin: 0;
	padding: 8px 15px 8px;
	color: #FFFFFF; 
	font-weight: bold; 
	font-size: 8.5pt; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxbody {
	background: url(/images/sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 1px 15px 1px;
}

.boxbody p {
       	font-size:8.5pt;
	color:#585657;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	text-align : left;
	margin-left:0px;
	margin-right: 0px;
	padding: 0;
}

/* End captions */