/**
  SilverStripe PaddyGreen Theme
  developed by Lakshan Perera
  http://www.web2media.net/laktek
 
  This is the layout file which defines the visual representation of the site
 */
 
/* Import whitespace resetting code */
@import url(reset.css);

/* Page Element Styles */
* html img,
* html .png{
position:relative;
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "http://www.parkhillscc.com/08/ph-images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);
}

body#Page {
	background-color:#f1ece1;
	color:#000000;   
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	font-size:.8em;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:1.5em;
	text-align:left;
}

#Page a {
	color:#ca1616;
	text-decoration:none;
}

#Page a:hover {
	color:#000;
	text-decoration:underline;
}

#Page img{
	margin: 2px;
	border:3px solid #d2c7b3;
}

#Page img.left{
	float: left;
	margin: 0.1em 1em;
}

#Page img.right{
	float: right;
	margin: 1em;
}

#Page h1, h2, h3, h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
}

#Page blockquote {
	color:#1e5d3d;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	font-size:107%;
	line-height:1.8em;
	padding-left:23px;
}

#Page em {
	font-style:italic;
}
#Page strong {
	font-weight:bold;
}

#Page blockquote em {
	font-style:italic;
	display:block;
	padding-left:50%;
}

#Page code, #Page pre {
	color: #000;
	background-color: #e3e3e3;
	font-family: Monaco, monospace;
	text-align: left;
	padding-left: 2em;
}

#Page hr {
	margin-bottom:20px;
	border:none;
	width:99%;
	color:#eeeeee;
	background-color:#eeeeee;
	height:1px;
	clear:both;
}

#Page ol {
	list-style: decimal inside;
	padding-left: 2em;
}

/* Basic Layout Styles */
.innerWrap{
	width: 74em;
	margin: 0 auto;
	text-align: left;
	padding:0;
}

#Header {
	background: #f1ece1 url(../images/header-bg.jpg) repeat-x left top; 
	height:138px; 
	margin:0;
	padding:0;
}

#Nav { 
	background: #f1ece1 url(../images/nav.gif) repeat-x 0% 0%; 
	border-bottom: 1px solid #f1ece2; 
	height:43px; 
	padding-bottom:10px;
	margin:0;
}

* html #Nav { 
	background: #f1ece1 url(../images/nav.gif) repeat-x 0% 0%; 
	border-bottom: 1px solid #f1ece2; 
	height:43px; 
	padding-bottom:10px;
	margin:-205px 0 0 0;
}

#Main { 
	background: #f1ece1; 
	border-bottom: 1px solid #939597; 
	padding: 5px 0 30px 0; 
	float:left; 
	width:100%;
	margin:0;
}

#Footer { 
	background: #fff url(../images/footer-bg.gif) repeat-x left top; 
	color: #A3A5A7; 
	padding: 10px 0 0 0; 
	float:left; 
	width: 100%; 
	height:141px; 
	border-bottom: 1px solid #939597; 
	margin:0;
}

/* Header Styles */

#Header #Logo{
	position:relative;
	top:8px;
	left:5px;
	z-index:100;
	width:170px;
	height:195px;
}

#Logo img, #Name img, #Ball img {
	border:0px;
}

#Header #Name{
	position:relative;
	top:-200px;
	left:185px;
	z-index:200;
	height:138px;
	width:800px;
}	

#Header #Ball{
	position:relative;
	top:-260px;
	left:750px;
	z-index:250;
	height:140px;
	width:265px;
}

* html #Header #Ball{
	position:relative;
	top:-270px;
	left:750px;
	z-index:250;
	height:140px;
	width:265px;
}


#Header h1#Logo span{
			color: #fff; 
			font-size: 2.5em; 
			float: left;
			text-align:left;
			padding-bottom: 10px; 
			}

/* Navigation Bar Styles */

#Nav ul{
		padding: 0;
		margin: 0 0 0 185px;
		width:825px;		
 }
#Nav li {
	float: left;
	margin: 5px 3px 0 3px;
	padding: 0;
	letter-spacing: 1px;
	height:40px;
	font-size:1em;
	}
	
* html 	#Nav li {
		float: left;
		margin: 5px 3px 0 3px;
		padding: 0;
		letter-spacing: 1px;
		height:40px;
		font-size:.9em;
		}
		
#Nav li a {
	float: left;
	padding: 12px 10px;
	text-decoration: none;
	color: #f6f3ed;
	border: none;
	line-height:15px;
}

#Nav li a.current, #Nav li a.section{
	background: #f1ece1 url(../images/tab-bg.gif) repeat-x top left;
	color:#045239;
	text-decoration: none;
}

#Nav li a.link:hover{
	background: #f1ece1 url(../images/tab-bg.gif) repeat-x top left;
	color : #045239;
	text-decoration:none;
}

/* Main Content */ 

#Located {
	font-style:italic;
	color:#003300;
	text-align:left;
	margin:5px 0 0 715px;
	padding-bottom:10px;
	font-family:Georgia, "Times New Roman", Times, serif;
	background: #f1ece1;
	line-height:12px;
	font-size:13px;
}

* html #Located {
	font-style:italic;
	color:#003300;
	text-align:left;
	margin:0;
	padding:0 0 10px 700px;
	font-family:Georgia, "Times New Roman", Times, serif;
	background: #f1ece1;
	line-height:12px;
	font-size:13px;
}


#Welcome h2 {
		font-size: 1.85em;
		color: #1e5d3d;
		margin: 0px 0pt 5px 30pt;
		padding:0;
		font-family:Georgia, "Times New Roman", Times, serif;
		text-align:left;
		width:;
}

#Main #Content{
		float: left;
		width: 620px;
		padding:0 30px 0 30px;
		text-align:left;
		min-height:400px;
}

* html #Main #Content{
		float: left;
		width: 620px;
		padding:0 30px 0 30px;
		text-align:left;
		height:400px;
}

	#Main #Content h2{
			font-size: 1.85em;
			color: #1e5d3d;
			margin: 0px 0pt 5px 30pt;
			font-family:Georgia, "Times New Roman", Times, serif;
	}
	
	#Main #Content h3{
			font-size: 1.35em;
			color: #636567;
			margin: 15px 0pt;
	}

	#Main #Content2{
			float: left;
			width: 975px;
			padding:0 0 0 30px;
			text-align:left;
	}

		#Main #Content2 h2{
				font-size: 1.85em;
				color: #1e5d3d;
				margin: 0px 0pt 5px 30pt;
				font-family:Georgia, "Times New Roman", Times, serif;
		}

		#Main #Content2 h3{
				font-size: 1.35em;
				color: #636567;
				margin: 15px 0pt;
		}
	

/* Sidebar styles */
#Main #Sidebar{
		float: left;
		width: 300px;
		line-height: 1.5em;
		background-color:#d2c7b3;
}

#Main #Sidebar .address {
	font-size:12px;
	color:#244a36;
	text-align:center;
	padding:10px;
	border-bottom: 1px solid #b7b6b6;
}

	#Main #Sidebar h3{
			font-size: 1.5em;
			border-bottom: 1px solid #E1DABF;
			padding-bottom: 3px;
			margin-bottom: 3px;
	}
	
	#Main #Sidebar ul{
		list-style-position: outside;
		margin-bottom: 1px;
		text-align:left;
		font-family:Georgia;
		font-style:italic;
		color:#045239;
	}
	
		#Main #Sidebar li{
			border-bottom: 1px solid #b7b6b6;
			background:url(http://www.parkhillscc.com/08/ph-images/bullet-red.jpg) no-repeat 25px 50%;
			line-height:50px;
			padding:0 0 0 25px;
			font-size:14px;
		}
			#Main #Sidebar li a.link{
				padding-left:35px;
				position:relative;
				color:#045239;
			}
			
			#Main #Sidebar li a.current, #Main #Sidebar li a.section{
					padding-left:35px;
					position:relative;
					color:#045239;
			}
	
	#Main #Sidebar ul.sub{
			margin: 0pt 0pt 0pt 15px;
	}
		#Main #Sidebar ul.sub li{
				border:none;
		}

/* HOME Sidebar Styles */


#Main #SidebarH {
		float: left;
		width: 300px;
		line-height: 1.5em;
		background-color:#d2c7b3;
}

	#Main #SidebarH h3{
			font-size: 1.5em;
			border-bottom: 1px solid #E1DABF;
			padding-bottom: 3px;
			margin-bottom: 3px;
	}
	
	#Main #SidebarH ul{
		list-style-position: outside;
		margin-bottom: 1px;
		text-align:left;
		font-family:Georgia;
		font-style:italic;
		color:#045239;
	}
	
		#Main #SidebarH li{
			border-bottom: 1px solid #b7b6b6;
			background:url(http://www.parkhillscc.com/08/ph-images/bullet-red.jpg) no-repeat 25px 50%;
			line-height:50px;
			padding:0 0 0 25px;
			font-size:14px;
		}
			#Main #SidebarH li a:link, #Main #SidebarH li a:visited {
				padding-left:35px;
				position:relative;
				color:#045239;
			}
			
		
	
	#Main #SidebarH ul.sub{
			margin: 0pt 0pt 0pt 15px;
	}
		#Main #SidebarH ul.sub li{
				border:none;
		}


/* Footer Styles */
#Footer #innerWrap {
	width:950px;
	margin:0 0 0 40px;
}

#innerWrap #footerNav {
	width:250px;
	margin:5px 35px 0 0;
	float:left;
}

#innerWrap #footerNav ul {
	list-style:none;
	margin-bottom: 1px;
	text-align:left;
	color:#FFFFFF;
}

#innerWrap #footerNav li{
	border-bottom: 1px solid #f1ece1;
	line-height:26px;
	padding:0 0 0 5px;
	font-size:12px;
}
#innerWrap #footerNav li a:link, #innerWrap #footerNav li a:visited {
		color:#FFFFFF;
		text-decoration:none;
}

#innerWrap #footerNav li a:hover {
		color:#000000;
		text-decoration:none;
}

#Footer #Copyright{
	float:right;
	margin:0;
	width:310px;
	padding-top: 5px;
}

#Footer #Copyright p {
	text-align: left;
	font-size: 10px;
	color:#ffffff;
	line-height:14px;
}
	
#Footer #Copyright img{
	border: none;
	margin:0 10px 0 0;
}

/*
	Gallery Styles
*/


/* Other STyles */

#btmTitle {
	border-bottom:1px solid #b7b6b6;
	padding-bottom:5px;
	width:950px;
	line-height:5px;
	margin-left:30px;
}

#endContent {
	line-height:12px;
}

/* Page Comments */
#PageComments_holder h4{
	font-size:1.5em;
}

#PageComments_holder form{
	margin-bottom : 10px;
}

#PageComments li{
	float:left;
	margin: 5px 0;
	width:100%;
	padding: 5px;
}
#PageComments li p.comment{
	
}
#PageComments li p.info{
	font-style:italic;
	font-size: 0.8em;
}
#PageComments .odd{background:#f1f1ef;}
#PageComments .even{background:#fff;}

.commentrss {
	background: url(../images/feed.png) no-repeat left center;
	padding: 4px 0 1px 25px;
}

/* Dates for Events */
.heldOn {
	color:#1e5d3d;
	font-size:14px;
	margin:5px 0 5px 0;
}

.from {
	color:#ca1616;
	font-size:12px;
	margin:0;
}

#Page .newsDateTitle img {
	border:1px solid #f1ece1;
	margin-right:4px;
}