/* *** Base CSS Generated by www.csscreator.com *** */
/* *** modified in Dreamweaver by Paul Tonga TAHA Solutions *** */
/* css released under Creative Commons License -  http://creativecommons.org/licenses/by/2.0/deed.en  */

body {
	background-color: #003366;
	font-size: 9pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	padding:0px;
	margin:0px;
	background-image: url(../images/blue_bg.jpg);
	background-repeat: repeat-y;
	background-position: center;
}

a:link, a:visited {
	color: #993300;
	text-decoration: none;
}

a:hover {
	color: #006600;
}
a:active { color:#006600;}

h1 {
	font-size: 11px;
	border-top:2px solid #8EC232;
	border-bottom:2px solid #8EC232;
	padding:2px 10px;
	background-color: inherit; /* w3C validation warning fix#2 */
	color: #FFFFFF;
	width: 90%;
	border-right-style: solid;
	border-left-style: solid;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	background-image: url(../images/arrtwn1_16.jpg);
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-color: #8EC232;
	border-left-color: #8EC232;
	margin-top: 5px;
	background-repeat: no-repeat;
}

h2#long {
	background-color: #F6EECA;
	padding:5px 35px 5px 5px;
	color: #666666;
	text-align: center;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-right: 5px;
	margin-left: 5px;
	border-top: 2px solid #C1B488;
	border-right: 2px solid #9C9578;
	border-bottom: 2px solid #9C9578;
	border-left: 2px solid #C1B488;
	background-image: url(../images/small_logo_long.jpg);
	background-repeat: no-repeat;
	background-position: right center;
}

h2 {
	background-color: #F6EECA;
	padding:5px 35px 5px 5px;
	color: #666666;
	text-align: center;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-right: 5px;
	margin-left: 5px;
	border-top: 2px solid #C1B488;
	border-right: 2px solid #9C9578;
	border-bottom: 2px solid #9C9578;
	border-left: 2px solid #C1B488;
	background-image: url(../images/small_logo.jpg);
	background-repeat: no-repeat;
	background-position: right center;
}

h3 {
	background-color: #D4C58C;
	padding:2px;
	color: #333333;
	border: 1px solid #827539;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
	margin: 0px;
}

h5 {
	background-color: #FF4242;
	background-image: url(../images/icons/bullet_error.png);
	background-position: left;
	border: 1px solid #CC3300;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	margin: 0px;
	background-repeat: no-repeat;
	color: #FFFFFF;
	padding: 2px;
}

ul {
	list-style-type: none;
	padding: 0;
	margin-left: 2px;
	margin-top: 2px;
}

li {
	background-image: url(../images/icons/bullet_green_wng.jpg);
	background-repeat: no-repeat;
	padding-left: 17px;
	padding-top: 5px;
	padding-bottom: 2px;
	text-align: left;
	display: block;
	padding-right: 0px;
	margin-left: 10px;
	background-position: 0px 5px;
}


/* ----------Container styles for main layout-------------- */
#container {
	padding:0px;
	margin: 0px auto;
	width: 690px;
	color: #333333;
	/* placed bg image here as well as would not work in FF1.6 or NS7.2 see #content */
	
	background-repeat: repeat-y;
	background-image: url(../images/container_bg.jpg);
} 

.date {	
	background-color:inherit; /*w3c validate warning fix #1 */
	color: #F7F1CF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	padding-right: 15px;
	vertical-align: top;
	padding-top: 0px;
}

/* ================ Header Styles ================ */
#header_container{
}
#hdr_top {
	text-align: right;
	width: 690px;
	padding: 0px;
	background-image: url(../images/hdr_top.jpg);
	background-repeat: no-repeat;
	height: 35px;
}

#hdr_top2 /*for gallery page */
{
	text-align: right;
	width: 690px;
	padding: 0px;
	background-image: url(../images/gallery_header.jpg);
	background-repeat: no-repeat;
	height: 100px;
}
#flashheader {
	width: 690px;
	padding: 0px 0px 2px 2px;
	height: 200px;
	background-image: url(../images/arrtwn2_07.jpg);
	background-repeat: repeat-y;
}
#flashgallery {
	background-color: transparent;
	position: relative;
	left: 2px;
	clear: both;
}
 #hdr_bar
 {
	height: 74px;
	width: 690px;
	background-image: url(../images/mid_banner.jpg);
	padding: 0px;
 }
 #hdr_bar2 /*for gallery page */
 {
	height: 25px;
	width: 690px;
	background-image: url(../images/gallery_divider.jpg);
	padding: 0px;
	background-repeat: no-repeat;
 }


/* ============== Main Content Styles ================= */
#content{
	background-repeat: repeat-y;
	background-color: #FFFFFF;
	position: relative;
	top: 0px;
	width: 690px;
	background-image: url(../images/content_bg.jpg);
	/* works in IE but not NS/FF see #container for hack that worked */
	height: auto;
	float: none;
}

p{
padding: 5px 10px;
margin:0px; }

pre{
font-size: 12px;
padding: 5px 10px;
margin:0px;}

#left{
	width: 271px;
	float: left;
	background-color: #F7F1CF;
	margin-left: 1px;
	background-image: url(../images/LH_curvedbtm.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	height: auto;
	clear: both;
	padding-bottom: 10px;
}

#left_alternative{
	width: 190px;
	float: left;
	background-color: #F7F1CF;
	margin-left: 1px;
	background-image: url(../images/LH_curvedbtm.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	height: auto;
	clear: both;
}

#left li {
	background-image: url(../images/icons/bullet_greenYELW.jpg);
}

#left_text{
	padding: 5px 5px 10px 10px;
}

div.left_text a:hover {
	background-color: #E5DDAE;
	padding: 2px;
}

.validator {
	padding: 0px;
	height: 31px;
	margin: 0px auto;
	width: 650px;
}
p.validator a:hover {
/* need this style to ensure that hover is not same style as containing div or p*/
	background-color:transparent;
	padding: 0px
}



/*Image swap MENU ===================================================*/

.menu {
	border-spacing: 0px;
	padding-top: 10px;
	padding-left: 20px;
}

.menu td {
	margin: 0px;
	padding: 0px;
	width: 206px;
}

.menu a {
	text-decoration: none;
	display:block
}

.top_menu a:link, .top_menu a:visited {
	background-image: url(../images/menu/menu_top.jpg);
	height: 29px;
	background-repeat: no-repeat;
}

.top_menu a:hover {
	background-image: url(../images/menu/menu_top.jpg);
	background-repeat: no-repeat;
	background-position: -206px;
}

.k1 a:link, .k1 a:visited {
	background-image: url(../images/menu/m1.jpg);
	height: 22px;
	background-repeat: no-repeat;
}

.k1 a:hover {
	background-image: url(../images/menu/m1.jpg);
	background-repeat: no-repeat;
	background-position: -206px;
}

.k2 a:link, .k2 a:visited {
	height: 22px;
	background-image: url(../images/menu/m2.jpg);
	background-repeat: no-repeat;
}

.k2 a:hover {
	background-image: url(../images/menu/m2.jpg);
	background-position: -206px;
}

.k3 a:link, .k3 a:visited {
	height: 22px;
	background-image: url(../images/menu/m3.jpg);
}

.k3 a:hover {
	background-image: url(../images/menu/m3.jpg);
	background-position: -206px;
}

.k4 a:link, .k4 a:visited {
	height: 22px;
	background-image: url(../images/menu/m4.jpg);
}

.k4 a:hover {
	background-image: url(../images/menu/m4.jpg);
	background-position: -206px;
}

.k5 a:link, .k5 a:visited {
	height: 22px;
	background-image: url(../images/menu/m5.jpg);
}

.k5 a:hover {
	background-image: url(../images/menu/m5.jpg);
	background-position: -206px;
}

.k6 a:link, .k6 a:visited {
	height: 22px;
	background-image: url(../images/menu/m6.jpg);
}

.k6 a:hover {
	background-image: url(../images/menu/m6.jpg);
	background-position: -206px;
}

.btm_menu {
	background-image: url(../images/menu/menu_btm.jpg);
	height: 14px;
}

.photo_text {
	color: #006633;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	padding: 1px 3px;
	text-align: center;
	background-color: #F7F1CF;
	border-top: 1px solid #D8CF94;
	border-right: 0px solid #D8CF94;
	border-bottom: 1px solid #D8CF94;
	border-left: 0px solid #D8CF94;
}

.notes {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	padding: 5px 10px;
	text-align: center;
	background-color: #71A167;
	border: 1px solid #333333;
	width: 80%;
	margin-right: auto;
	margin-left: auto;
}
/*===================================================*/

#right{
	position: relative;
	float: left;
	width: 390px;
	background-color: #FFFFFF;
	margin-right: 5px;
	margin-left: 5px;
}

#center_text {
	clear:both;
	background-image: url(../images/arrtwn2_07.jpg);
	background-repeat: repeat-y;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 5px;
} 
/*  =============== EXTRA style==================== */ 

#extra {
	height: 31px;
	padding: 0px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	font-size: 9px;
	text-align: center;
	color: #005A9C;
}


/*  =============== Footer styles==================== */ 
#footer {
	clear:both;
	text-align: left;
	background-image: url(../images/footer_bg.jpg);
	position: relative;
	background-repeat: no-repeat;
	height: 40px;
	color: #666666;
	font-size: 9px;
	padding: 15px 10px 10px;
} 

.foot_menu {
	width: 320px;
	float: left;
}

.copy{
	width: 300px;
	float: right;
}
.tahalogo {
	height: 31px;
	width: 40px;
	float: right;
	margin-top: -3px;
}

/*  =============== FORM styles==================== */ 
div.contact_frm
{
	background-color: #F7F1CF;
	border: 1px solid #C4B78D;
	padding: 5px 10px;
	margin-right: auto;
	margin-left: auto;
	width: 300px;
}

.subtitle	{
	padding: 5px 10px;
	color: #333333;
	background-color: #D4C58C; }
							
.subtitle a, .subtitle a:hover {
	font-size: 10px;
	color: #333333; }

.entry {
	padding: 5px;
	color: #666666;
	background-color: #F7F1CF;
	border: 1px solid #3399FF;
}

.form_text {
	width: 300px;
	padding: 2px;
	color: #333333;
	background-color: #FFFFFF;
	border: 1px solid #D4C58C; }

.form_textarea {
	width: 300px;
	height: 150px;
	overflow: auto;
	padding: 2px;
	color: #333333;
	background-color: #FFFFFF;
	border: 1px solid #D4C58C; }

.form_button {
	height: 20px;
	width: 75px;
	font-size: 12px;
	font-weight: bold;
	color: #5B633E;
	background-color: #D4C58C;
	border: 3px double #77682D;
}