@charset "UTF-8";
/* CSS Document */

/***************** Main Template Styles ******************/

body {
	background-image    : url(../images/BGcolour.gif) ;
	background-repeat   : repeat-x ;
	margin     	        : 0 ;
	background-color    : #665950 ;
}

#backPanel {
	width               : 989px ;
	height              : 594px ;
	background-image    : url(../images/BGpanel.png) ;
	background-repeat   : no-repeat ;
	margin              : auto ;
	padding-top         : 40px ;
}

#header {
    width               : 901px ;
	height              : 189px ;
	/*background-image    : url(../assets/homeHeader.png) ;*/
	margin              : auto ;
	clear               : both ;
}

#navPanel {
	width               : 901px ;
	height              : 37px ;
	background-image    : url(../images/navPan.png) ;
	background-repeat   : no-repeat ;
	margin              : auto ;
	margin-top          : 10px ;
	clear               : both ;
}

#contentHolder {
	width               : 445px ;
	height              : 320px ;
	margin-left         : 50px ;
	float               : left ;
}

#vertLine {
	width               : 5px ;
	height              : 310px ;
	background-image    : url(../images/vertLine.png) ;
	float               : left ;
	margin-top          : 12px ;
}

#picSection {
	width               : 439px;
	height              : 320px;
	float               : right ;
	margin              : 12px 45px 0 0 ;
}

#footer {
	width               : 901px ;
	margin              : auto ;
	font-family         : Arial, Helvetica, Verdana, sans-serif ;
	font-size           : 60% ;
	color               : #4A4038 ;
	text-align          : center ;
}

#footer a {
	color               : #4A4038 ;
	text-decoration     : none ;
}

#footer a:hover {
	color               : #FFF ;
}

/******************* Main Navigation ********************/

#nav {
	width               : 450px ;
	height              : 37px ;
	margin              : 0 ;
}

#nav ul {
	margin              : 0 0 0 -25px ;
	list-style          : none ;
}

#nav li {
	display             : inline ;
	width               : 90px ;
	height              : 37px ;
}

#nav a {
	display             : block ;
	float               : left ;
    font-family         : "Times New Roman", Times, serif ;
	font-size           : 100% ;
	color               : #FFF ;
	text-decoration     : none ;
	width               : 90px ;
	height              : 27px ;
	padding-top         : 10px ;
	text-align          : center ;
	margin-right        : 5px ;
}

#nav a:hover, #nav .active {
	background-image    : url(../images/navBack.png) ;
	background-repeat   : repeat-x ;
}

/************************ Pages *************************/

/* All pages */

#textSection {
 	width               : 445px ;
	height              : 285px ;
	overflow			: auto ;
}

#textSection p {
	font-family         : Arial, Helvetica, Verdana, sans-serif ;
	font-size           : 70% ;
	color               : #333 ;
	margin              : 0 0 10px 0 ;
	line-height         : 140% ;
	padding             : 0 10px 0 10px ;
}

#textSection a {
	color               : #C2B59B ;
	text-decoration     : none ;
	background-color    : #FFF ;
	font-weight         : bold ;
}

#textSection a:hover {
	color               : #65574F ;
}

.fixedwidth {
/* a wide div is used for creating horizontal scrollbars for demonstration purposes */
 	width               : 445px ;
	height				: auto ;
	position			: relative ;
	color				: black ;
	padding				: 1px ;
}

.headline {             /* sets space after for headline text image */
	margin-bottom       : 10px ;
}

/* Home Page */

.homeHeader {             /* sets header background image */
	background-image    : url(../images/homeHeader.png) ;
}

#subLinks {
	width               : 425px ;
	height              : 20px ;
	padding             : 15px 20px 0 0 ;
	text-align          : right ;
}

/* About Section */

.aboutHeader {            /* sets header background image */
	background-image    : url(../images/aboutHeader.png) ;
}

#aboutSubLinks a {
	color               : #C2B59B ;
	text-decoration     : none ;
	background-color    : #FFF ;
}

#aboutSubLinks a:hover, #aboutSubLinks .active {
	color               : #65574F ;
}

#aboutSubLinks {
	width               : 425px ;
	height              : 20px ;
	text-align          : right ;
	padding             : 15px 20px 0 0 ;
	font-size           : 95% ;
	background-image    : url(../images/subKeyline1.png);
	background-repeat   : no-repeat ;
	background-position : 115px ;
}

/* Contact Section */

.contactHeader {          /* sets header background image */
	background-image    : url(../images/contactHeader.png) ;
}

#contactSubLinks a {
	color               : #C2B59B ;
	text-decoration     : none ;
	background-color    : #FFF ;
}

#contactSubLinks a:hover {
	color               : #65574F ;
}

#contactSubLinks {
	width               : 435px ;
	height              : 20px ;
	text-align          : right ;
	padding             : 15px 10px 0 0 ;
	font-size           : 95% ;
	background-image    : url(../images/subKeyline2.png);
	background-repeat   : no-repeat ;
	background-position : 215px ;
}

/* Image Spacing Styles */

.insetLeft {
	float               : left ;
}

.insetRight {
	float               : right ;
}

.telNo {
	margin-bottom       : 10px ;
}

h3 {
	font-family         : Arial, Helvetica, Verdana, sans-serif ;
	font-weight			: bold ;
	font-size			: 85% ;
	color				: #C2B59B ;
	margin				: 0 0 10px 10px ;
}

hr {
	color				: #C2B59B ;
}