* {
	margin  : 0;
	padding : 0;
}

body {
    background  : url('../images/bodyBackground.jpg') top left repeat-x;
	font-family : 'Garamont';
	font-size   : 12px;
}

#title {
    width      : 622px;
    height     : 38px;
    background : url('../images/title.jpg') top left repeat-x;
    text-align : center;
    margin     : 10px auto 0 auto;
}

h1 {
	font-family : 'Garamont';
	font-size   : 16px;
	color       : #8e3c24;
	font-weight : bold;
	text-align  : left;
	background  : url('../images/bullet.gif') center left no-repeat;
	line-height : 60px;
	padding     : 0 0 5px 48px;
	margin      : 0 0 -10px 28px;
}

h2 {
	font-family : 'Garamont';
	font-size   : 18px;
	font-weight : bold;
	color       : #8e3c24;
	text-align  : center;
	line-height : 30px;
	margin      : 0 0 0 58px;
}

h3 {
	font-family : 'Garamont';
	font-size   : 14px;
	color       : #8e3c24;
	font-weight : bold;
	text-align  : center;
	line-height : 25px;
	margin      : 0 0 0 58px;
}

h4 {
	font-family : 'Garamont';
	font-size   : 13px;
	color       : #8e3c24;
	font-weight : bold;
	text-align  : center;
	line-height : 25px;
}

p {
	text-align  : justify;
	padding     : 2px 30px 10px 30px;
	font-family : 'Garamont';
	font-size   : 14px;
	color       : #8e3c24;
	line-height : 25px;
	background  : url('../images/mainBackground.jpg') top left repeat-x;

}

a {
	font-family     : 'Garamont';
	font-size       : 16px;
	color           : #8e3c24;
	text-decoration : none;
	font-weight     : bold;
}

a:hover {
	font-family     : 'Garamont';
	font-size       : 16px;
	color           : #B7A44D;
	text-decoration : none;
}

/*BANNER START*/

#leftsideBanner {
	position   : absolute;
	left       : 2%;
	top        : 77px;
	width      : 14px;
	height     : 167px;
	background : url('../images/bannerSide.gif') top left no-repeat;
}

#banner {
    width      : 80%;
    height     : 170px;
    background : #8e3c24;
    text-align : center;
    margin     : 28px auto 0 auto;
}

#rightsideBanner {
	position   : absolute;
	right      : 2%;
	top        : 77px;
	width      : 14px;
	height     : 167px;
	background : url('../images/bannerSide.gif') top right no-repeat;
}

/*BANNER END*/

/*MENU START*/

#menu {
	width        : 80%;
	height       : 38px;
	text-align   : center;
	margin       : 0 auto;
	background   : url('../images/menuBack.jpg') center left repeat-x;
}

#menuBottom {
	width        : 80%;
	height       : 10px;
	text-align   : center;
	margin       : 0 auto;
	background   : #D7D5C0;
	font-size    : 10px;
	font-family  : Tahoma;
}

#menuBottom a {
	font-size    : 12px;
	line-height  : 18px;
	font-family  : Tahoma;
}

#menuBottom a:hover {
	font-size    : 12px;
}

#menuBottom .selected a {
	font-size  : 12px;
	background : #EBE9DD;
}

#menuBottom li a {
	display : inline;
	padding : 0 5px;
	float : left;
}

#menuBottom li {
	display : inline;
	padding : 0 5px;
	float : left;
}

#menuBottom ul {
list-style : none;
}

#menu a {
	font-family     : 'Tahoma';
	font-size       : 12px;
	display         : block;
	text-decoration : none;
	outline         : none;
	color           : #CEC898;
}

#menu a:hover {
	color      : #8E3C24;
	background : #D6D4BF;
	height     : 19px;
	padding    : 7px 0 0 0;
}

#menu .current a {
	color      : #8E3C24;
	background : #D6D4BF;
	height     : 19px;
	padding    : 7px 0 0 0;
}

#menu li {
	display : inline;
	float : left;
}

/*MENU END*/


/*CONTENT START*/


.audio-table {
    width: 100%;
    max-width: 900px;
    margin: 0em auto 5em;
    border-spacing: 0;
    padding: 2em 0;
}
.audio-table td:nth-child(2) {
    text-align: left;
}
.audio-table th, .audio-table td {
    padding: 1em 0.5em;
    border: 1px solid #8E3C24;
    border-bottom: 0;
    border-right: 0;
    font-size: 16px;
}
.audio-table th, .audio-table td {
    padding: 1em 0.5em;
    border: 1px solid #8E3C24;
    border-bottom: 0;
    border-right: 0;
    background-color: #EAE8DC;
}

.audio-table tr:last-child td {
    border-bottom: 1px solid #8E3C24;
}
.audio-table th:last-child, .audio-table td:last-child {
    border-right: 1px solid #8E3C24;
}

#mainContent {
	position     : relative;
	width        : 80%;
	min-height   : 450px;
	text-align   : center;
	margin       : 0 auto;
	background   : url('../images/mainBackground.jpg') top left repeat-x;
	border-left  : 1px solid #b9a78c;
	border-right : 1px solid #b9a78c;
}

#mainContent < #menu 

#topRight {
	float      : right;
	width      : 49px;
	height     : 48px;
	background : url('../images/corner.gif') top right no-repeat;
	margin     : 5px 5px 0 0;
}

#bottomLeft {
	position   : absolute;
	bottom     : 5px;
	left       : 5px;
	width      : 49px;
	height     : 48px;
	background : url('../images/cornerVertical.gif') top right no-repeat;
}

#watermark {
	text-align : right;
	width      : 157px;
	height     : 80px;
	background : url('../images/watermark.jpg') bottom right no-repeat;
	position   : absolute;
	bottom     : 5px;
	right      : 25px;
}

#contact {
	width      : 250px;
	height     : 125px;
	background : url('../images/contact.gif') center right no-repeat;
	text-align : center;
	margin     : 10px auto 20px auto;
}

.contactTextLeft {
	padding : 0 0 0 100px;
}

.contactTextRight {
	float   : right;
	padding : 0 100px 0 0;
	margin  : -149px 0 0 0;
}

.textLeft {
	text-align : left;
	padding    : 20px 0 0 150px;
}

.Li {
	list-style  : none;
	padding     : 0 0 0 20px;
	background  : url('../images/bulletSmall.gif') top left no-repeat;
	font-family : 'Garamont';
	font-size   : 14px;
	color       : #8e3c24;
	font-weight : normal;
	text-align  : left;
	line-height : 25px;
}

#radioButton {
	text-align  : center;
	margin      : 20px auto 0 auto;
}

#radioButton a {
	outline : none;
}
.gallery-item {
    width: 25%;
    float: left;
    margin: 1rem 0;
}
.gallery-content {
    text-align: center;
    margin: 0 auto;
    background: url(../images/mainBackground.jpg) top left repeat-x;
    background-size: contain;
    border-left: 1px solid #b9a78c;
    border-right: 1px solid #b9a78c;
    padding: 4rem 0;
}
/*CONTENT END*/


/*FOOTER START*/

#footer {
	width        : 80%;
	height       : 38px;
	text-align   : center;
	margin       : -4px auto 0 auto;
	background   : url('../images/footerBack.jpg') center left repeat-x;
}

#footerText {
	font-family : 'Garamont';
	font-size   : 12px;
	color       : #8e3c24;
	text-align  : center;
	line-height : 38px;
	padding     : 0 0 5px 48px;
	margin      : 0 0 -10px 28px;
	font-weight : bold;
}

#footer a {
	font-family     : 'Garamont';
	font-size       : 12px;
	color           : #8e3c24;
	text-align      : center;
	line-height     : 38px;
	font-weight     : bold;
	text-decoration : none;
}

#footer a:hover {
	font-family     : 'Garamont';
	font-size       : 12px;
	color           : #B7A44D;
	text-align      : center;
	font-weight     : bold;
	text-decoration : none;
}

/*FOOTER END*/

.clear {
	clear : both;
}

.imgRight {
	float  : right;
	margin : 0 30px 15px 15px;
	clear  : both;
}

.imgRight2 {
	float  : right;
	margin : 25px 30px 15px 15px;
	clear  : both;
}

.imgRight img, .imgLeft img {
	border  : 2px solid #8E3C24;
	padding : 2px;
}

.images img {
	border  : 2px solid #8E3C24;
	padding : 2px;
}

.imgRight2 img, .imgLeft2 img {
	border  : 2px solid #8E3C24;
	padding : 2px;
}

.imgRight3 img, .imgLeft3 img {
	border  : 2px solid #8E3C24;
	padding : 2px;
}

.imgLeft {
	float  : left;
	margin : 0 15px 15px 30px;
}

.imgLeft2 {
	float  : left;
	margin : 20px 15px 15px 30px;
}

.imgLeft3 {
	float  : left;
	margin : 0 15px 15px 0;
}

.images2 .imgLeft4 img {
	border  : 2px solid #8E3C24;
	padding : 2px;
}

.imgLeft4 {
	background   : url('../images/mainBackground.jpg') top left repeat-x;
}

.imageSubtitle {
	font-size  : 13px;
	color      : #8E3C24;
	font-style : italic;
	text-align : center;
	background   : url('../images/mainBackground.jpg') top left repeat-x;
}

.ovalPhoto {
	margin : 0;
}

.ovalPhoto2 img {
	margin : 0;
}