/**
  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 */
body#Page {
	background:#684116 url(../images/vertbg_v1.jpg) repeat-x left top;
	line-height:1.6em;
	text-align:center;
	color: #fff;
}


#Page img{
	margin: 0;
	border:none;
}
#Page img.left{
	float: left;
	margin: 0.3em 1em 0.1em 0;
}

#Page img.right{
	float: right;
	margin: 0.3em 0 0.1em 0;
}

#Page blockquote {
	background:transparent;
	color:#666B75;
	font-family:Georgia,serif;
	font-size:107%;
	line-height:1.5em;
	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: 1024px;
	margin: 0 auto;
	text-align: left;
}

#Header {background:transparent; height:230px; background: ; }
#Header .innerWrap{background:transparent; height:230px; }
#Header .innerWrap image{width:100%; height:230px; }

#Nav{ background: transparent;   width: 100%; float:left; height:32px; background: ;}
#Nav .innerWrap{background: url(../images/topnav_bg.jpg) repeat-x 0% 0%; padding:0; height:32px; }

#Main { background: transparent;  padding: 0; float:left; width:100%; }
#Main .innerWrap{ background: url(../images/content_bg.jpg) repeat scroll left top; padding: 0; min-height:386px;}

#Footer { background: transparent; color: #fff; float:left; width: 100%; }
#Footer .innerWrap{ background: url(../images/footer_bg.jpg) repeat-x scroll left top; color: #A3A5A7; min-height:119px; padding:0; }

/* Header Styles */

#Header h1#Logo{
	height:70px;
	padding: 165px 0 0 0;
	margin:0 auto;
	text-align:center;
	font-style: italic;
	color: #fff; 
	font-size: 1.5em; 
}

/* Navigation Bar Styles */

#Nav ul{
	padding: 0;
	margin: 0 auto;
	text-align:center;
 }
	#Nav li {
		display:inline;
		margin: 0;
		padding: 0;
		letter-spacing: 0.1em;
		line-height:2.8em;
	}
		#Nav li a {
			display:inline;
			padding: 8px 15px;
			text-decoration: none;
			color: #fff;
			border: none;
			font-size:1.2em;
		}
		#Nav li a.current, #Nav li a.section{
			background: #5F3E18;
			text-decoration: none;
		}
		#Nav li a.link:hover{
			background: #5F3E18;
			color : #fff;
			text-decoration:none;
		}

/* Banner Content */
#Banner{
	width: 800px;
	height:161px;
	margin: 0 auto;
	padding:0;
	background:transparent;
	clear:both;
}

/* Main Content */

#Layout {
	position:relative;
	min-height:258px;
	background:transparent;
	margin:0 auto;
	padding:0;
	width:800px;
}

#Layout #Content, #Layout #ContentWide{
    position:relative;
	z-index:10;
	top:0;
	left:0;
	height:100%;
	min-height:355px;
	margin: 0 23px 0 0;
	padding:10px 20px 20px 25px;
	background:transparent;
}

#Layout #Content{
	width: 453px;
}

#Layout #ContentWide{
	width: 760px;
}

#ContentTransbox, #ContentWideTransbox {
    position:absolute;
    z-index:5;
    top:0;
	left:0;
	height:100%;
	margin:0 0 15px 0;
	background-color:#fff;
	/* for IE */
    filter:alpha(opacity=15);
	-moz-opacity:0.15;
	-khtml-opacity: 0.15;
    /* CSS3 standard */
    opacity:0.15;
}

#ContentTransbox {
	width:493px;
}

#ContentWideTransbox {
	width:800px;
}

	#Content h1, #Content h2, #Content h3, #Content h4, #Content h5{color: #61270d;}

	#Content p{color: #fff;	}

	#Main #Content h2{margin: 15px 0pt 5px 0pt;}
	
	#Main #Content h3{margin: 15px 0pt;}

	#PhotoWrap {float:left;margin-right:10px;}

	

/* Sidebar styles */
#Main #Sidebar{
	position:absolute;
    z-index:10;
    top:0; 
	right:0;
	width: 293px;
	line-height: 1.5em;
	margin:0;
	padding:0;
	background:transparent;
}

#SidebarTransbox {
    position:absolute;
    z-index:5;
    top:0;
	right:0;
	width:293px;
	height:100%;
	margin:0 0 15px 0;
	background-color:#fff;
	/* for IE */
    filter:alpha(opacity=15);
	-moz-opacity:0.15;
	-khtml-opacity: 0.15;
    /* CSS3 standard */
    opacity:0.15;
}

#Sidebar .contentWrap {
	padding:15px;
	margin:0 auto;
}

	#Sidebar h1, #Sidebar h2, #Sidebar h3, #Sidebar h4, #Sidebar h5{color: #61270d;}

	#Main #Sidebar h2, #Main #Sidebar h3{
		padding-bottom: 3px;
		margin-bottom: 3px;
		font-size:1.6em;
	}

	#Main #Sidebar p{
		color: #fff;	
	}
	
	#Main #Sidebar ul{
		list-style-position: outside;
		margin-bottom: 5px;
	}
	
		#Main #Sidebar li a.link {
			font-family:Georgia,"Times New Roman",Times,serif;
			font-size:1.2em;
			padding:0;
			background: transparent;
			position:relative;
		}
			
		#Main #Sidebar li a.current, #Main #Sidebar li a.section{
			font-family:Georgia,"Times New Roman",Times,serif;
			font-size:1.2em;
			color: #F3EED8;
			background: transparent;
			padding:0;
			position:relative;
		}
	
	#Main #Sidebar ul.sub{
			margin: 0pt 0pt 0pt 15px;
	}
		#Main #Sidebar ul.sub li{
				border:none;
		}

/* Article Lists */	
#ArticleList {padding:0 0 0 5px; margin-bottom:10px; clear:both}
#ArticleList li{clear:both}
#ArticleList .title {margin:0} 
#ArticleList .photo {float:left; width:110px; margin:0} 
#ArticleList .photo img{padding:10px 5px 0 0; margin:0}
#ArticleList .summary {width:100%;padding:0; margin:0;} 


/* Newsletter SignUp */	
#Sidebar #newsletterSignUp { background: transparent url(../images/newsletterButtonBg.gif) no-repeat scroll 2pt 0; width:192px; height:43px; padding:5px 0;margin:0 auto}

#newsletterSignUp h5{padding:0; line-height:1.5em;font-size:0.9em;text-align:center;}

#newsletterSignUp a{color:#fff;text-align:center;padding:0;}

#newsletterSignUp a:hover {color:#F9C082; text-decoration:none;}

/* Footer Styles */
#Footer .contentWrap {
	width:800px;
	margin:0 auto;
	padding:5px 0;
}

/* Footer Menu */

#FooterMenu{
	width:290px;
	float:left;
	margin-left:25px;
}

#FooterMenu h3{
	font-size:1.1em;
	color:#fff;
	font-family: Helvetica,arial,sans-serif;
	border-bottom: 3px dotted #fff;
}

#FooterMenu ul{
	width:290px;
	margin:5px 0;
}

#FooterMenu li{
	display:inline;
	margin:0;
	width:94px;
}

#FooterMenu li a{
	text-align:left;
	margin:0;
	float:left;
	width:94px;
}

/* Footer Logos */

#logos {
	float:right;
	width:350px;
	text-align:right;
	margin:5px 0;
}

/* Footer Address Bar */


#Footer #AddressBar {
	clear:both;
	font-size:0.9em;
	padding: 5px 0;
	color: #fff;
	margin:0 auto;
}

#Footer #AddressBar p {
		text-align: center;
		font-size: 10px;
	}
	
	#Footer #AddressBar img{
		border: none;
	}


/* Footer Widget */
#Footer div.WidgetHolder{
		float: left;
		width: 30%;
		color: #eae7e7;
		margin-bottom: 10px;
		margin-right: 10px;	
}

	#Footer div.WidgetHolder h3{
			font-size: 1.5em;
			color: #fbf6f6;
			padding: 3px 0pt;
			margin-bottom: 8px;
		}

/*
	Auxillary Styles
*/

/* 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;
}

/************************
SITEMAP
************************/
#sitemap-list {padding:0 0 0 10px; margin:0; list-style:none; font-weight:bold; line-height:150%;} /*1st level list*/
#sitemap-list li {padding:10px; margin-top:10px; font-size:14px;  background:transparent;  color:#FFFFFF;} /*1st level items*/
#sitemap-list li a {color:#61270D} /*1st level links*/
 
#sitemap-list ul {margin:5px 10px 5px 10px; padding:5px 10px; font-weight:normal; background:transparent; color:#FFFFFF;} /*2nd level lists*/
#sitemap-list li li {padding:0; margin:0; list-style:none; font-weight:bold; font-size:12px; line-height:18px; background:none} /*2nd level items*/
#sitemap-list li li a {color:#FFF} /*2nd level links*/
 
#sitemap-list ul ul {margin-left:10px;padding:5px 10px;  background:transparent; color:#FFFFFF;} /*3rd level lists*/
#sitemap-list li li li {font-size:12px; font-weight:bold;} /*3rd level items*/
#sitemap-list li li li a {color:#f9c082;} /*2nd level links*/