@charset "utf-8";
/* CSS Document */
body, div, dl, dt, dd, ol, h1, h2, h3, h4, h5, h6, pre, fieldset, p, blockquote, th, td, img {
	margin : 0;
	padding : 0;
	border : 0;
}

.arial{font-family: Arial, Helvetica, sans-serif;}

.verdana{font-family: Verdana, Arial, Helvetica, sans-serif;}
.tahoma{font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;}

/* Font Sizes */

.ten {font-size: 10px;}
.eleven {font-size: 11px;}
.twelve {font-size: 12px;}
.thirteen {font-size: 13px;}
.fourteen {font-size: 14px;}
.fifteen {font-size: 15px;}
.sixteen {font-size: 16px;}
.seventeen {font-size: 17px;}
.eighteen {font-size: 18px;}
.nineteen {font-size: 19px;}
.twenty {font-size: 20px;}
.twentyone {font-size: 21px;}
.twentytwo {font-size: 22px;}
.twentythree {font-size: 23px;}
.twentyfour {font-size: 24px;}
.twentyfive {font-size: 25px;}
.thirty {font-size: 30px;}

/* Font Colours */

.magenta {color: #C637B3;}
.darkgray {color: #514E4A;}
.purple {color: #D671E2;}
.white {color: #FFFFFF;}
.black {color: #000000;}
.gray {color: #8E8E8E;}
.grayishblue {color: #7C7C97;}
.lightgray {color: #CCCCCC;}
.red {color: #E70000;}
.orange {color: #FF5500;}
.yellow {color: #FFFF00;}
.green {color: #83A400;}
.sharp_blue {color: #287ED3;}
.blue {color: #3082D4;}
.brown {color: #8f5746;}

/* Font Style & Weight */

.bold {font-weight: bold;}
.italic {font-style: italic;}
.strikeout {text-decoration: line-through;}

/* Hovers */

.n2u {text-decoration: none;}
.n2u:hover {text-decoration: underline;}

.u2n {text-decoration: underline;}
.u2n:hover {text-decoration: none;}

.gray2red {color: #6D6D6D; text-decoration: none;}
.gray2red:hover {color: #E70000;}

.gray2orange {color: #6D6D6D; text-decoration: none;}
.gray2orange:hover {color: #FF6600;}

.gray2blue {color: #6D6D6D; text-decoration: none;}
.gray2blue:hover {color: #8f5746;}

.white2black {color: #FFFFFF; text-decoration: none;}
.white2black:hover {color: #000000;}

.white2yellow {color: #FFFFFF; text-decoration: none;}
.white2yellow:hover {color: #FFFF00;}

.red2black {text-decoration: none;color: #CC0000;}
.red2black:hover {text-decoration: none;color: #000000;}

.black2blue {text-decoration: none;color: #000000;}
.black2blue:hover {text-decoration: none;color: #287ED3;}

.black2white {text-decoration: none;color: #000000;}
.black2white:hover {text-decoration: none;color: #FFFFFF;}


.blue2black {text-decoration: none;color: #3082D4;}
.blue2black:hover {text-decoration: none;color: #000000;}


.black2red {text-decoration: none;color: #000000;}
.black2red:hover {text-decoration: none;color: #CC0000;}

.clear {clear: both;}

.float_left { float: left;}

.float_right {float: right;}


.padding_5 {padding: 5px;}
.padding_10 {padding: 10px;}
.padding_20 {padding: 20px;}
.padding_30 {padding: 30px;}
.padding_40 {padding: 40px;}
.padding_50 {padding: 50px;}


body {
	margin : 0 auto;
	font-family : Arial, sans-serif;
	font-size : 13px;
	background : #ffffff;
	color: #8f5746;
}

h1 {
	font-family : "Trebuchet MS";
	font-size : 30px;
	font-weight : bold;
	color : #a7a7a7;
	text-decoration : none;
	margin : 0;
	padding : 0;
}

#container {
	width: 1000px;
	margin: 0 auto;
}

#header_bg {
	width: 100%;
	background-image:url(../images/top-left.jpg);
	background-position:right top;
	background-repeat:no-repeat;
	background-color: #f7efe2;
	height: 100px;
}

#logo {
	padding-top:13px;
}

div.nav_bar {
	background-color: #8e5949;
	background-image: url(../images/nav-top.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 2px;
	width: 100%;
}

#navigation {
	width: 100%;
	height: 23px;
	padding-top: 7px;
	text-align: right;
	background-color: #905744;
}

.butt {
	width: 100%;
	height: 23px;
	width:55px;
	color:#FFFFFF;
	font-family:Arial; font-weight:bold;
	font-size:12px;
	background-color: #905744;
	border:none;
}


#main {
	width: 100%;
	float: left;
	background: #f7efe2;
	z-index:1;
}

#left_bar {
	width: 20%;
	float: left;
	vertical-align: top;
	background: #f7efe2;
	z-index:2;
}

#right_bar {
	width: 20%;
	float: left;
	vertical-align: top;
	background: #f7efe2;
	z-index:3;
}

#center_column {
	width: 60%;
	float: left;
	vertical-align: top;
	background: #ffffff;
	z-index:4;
}

#footer {
	background-color: #e8d1b1;
	height: 50px;
	width: 100%;
}

.JC_bg {
	background-color: #f7efe2;
	background-image: url(../images/JC.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}

.field_newsletter {
	background-color: #f1f1f1;
	height: 20px;
	width: 175px;
	border: 1px solid #d8d8d8;
}

.field_newsletter_2 {
	background-color: #f1f1f1;
	height: 20px;
	width: 180px;
	border: 1px solid #d8d8d8;
}

.field_newsletter_1 {
	background-color: #f1f1f1;
	width: 180px;
	border: 1px solid #d8d8d8;
}

.watermark {
	background-image: url(../images/watermark.jpg);
	background-repeat: no-repeat;
	background-position: center;
	vertical-align: middle;  
}