@charset "utf-8";
/* CSS Document */

/* main.css - this is the main stylesheet. */

html, body {
	padding: 0;
	margin: 0;
	color: #000000;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: .9em;
	line-height: 1.5em;
	height:100%;
	}
h2 {
	color: #88312a;
	}
	
h3 { 
	color: #88312a;
	font-size: 1.1em;
	}	
	
p {
	line-height:1.4em;
	}	
	
a:link {
    overflow: hidden;
	text-decoration: none;
	color: #cd7d36;
	} /* unvisited link */
/* overflow: hidden reduces the overflow of the indented text in the focus rectangle of fire fox */ 


a:visited {
	overflow: hidden;
	color:#a77c40;
	text-decoration: none;
	}  /* visited link */
	
a:hover {
	overflow: hidden;
	color:#88312a;
	text-decoration: none;
	}  /* mouse over link */

a:active {
	overflow: hidden;
	color:#88312a;
	text-decoration: none;
	}  /* selected link */

div#container {
	background-color: #E8E7CE;
	padding-top: 50px;
	width: 98%;
	margin: 10px;
	border: thin;
	border-color: #999999;
	border-style: solid;
	min-height:100%;
	overflow:auto;
	}

div#corkboard {
	padding: 0;
	margin: 0 auto;  
	/*margin:0 auto; automatic margin on left and right, thereby positioning the containing element in the centre of the browser window.*/
	background-image: url(../images/background/corkboard_960.jpg);
	background-repeat: no-repeat;
	width: 960px;
	height: 689px;
	}

#left_block {
	float: left;
	width: 222px;
	height: 680px;
	display: inline;
	}

#logo {
	display: block;
	position: relative;
	left: 10px;
	top: 10px;
	background-image: url(../images/background/M_J_Kelley_Studio.png);
	background-repeat: no-repeat;
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/M_J_Kelley_Studio.png', sizingMethod='fixed');  
	width: 220px;
	height: 249px;
	font-size: 1px;
	text-indent: -999em;
}
/*background: none and filter are setup so that transparent pngs work in ie6. */
/* using the * hack is for IE 7, using the _is for IE 6 */

ul {
	padding: 0;	
	margin: 0;
	list-style: none;
}

#fineart {
	position: relative;
	top: 0;
	left: 15px;
	display: block;
	background-image: url(../images/background/navigation_left/fine_art.png);
	background-repeat: no-repeat;
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/background/navigation_left/fine_art.png', sizingMethod='fixed'); 
	width: 193px;
	height: 71px;
	font-size: 1px;
	text-indent: -999em;
	}
	
#fineart_active {
 	position: relative;
	top: 0;
	left: 90px;
	display: block;
	background-image: url(../images/background/navigation_left/fine_art.png);
	background-repeat: no-repeat;
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/background/navigation_left/fine_art.png', sizingMethod='fixed'); 
	width: 193px;
	height: 71px;
	font-size: 1px;
	text-indent: -999em;
	z-index: 5;
}	
	
#surreal {
	position: relative;
	top: 0px;
	left: 15px;
	display: block;
	background-image: url(../images/background/navigation_left/surreal_art.png);
	background-repeat: no-repeat;
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/background/navigation_left/sureal_art.png', sizingMethod='fixed'); 
	width: 209px;
	height: 71px;
	font-size: 1px;
	text-indent: -999em;
	}
	
#surreal_active {
	position: relative;
	top: 0px;
	left: 70px;
	display: block;
	background-image: url(../images/background/navigation_left/surreal_art.png);
	background-repeat: no-repeat;
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/background/navigation_left/surreal_art.png', sizingMethod='fixed'); 
	width: 209px;
	height: 71px;
	font-size: 1px;
	text-indent: -999em;
	z-index: 5;
	}
	
#illustration {
	position: relative;
	top: 0;
	left: 10px;
	display: block;
	background-image: url(../images/background/navigation_left/illustration_pin_tilt.png);
	background-repeat: no-repeat;
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/background/navigation_left/illustration_pin_tilt.png', sizingMethod='fixed'); 
	width: 238px;
	height: 64px;
	font-size: 1px;
	text-indent: -999em;
	}	
	
#illustration_active {
	position: relative;
	top: 0;
	left: 50px;
	display: block;
	background-image: url(../images/background/navigation_left/illustration_pin_tilt.png);
	background-repeat: no-repeat;
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/background/navigation_left/illustration_pin_tilt.png', sizingMethod='fixed'); 
	width: 238px;
	height: 64px;
	font-size: 1px;
	text-indent: -999em;
	z-index: 5;
	}	
	
#teaching {
	position: relative;
	display: block;
	float: left;
	top: 10px;
	left: 10px;
	background-image: url(../images/background/navigation_left/teaching.png);
	background-repeat: no-repeat;
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/background/navigation_left/teaching.png', sizingMethod='fixed'); 
	width: 213px;
	height: 71px;
	font-size: 1px;
	text-indent: -999em;
	z-index:6;
}

#teaching_active {
	position: relative;
	display: block;
	float: left;
	top: 10px;
	left: 70px;
	background-image: url(../images/background/navigation_left/teaching.png);
	background-repeat: no-repeat;
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/background/navigation_left/teaching.png', sizingMethod='fixed'); 
	width: 213px;
	height: 71px;
	font-size: 1px;
	text-indent: -999em;
	z-index:6;
}

#purchase {
	position: relative;
	display: block;
	float: left;
	top: 20px;
	left: 10px;;
	background-image: url(../images/background/navigation_left/purchase.png);
	background-repeat: no-repeat;
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/background/navigation_left/purchase.png', sizingMethod='fixed'); 
	width: 220px;
	height: 68px;
	font-size: 1px;
	text-indent: -999em;
	z-index:6;
}

#purchase_active {
	position: relative;
	display: block;
	float: left;
	top: 10px;
	left: 65px;
	background-image: url(../images/background/navigation_left/purchase.png);
	background-repeat: no-repeat;
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/background/navigation_left/purchase.png', sizingMethod='fixed'); 
	width: 220px;
	height: 68px;
	font-size: 1px;
	text-indent: -999em;
	z-index:6;
}
	
#nojs{
	position: absolute;
	top: 0px;
	left: 0px;
	width:585px;
	height: 400px;
	background-color: #FFFFFF;
	font-size: .8em;
	line-height: 1em;
	overflow: auto;
	
}

/*nojs is for noscript to display properly. The position must be absolute. Relative position pushes the js image down and createx a displaced scrollbar. */

#nojs p{
	text-align: center;
	}

#nojs_text {
	padding: 15px 0 0 0;
	font-size: .7em;
}


#right_block {
	float: right;
	clear: right; /*add this for ie6*/
	margin: 0;
	width: 730px;
	height: 680px;
	display: inline;
}


* html #navigation_right ul li { display: inline; }  /* for IE 6 */
* + html #navigation_right ul li{ display: inline; }  /* for IE 7 */

#navigation_right ul li {
	display: -moz-inline-box;
	display: inline-block;
}

#about {
	position: relative;
	display: block;
	float: left;
	top: 40px;
	left: 50px;
	background-image: url(../images/background/navigation_right/about.png);
	background-repeat: no-repeat;
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/background/navigation_right/about.png', sizingMethod='fixed'); 
	width: 146px;
	height: 57px;
	font-size: 1px;
	text-indent: -999em;
	z-index:6;
}

#about_active {
	position: relative;
	display: block;
	float: left;
	top: 70px;
	left: 50px;
	background-image: url(../images/background/navigation_right/about.png);
	background-repeat: no-repeat;
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/background/navigation_right/about.png', sizingMethod='fixed'); 
	width: 146px;
	height: 57px;
	font-size: 1px;
	text-indent: -999em;
	z-index:6;
}

#events {
	position:relative;
	display:block;
	float: left;
	top: 40px;
	left: 70px;
	background-image:url(../images/background/navigation_right/events.png);
	background-repeat:no-repeat;
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/background/navigation_right/events.png', sizingMethod='fixed'); 
	width:137px;
	height:50px;
	font-size:1px;
	text-indent:-999em;
}

#events_active {
	position:relative;
	display:block;
	float: left;
	top: 70px;
	left: 70px;
	background-image:url(../images/background/navigation_right/events.png);
	background-repeat:no-repeat;
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/background/navigation_right/events.png', sizingMethod='fixed'); 
	width:137px;
	height: 50px;
	font-size:1px;
	text-indent:-999em;
	z-index:5;
}

#contact {
	position: relative;
	display: block;
	float: left;
	top: 40px;
	left: 100px;
    background-image: url(../images/background/navigation_right/contact.png);
	background-repeat: no-repeat;
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/background/navigation_right/contact.png', sizingMethod='fixed');  
	width: 161px;
	height: 54px;
	font-size: 1px;
	text-indent: -999em;
	}
	
#contact_active {
	position: relative;
	display: block;
	float: left;
	top: 70px;
	left: 100px;
    background-image: url(../images/background/navigation_right/contact.png);
	background-repeat: no-repeat;
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/background/navigation_right/contact.png', sizingMethod='fixed');  
	width: 161px;
	height: 54px;
	font-size: 1px;
	text-indent: -999em;
	z-index:5;
	}	
	
#contact_image{
	position:relative;
	display:block;
	top: 40px;
	left: 100px;
	background-image:url(../images/background/navigation_right/contact.png);
	background-repeat:no-repeat;
	width:161px;
	height:54px;
	font-size:1px;
	text-indent:-999em;
}
	
#blog {
	position: relative;
	display: block;
	float: left;
	top: 40px;
	left: 120px;
    background-image: url(../images/background/navigation_right/blog.png);
	background-repeat: no-repeat;
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/background/navigation_right/blog.png', sizingMethod='fixed'); 
	width: 120px;
	height: 63px;
	font-size: 1px;
	text-indent: -999em;
}

#blog_active {
	position: relative;
	display: block;
	float: left;
	top: 70px;
	left: 120px;
    background-image: url(../images/background/navigation_right/blog.png);
	background-repeat: no-repeat;
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/background/navigation_right/blog.png', sizingMethod='fixed'); 
	width: 120px;
	height: 63px;
	font-size: 1px;
	text-indent: -999em;
	z-index:5;
}

#center_content {
	position: relative;
	top: 40px;
	left: 19px;
	background-image: url(../images/background/content_700.png);
	background-repeat: no-repeat;
	width: 700px;
	height: 560px;
	padding: 10px 20px;	
	}
	
.introduction {
  	width:610px;
	height:500px;
	padding: 10px 20px;
	line-height: 1.3em;
	overflow-y: auto;
	overflow-x:hidden;
	}
	
.introduction_home {
  	width:610px;
	height: 500px;
	padding: 10px 20px;
	line-height: 1.3em;
	overflow:auto;
	overflow-x:hidden;
	}	
	
		
/*
#introduction ul {
	list-style-type:disc;
	list-style-position:outside;
	margin-left:15px;
}

old - bullets used for listing 
*/

img.tree {
	padding-left: 20px;
	}

p.tree{
	text-align: center;
	font-size: .8em;
	}

#content_overflow {
	width: 480px;
	height: 400px;
	}	
		
#blog_structure {
	display: block;
	padding: 20px;
	margin-top: 0px;
	width: 610px;
	height: 480px;
	overflow: scroll;
	overflow-x:hidden;
	}		
	
#footer {
	clear: both;
	margin-top: 20px;
	text-align: center;
	color: #000000;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: .9em;
	line-height: 1em;
	z-index: 10;
}		

#thankyou {
    text-align: center;
    margin: auto;
    padding: 0px;
	}
/*for the facebook contact form thankyou*/	
#thankyou img {
 	border-style: none;	
	}

/*Blog CSS */
	
#blog_left_content {
	float: left;
	display: inline;
	width: 440px;
	padding-right: 10px;
	border-right:#CCCCCC dotted 1px;
	}	
	
#blog_right_content {
	float: right;
	display: inline;
	margin-top:50px;
	padding-left: 0px;
	}	
	
.four_o_four {
	padding-top: 100px;
	padding-left: 30px;
	}	
	
.blog_red {
	color: #88312a;
	font-weight:bold;
	}
.blog_orange{
	color: #cd7d36;
	font-weight:bold;
	}			

.dashes {
border-top: 1px dotted #000000;
margin-top: 15px;
}