/*
   Cascading Style Sheet for www.sextonsmarket.com
*/

/* =============================*/
/* Site Colors in HEX/HTML		  */
/* Content Background 	#F4E0B3 */
/* Content Text 			#000000 */
/* Navigation Text 		#FFFFFF */
/* Copywrite Text 		#998558 */
/* Content Hover			#998558 */
/* =============================*/

body.layout {
   width:100%;
	margin:0;
   padding:0;
	background-image: url(../images/background.jpg);
}

table.top {
	width: 100%;
	margin: 0;
	padding: 0;
}

div.upper {
   min-width:950px;
   width:expression(document.body.clientWidth < 950? "950px": "auto" );
}

img.logo {
	margin: 0;
	padding: 0;
	border: 0;
	background-image: url(../images/top_left.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	display: block;
	width: 168px;
	height: 141px;
}

td.header {
	color: #FFFFFF;
   text-align: center;
   vertical-align: middle;
   font-family: arial,sans-serif;
   font-weight: bold;
   font-size: 22px;
	width: 100%;
	height: 141px;
   background-image: url(../images/top_middle.jpg);
   background-repeat: no-repeat;
	background-color: #CAB88F;
}

img {
	border: 0;
}

/* =============================*/
/* 		Navigation Bar			  */
/* =============================*/

table.navbar {
	margin: 0;
	padding: 0;
}

div.navbar_left {
	background-image: url(../images/nav/left.jpg);
	background-position: left;
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	width: 168px;
	height: 46px;
}

div.navbar_middle {
	background-image: url(../images/nav/middle.jpg);
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	width: 43px;
	height: 46px;
}

td.navbar_right {
   width:100%;
   height: 46px;
	text-align: left;
	background-image: url(../images/nav/right.jpg);
	background-repeat: repeat-x;
	margin: 0;
	padding: 0;
}

td.nav {
	color: #FFFFFF;
   text-align: left;
   vertical-align: top;
   font-family: arial,sans-serif;
   font-weight: bold;
   font-size: 16px;
	margin: 0;
	padding: 0;
}

a.nav:link, a.nav:visited {
   color: #FFFFFF;
   text-decoration: none;
   text-align: left;
   vertical-align: middle;
   font-family: arial,sans-serif;
   font-weight: bold;
   font-size: 16px;
	margin: 0;
	padding: 0;
}

a.nav:hover {
   color: #F4E0B3;
   text-decoration: none;
   text-align: left;
   vertical-align: middle;
   font-family: arial,sans-serif;
   font-weight: bold;
   font-size: 16px;
	margin: 0;
	padding: 0;
}

a.sidenav:link, a.sidenav:visited {
   color: #998558;
   text-decoration: none;
   text-align: left;
   vertical-align: middle;
   font-family: arial,sans-serif;
   font-weight: bold;
   font-size: 16px;
	margin-right: 5px;
	padding: 0;
}

a.sidenav:hover {
   color: #B5A277;
   text-decoration: none;
   text-align: left;
   vertical-align: middle;
   font-family: arial,sans-serif;
   font-weight: bold;
   font-size: 16px;
	margin-right: 5px;
	padding: 0;
}

/* =============================*/
/* 	Whole Lower Half Table	  */
/* =============================*/

table.middle_frame {
	width: 100%;
	margin: 0;
	padding: 0;
}

/* =============================*/
/* 		Middle/Content Area	  */
/* =============================*/

table.center_frame {
	width: 100%;
	margin: 0;
	padding: 0;
}

div.top_left {
	background-image: url(../images/middle/upper_left.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	width: 18px;
	height: 39px;
	margin: 0;
	padding: 0;
}

td.top_middle {
	margin: 0;
	padding: 0;
	background-image: url(../images/middle/upper_middle.gif);
	background-repeat: repeat-x;
	background-position: bottom left;
	width: 100%;
	height: 39px;
}

div.top_right {
	width: 18px;
	height: 39px;
	background-image: url(../images/middle/upper_right.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	margin: 0;
	padding: 0;
}

td.content {
   color: #000000;
   background-color: #F4E0B3;
   text-decoration: none;
   text-align: left;
	vertical-align: top;
   font-family: arial,sans-serif;
   font-size: 12px;
	font-weight: normal;
}

h3.content {
   color: #000000;
   background-image: url(../images/tomato.gif);
	background-repeat: no-repeat;
	background-position: left;
   text-decoration: none;
   text-align: left;
	vertical-align: top;
   font-family: arial,sans-serif;
}

a.content:link, a.content:visited {
   color: #000000;
	background-color: #F4E0B3;
   text-decoration: underline;
   font-size: 12px;
}

a.content:hover {
   color: #998558;
	background-color: #F4E0B3;
   text-decoration: underline;
	font-size: 12px;
}

td.border_left {
   background-image: url(../images/middle/middle_left.gif);
   background-position: top right;
   background-repeat: repeat-y;
	height: 600px;
}

td.border_right {
	width: 100%;
	height: 600px;
   background-image: url(../images/middle/middle_right.gif);
   background-position: top left;
   background-repeat: repeat-y;
}

/* =============================*/
/* 		Left Gutter				  */
/* =============================*/

td.left_gutter {
	width: 200px;
	margin: 0;
	padding: 0;
	vertical-align: top;
}

td.left_top {
	background-image: url(../images/sides/left_top.gif);
	background-repeat: no-repeat;
	background-position: top left;
	height: 75px;
	margin: 0;
	padding: 0;
}

td.left_background {
	background-image: url(../images/sides/left_middle.gif);
   background-repeat: repeat-y;
	width: 189px;
}

div.left_content {
   color: #000000;
	text-decoration: none;
   text-align: center;
   vertical-align: middle;
	font-family: arial,sans-serif;
   font-size: 11px;
	margin-left: 21px;
	padding: 0;
	width: 125px;
}

a.left_content:link, a.left_content:visited {
	color: #000000;
	text-decoration: underline;
	font-size: 11px;
	padding: 3px 3px;
	vertical-align: middle;
	font-weight: bold;
	background-image: none;
}

a.left_content:hover {
	color: #998558;
	text-decoration: underline;
	font-size: 11px;
	padding: 3px 3px;
	vertical-align: middle;
	font-weight: bold;
	background-image: none;
}

p.left_information {
	color: #000000;
	text-decoration: none;
   text-align: left;
   vertical-align: middle;
	font-family: arial,sans-serif;
   font-size: 11px;
	font-weight: normal;
	background-image: none;
	margin: 0;
	padding: 0;
}

a.left_information:link, a.left_information:visited {
	color: #000000;
	text-decoration: underline;
   text-align: left;
   vertical-align: middle;
	font-family: arial,sans-serif;
   font-size: 11px;
	font-weight: normal;
	background-image: none;
	margin: 0;
	padding: 0;
}

a.left_information:hover {
	color: #998558;
	text-decoration: underline;
   text-align: left;
   vertical-align: middle;
	font-family: arial,sans-serif;
   font-size: 11px;
	font-weight: normal;
	background-image: none;
	margin: 0;
	padding: 0;
}

/* =============================*/
/* 		Right Gutter			  */
/* =============================*/

td.right_gutter {
	width: 200px;
	padding: 0;
	vertical-align: top;
}

td.right_top {
	background-image: url(../images/sides/right_top.gif);
	background-repeat: no-repeat;
	background-position: top right;
	height: 75px;
	margin: 0;
	padding: 0;
}

td.right_background {
	background-image: url(../images/sides/right_middle.gif);
   background-repeat: repeat-y;
	width: 189px;
}

div.right_content {
   color: #000000;
   text-decoration: none;
   text-align: center;
   vertical-align: middle;
   font-family: arial,sans-serif;
   font-size: 11px;
	margin-left: 39px;
	padding: 0;
	width: 125px;
}

a.right_content:link, a.right_content:visited {
   color: #000000;
	text-decoration: underline;
   font-size: 11px;
   padding:3px 3px;
	text-align: right;
	display: inline;
   font-weight: bold;
	background-image: none;
}

a.right_content:hover {
	color: #998558;
	text-decoration: underline;
   font-size: 11px;
   padding:3px 3px;
	text-align: right;
	display: inline;
   font-weight: bold;
	background-image: none;
}

p.right_information {
	color: #000000;
	text-decoration: none;
   text-align: right;
   vertical-align: middle;
	font-family: arial,sans-serif;
   font-size: 11px;
	font-weight: normal;
	background-image: none;
	margin: 0;
	padding: 0;
}

/* =============================*/
/* 	Copyright/Bottom Text	  */
/* =============================*/

td.border_bottom_left {
   background-image: url(../images/middle/middle_left.gif);
   background-position: top right;
   background-repeat: repeat-y;
	height: 50px;
}

td.border_bottom_right {
   background-image: url(../images/middle/middle_right.gif);
   background-position: top left;
   background-repeat: repeat-y;
	height: 50px;
}

td.copyright {
   color: #998558;
   background-image: url(../images/middle/middle_middle.jpg);
   text-decoration: none;
   text-align: center;
	vertical-align: middle;
   font-family: arial,sans-serif;
   font-size: 10px;
}

a.copyright:link, a.copyright:visited {
   color: #998558;
	background-color: #F4E0B3;
   text-decoration: none;
   vertical-align: middle;
   font-size: 10px;
   padding:3px 3px;
   display:inline;
   margin-left:0px;
}

a.copyright:hover {
   color: #000000;
	background-color: #F4E0B3;
   text-decoration: none;
   vertical-align: middle;
   font-size: 10px;
   padding:3px 3px;
   display:inline;
   margin-left:0px;
}

