/* 
################### CSS contents ###################
* 1 Common
* 2 Layout
* 3 Nav
* 4 Headings
* 5 Lists
* 6 Images
* 7 Links
* 8 Forms
* 9 Tables
* 10 Typography 
* 11 Other
*/


/* 
################### Colour reference ###################

#800000 Dark red
#f2ddbc Cream
#65584b Dark brown
#ceb8a5 Light brown
#362c25 Really dark brown
*/
 
/*
################### Common ################### 
*/

*{
margin:0;
padding:0;
text-decoration:none;
}

.clear{
clear:both;
}

html {
overflow: -moz-scrollbars-vertical;
}

#skipto{
display:none;
}

/*
################### Layout ################### 
*/

body{
background:#fff url(../images/layout/bg.gif);
font:72.5%/1.5 Arial, Helvetica, sans-serif;
color:#362c25;
}

#page{
background:url(../images/layout/headerbg.gif) repeat-x #f2ddbc;
border-bottom:1px solid #362c25;
}

#container{
width:970px;
margin:0 auto;
position:relative;
}

#sidebar{
float:left;
margin:70px 10px 0 0;
width:275px;
}

#main{
float:left;
width:680px;
margin-top:20px;
background:url(../images/layout/mainbg.gif) no-repeat top;
font-weight: bold;
}

#header{
height:121px;
position:relative;
}

#news{
margin-top:20px;
text-align:center;
}

#content{
padding:10px;
}

#footer{
width:970px;
margin:0 auto;
padding:20px 0;
color:#f2ddbc;
}

/*
################### Nav ################### 
*/
#nav{
list-style:none;
width:270px;
border:1px solid #2f1f12;
background:url(../images/layout/bg.gif);
padding:2px 2px 0 2px;
}

#nav li{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.6em;
}

#nav li a{
margin-bottom:2px;
color:#f2ddbc;
height:29px;
width:255px;
padding:5px 5px 5px 10px;
background:url(../images/layout/nav.gif) top left no-repeat;
display:block;
border:none;
}

#nav li a:hover, #nav li.current a{
background-position:0% -39px;
cursor:pointer;
}

#subnav{
list-style:none;
float:left;
position:absolute;
bottom:0;
left:10px;
}

#subnav li{
display:inline;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.2em;
}

#subnav li a{
margin-right:8px;
color:#f2ddbc;
padding-left:5px;
float:left;
border:none;
}

#subnav li a span{
float:left;
display:block;
padding:5px 5px 5px 0;
}

#subnav li a:hover, #subnav li.current a{
background:url(../images/layout/subnav.gif) no-repeat #a18b74 top left;
cursor:pointer;
color:#362c25;
}

#subnav li a:hover span, #subnav li.current span{
background:url(../images/layout/subnav.gif) no-repeat #a18b74 top right;
}

/*
################### Headings ################### 
*/

h1{
margin-top:10px;
width:236px;
height:102px;
background:url(../images/layout/logo-mob.gif) no-repeat;
float:right;
}

h1 span{
position:absolute;
left:-9999px;
}

h1 a{
display:block;
width:100%;
height:100%;
border:none;
}

h2{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.8em;
font-style:italic;
color:#800000;
margin:5px 0 10px 0;
font-weight:normal;
}

h3{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.6em;
font-style:italic;
color:#800000;
margin:10px 0 5px 0;
font-weight:normal;
}

#news h3{
height:38px;
background:url(../images/titles/news.gif) no-repeat center;
}

#news h3 span{
position:absolute;
left:-9999px;
}

h4{
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
font-size:1.4em;
}

/*
################### Lists ################### 
*/

#content ul{
margin:0 0 20px 40px;
}

#content ul li{
margin:5px 0;
}

#content .menus{
margin:0;
list-style:none;
}

.menus li a{
background:url(../images/layout/menu.gif) no-repeat top left;
width:209px;
height:65px;
padding:15px 5px 5px 80px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.5em;
border:none;
display:block;
color:#362c25;
}

.menus li a:hover{
background-position:0% -85px;
color:#f2ddbc;
}

.menus li a span{
font-family:Arial, Helvetica, sans-serif;
font-size:0.7em;
display:block;
padding-top:10px;
}

/*
################### Images ################### 
*/

img{
border:none;
}

.photo{
background:url(../images/layout/imgbg.gif) repeat-x top;
text-align:center;
padding:3px;
}

.photo img{
border:2px solid #f2ddbc;
}

/*
################### Links ################### 
*/

a{
color:#800000;
border-bottom:1px solid #ceb8a5;
}

a:hover{
border:none;
}

#footer a{
color:#ceb8a5;
}

.link{
padding:3px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.2em;
background:#ceb8a5;
color:#362c25;
float:right;
border:none;
}

.link:hover{
background:#362c25;
color:#f2ddbc;
}

/*
################### Forms ################### 
*/



/*
################### Tables ################### 
*/

table{
margin-bottom:30px;
}


/*
################### Typography ################### 
*/

#footer p{
font-size:1em;
font-family:Georgia, "Times New Roman", Times, serif;
margin-bottom:10px;
}

#footer em{
font-size:1.6em;
}

#content p{
margin-bottom:20px;
}

/*
################### Other ################### 
*/

.nomargin{
margin:0;
}

#phonetop{
background:url(../images/layout/phonebg.gif) no-repeat bottom left;
padding-left:10px;
width:300px;
text-align:center;
position:absolute;
top:-2px;
left:-10px;
}

#phonetop p{
background:url(../images/layout/phonebg.gif) no-repeat bottom right;
padding:10px 10px 10px 0;
font-family:Georgia, "Times New Roman", Times, serif;
color:#f2ddbc;
}

#phonetop em{
font-size:1.8em;
}

#news .post{
margin-bottom:20px;
padding-bottom:20px;
background:url(../images/layout/newbreak.gif) no-repeat center bottom;
}

.col{
width:290px;
float:left;
}

.mar{
margin-right:60px;
}

#gallery div{
margin:15px;
float:left;
}

#gallery div a{
border:none;
border:3px solid #ceb8a5;
display:block;
}

#gallery div a:hover{
border-color:#800000;
}

#headerimage 	{
	padding: 0; 
	width: 650px;
	height: 250px;
	margin: 5px 0 0 0;
}

a img {
border: none;
}

/*
################### Table ################### 
*/

table {
	border-collapse: collapse;
	margin-top: 10px;
	margin-bottom: 10px;
}
th strong {
	color: #fff;
}
th {
	background: #FF8112;
	height: 29px;
	padding-left: 12px;
	padding-right: 12px;
	color: #FFF;
	text-align: center;
	border-left: 2px solid #f2ddbc;
	border-bottom: solid 2px #f2ddbc;
}
tr {
	height: 30px;
	text-align: justify;
	line-height: .9em;
	border-bottom: 5px solid #f2ddbc;
}
td {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 11px;
	padding-right: 11px;
	color: #FFF;
	border-left: 2px solid #f2ddbc;
	border-bottom: 2px solid #f2ddbc;
}

/* columns */
td.first {border-left: 0px; width: 80px; text-align: left;}
th.first {border-left: 0px; width: 80px; text-align: center;}
td.second {width: 220px; text-align: justify;}
th.second {width: 220px; text-align: center;}
td.third {text-align: center;}
th.third {text-align: center;}
td.fourth {text-align: center; border-right: 0px;}
th.fourth {text-align: center; border-right: 0px;}
/* end columns*/

tr.row-a {
	background: #800000;
}
tr.row-b {
	background: #65584b;		
}
tr.row-c {
	background: #000000;
	font-size: 14px;
}
tr:hover td
{
  background-color: #c0504e;
}
td img {
	border: 0px;
	padding-left: 4px;
}

/*
################### Form ################### 
*/
.monform {
	border: 2px solid #800000;
	background: url(../images/layout/bg1.gif) repeat #ceb8a5;
	font-family: tahoma, helvetica, sans-serif;
	font-style: normal;
	font-size: 16px;
	color: #362c25;
}

.monlabel {
	font-family: tahoma, helvetica, sans-serif;
	font-style: normal;
	font-size: 16px;
	color: #800000;
}

.monform:hover {
	border: 2px solid #800000;
	background: url(none) no-repeat #ceb8a5;
	color: #000000;
}