/*=======================
Template Main CSS
Last update : 14 Jan 2008
=======================*/

/*=====================
Global Styling
=====================*/
* {
	margin : 0;
	padding : 0;
}

body {
	text-align : center;
	margin :  0 auto;
	padding : 0;
	color : #333;
	background : #999 url(../images/general/backgradient.gif) repeat-y top;
	font: 62.5%/1.5  Verdana, Geneva, Arial, Helvetica, sans-serif;
}

/*=====================
Utlities
=====================*/
/*Hide outline on links*/
a {
	outline : none;
}

/*Horizontal Rule*/
hr {
	display: none;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*=====================
Page Layout
=====================*/
#wrapper {
	margin :  0 auto;
	padding : 0;
	text-align : left;
	width: 750px;
	border-left : 1px solid #bfb182;
	border-right : 1px solid #bfb182;
}

#bgnone {
	background : transparent url(../images/general/bgback.gif) no-repeat top right;
}

#fullwidth {
	clear : both;
	width : 600px;
	margin : 0 auto;
	padding : 3em 50px 0 0;	
}

/*footer*/
#footer {
	clear : both;
	padding : 10px 30px;
	margin : 1em 0 0 0;
	color : #333;
	background-color : #E0D9C5;
	border-top : 1px solid #bfb182;
}

/*==============================
Header Styling
==============================*/
#header {
	clear : both;
	position : relative;
	margin: 0;
	padding: 0;
	text-align : left;
	color : #fff;
	background : #bfb182;
	border-bottom : 1px solid #bfb182;
}

/*==============================
Banner Image Replacement for header
==============================*/
.rir { 
	width: 960px;
	height: 185px;
	position: relative;
}

.rir span {
	background: url(../images/general/banner.jpg) no-repeat 0 0;
	width: 100%;
	height: 100%;
	position: absolute;
}

/*==============================
FooterStyling
==============================*/
#footer .right {
	float : right;
}

#footer p {
	margin: 0;
	padding: 0;	
}

/*=====================
Typography Styling
=====================*/

/* HEADINGS */
h1 {
	font-size: 3em;
	line-height : 1em;
	margin : 0;
	padding : 0;
}

h2
{
	font-size: 2.5em;
	margin: 0;	
	padding : 0.5em 30px 0.8em 30px;
	color : #542706;
	background : transparent;
}

h3 
{
	font-size: 1.8em;
	margin: 0;
	padding: 0.5em 30px 0.2em;
	color : #542706;
	background : transparent;
}

#fullwidth h3.gap 
{
	padding-top: 1em;
	border-top : 1px dashed #a1a6bf;
}

/*TEXT*/
p 
{
	font-size: 1.6em;
	margin: 0;
	padding: 0.2em 30px 1.2em 30px;
}

p.breadcrumb {
	font-size: 1.3em;
	padding: 0.1em 30px 1.5em 30px;
	font-weight : bold;	
}

p.date 
{
	font-weight : bold;
	margin: 0;
	padding: 0.5em 30px 0;
}

p.gap
{
	padding-bottom: 2.5em;
	border-bottom : 1px dashed #a1a6bf;
}

b, strong {	
	color : #542706;
	background : transparent;
}

#fullwidth ul {
	margin-bottom: 2.5em;
}

#fullwidth ul li {
	list-style-type : square;
	margin: 1em 30px 1em 60px;
	padding: 0;
	font-size: 1.6em;
}

blockquote {
	display : block;
	padding: 1em 10px 1em 30px;
	margin: 0 30px 1.5em;
	color : #666;
	background : #F5F3ED url(../images/general/quote.png) no-repeat 5px 5px;
}

/*=====================
Picture Styling
=====================*/
.picture img {
	text-align : center;
	padding : 5px;
	margin :  1em auto;
	display : block;
	border: 1px solid #ccc;
}

.picture p {
	text-align : center;
	margin: 0;
	padding: 0 30px 10px;
	font-style : italic;
	font-size : 1.5em
}

.picture img.plain {
	border : none;
}

.picright {
	text-align : center;
	padding : 5px;
	margin :  1em 30px 1em 15px;
	border : 1px solid #999;
	float: right;
}

.picrightplain {
	float: right;
	border : none;
	padding : 0;
	margin :  1em 30px 1em 15px;
}
	

.picleft {
	text-align : center;
	padding : 5px;
	margin :  1em 15px 1em 30px;
	border : 1px solid #999;
	float: left;
}

.picright p,
.picleft p
{
	text-align : center;
	margin: 0;
	padding: 0 30px;
	font-style : italic;
}

/*=====================
Gallery Styling
=====================*/
#gallerythumbs {
	text-align : center;
	margin :  10px auto 10px 30px;
	padding : 0;
}

#gallerythumbs.pic ul {
	background-color : #F5DEB3;
	list-style-type : none;	
	margin: 0;
	padding: 0;
}

#gallerythumbs.pic li {
	margin: 3px;
	padding: 0px;
	float : left;
	list-style-type : none;	
}

#gallerythumbs.pic img {
	padding : 5px;
	margin : 0;
	/*border : 1px solid #542706;*/
	background-color : #f3f3f3;
}

#gallerythumbs.pic a img {
	text-decoration: none;
	border : 1px solid #999;;
	background : transparent;
}

#gallerythumbs.pic a:hover img {
	text-decoration: none;
	border : 1px solid #542706;
	background : #e0d9c5;
	/*
	border : none;
	background : #542706;*/
}

/*=====================
In-line Navigation Styling
=====================*/
a:link {
	color : #542706;
	background : transparent;
	text-decoration: underline;
	}

a:visited {	
	color : #8B4513;
	background : transparent;
	text-decoration: underline;
}

a:hover {
	color : #fff;
	background : #542706;
	text-decoration : none;
}

a:active {
	color : Red;
	background : Yellow;
	text-decoration : none;
}