﻿body {
	margin: 0;
	padding: 0;
	font: normal 12px Tahoma, Arial;
	background: url('../images/design/mainbg02.jpg') top center repeat-x #fff}
a img {
	border: none}
img.ad {
	display: block;
	margin-left: auto;
	margin-right: auto/*;
	border: 1px solid #7f7f7f*/}
div.ad {
	padding-bottom: 1em}
a:link, a:visited {
	color: #000;}
.center font {
	color: #000}
#main {
	margin: auto;
	border-radius:20px;
	}
/*#header {
	height: 260px;
	background: url('../images/design/girl.gif') 10px 0px no-repeat}
div#header {
	width: 800px;
	margin: auto;
	clear: both;
	padding: 1px}
#header .logo {
	margin: 15px 0 0 300px;
	position: absolute}
#header .menu {
	position: absolute;
	margin: 90px 0 0 350px}*/
#header .menu a {
	display: block;
	float: left}
div.left {
    float: left;
	text-align: left;
	display: block;
	padding-left: 16px}
div.right {
    float: right;
    width: 160px;
	display: block;
	padding-top: 16px}
div.column1 {
    float: left;
	text-align: left;
	display: block}
div.column2 {
    float: right;
	text-align: left;
	display: block}
div#left {
    float: left;
    width: 160px;
	display: block;
	padding-top: 16px}
div#main {
	padding-top: 16px}
div#right {
    float: right;
    width: 160px;
	display: block;
	padding-top: 16px}
#content table.main {
	margin: auto}
#content table.main .center {
	vertical-align: top;
	color: #000;
	padding: 0 16px;}
#content table.main .center a:link, #content table.main .center a:visited {
	color: #ff5f1a;
	font-weight: bold}
#content table.main .center .document {
	padding: 0px 16px 16px 16px;
	color: #000}
#content table.main .center .document p {
	margin: 0px;
	font-family: 'Times New Roman', Times, serif;
	font-size: 16px;
	color: #000000;
	padding-bottom: 1em;
	padding-top: 0;
	line-height: 125%}
#content table.main .center .document div {
	font-family: 'Times New Roman', Times, serif;
	font-size: 16px;
	margin-left: 2em;
	padding-bottom: 1em;
	line-height: 125%}
#content table.main .center .document div.calendar {
	font-family: Tahoma, Arial;
	font-size: 11px;
	margin-left: 0em;
	padding-bottom: 0em;
	line-height: 125%}
#content table.main .center .document div.nopadding {
	font-family: Tahoma, Arial;
	font-size: 12px;
	margin-left: 0em;
	padding-bottom: 0em;
	line-height: 125%}
#content table.main .center .document p.title {
	font-weight: bold;
	padding-bottom: 0;
	padding-top: 0.5em}
#content table.main .center .document p.subtitle {
	padding: 0}
#content table.main .center .document ol {
	margin: 0px;
	padding: 0px;
	list-style-image: none;
	list-style-position: outside}
#content table.main .center .document ul {
	margin: 0px;
	padding: 0px;
	list-style-image: none;
	list-style-position: outside}


#login {
	font: normal 12px Tahoma}
form {
	display: inline}
#login a {
	font-weight: bold;}
#login input {
	border: none;
	background: #7daa05}
#login .i{
	width: 120px;}
.left a.style1, .left a:visited.style1, .left a:link.style1 {
	color: #333;}
.left a.style3, .left a:visited.style3, .left a:link.style3 {
	color: #333;}
#content table.main .left .box {
	position: relative;
	margin-top: -2px;
	margin-bottom: 2px}
#content table.main .left .text {
	margin-left: 2px;
	padding: 10px}              
.style1 {
	font-size: medium;<strong></strong>
	font-family: Verdana}
a.style1 {
	display: block;
	padding-left: 12px;
	font-size: medium;
	background: url('../images/design/pipdarker.gif') left center no-repeat;
	text-decoration: none}
a.style3 {
	display: block;
	font-weight: bold;
	padding-left: 12px;
	font-size: medium;
	background: url('../images/design/pipdarker.gif') left center no-repeat;
	text-decoration: none;
	padding-top: 6px}
#content table.main .center h1 {
	font: bold 18px "Trebuchet MS";
	margin: 2px 7px 10px 2px;
	padding-bottom: 3px;
	border-bottom: 2px inset #999;
	color: #7daa05}
#content table.main .center #adv input.i, #content table.main .center #adv select {
	border: 1px solid #7f9db9}
#content table.main .center a:link, #content table.main .center a:visited {
	color: #414141} 
#content table.main .center div.box a:link, #content table.main .center div.box a:visited {
	color: #698e04}
#footer {
	text-align: center;
	padding: 20px 0px 10px 0px;
	height: 50px;
	color: #999999;
	background: url('../images/design/footer.gif') bottom center repeat-x #fff} 
div#footer {
    clear: both}
#footer .line1 a, #footer .line1 a:link, #footer .line1 a:visited {
	color: #333}
#footer .copy {
	font: normal 14px Verdana;
	margin-top: 10px;
	color :#000}
.welcome {
	background: url('../images/design/welcome.jpg') top center no-repeat;
	height: 90px;
	padding-right: 95px;
	padding-top: 60px;
	padding-left: 320px;
	padding-bottom: 20px;
	font-size: 11px}
.center .top {
	background: url('../images/design/folder.gif') center left no-repeat;
	padding: 3px 0 3px 30px}
.center .top, .center .top a:link, .center .top a:visited {
	font-weight: bold!important;
	color: #698e04!important;
	text-decoration: underline}
.center .other {
	padding: 10px}
.center .other a {
	font-weight: normal!important;
	color: #000000!important;
	padding-top: 6px}
table .subcatsR, table .subcats {
	border: 1px solid #ededed;
	background: #f7f7f7}
.subcatsR th , table .subcats th {
	border: 1px solid #d7700a;
	background: #ff9b12}
.subcatsR td {
	border: 1px solid #ededed;
	padding: 5px;
	color: #000}
#content table.main .center .subcatsR td a:link, .subcatsR td a:link, .subcats td a:visited {
	color: #871f1f;
	font-weight: normal}
#content table.main .center .panel * a, .panel * a:link, .panel * a:visited {
	color: #000;}


/* 20090709 for new admin pages */
#content table.main td.center td.form_request {
	color: #ffffff;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	background-color: #009966;}
#content table.main .center td.form_request a:link {
	color: #ffffff;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;}
#content table.main .center td.form_request a:visited {
	color: #ffffff;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;}
#content table.main .center td.form_request a:hover {
	color: #ffffcc;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;}
#content table.main .center td.form_request a:active {
	color: #b3e8e1;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;}
#content table.main .center td.form_answer {
	color: #000000;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	text-decoration: none;
	font-size: 11px;
	background-color: #ffffff;}
/* 20090709 for new admin pages */



/* Still using this in the top menu items for now */
.menu div {
	display: inline;
	background-color: transparent}
.menu div a {
	padding: 1px 10px;
	text-decoration: none;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif}
.menu div.first {
	padding: 1px 10px 1px 0px}
.menu div.last {
	border-right: 0px none;
	padding: 1px 0px 1px 10px}
.menu div a:hover {
	color: #FFF;
	background-color: #789935}
.menu div a.selected {
	background-color: #789935}
/*
div.menu {
	position: absolute;
	top: 210px;
	padding: 3px 0px 2px 0px;
	background-color: transparent;
	text-align: left}
div.menu div {
	border-right: 2px solid #A88425}
div.menu div a {
	color: #000;
	font-weight: normal;
	font-size: 0.8em}
div.menu div.last {
	border-right: 0px none;
	padding: inherit}
div.menu div a:hover {
	background-color: #DBAD2F}
*/
#content table.main .center td.menu {		/* My TOCA menu */
	background-color: #8CB33E}
#content table.main .center td.menu div {
	border-right: 2px solid #506623;
	padding: 0;
	margin: 0;
	font-size: 12px}
#content table.main .center td.menu div a {
	color: #FFF;
	font-size: 0.9em}
#content table.main .center td.menu div a:hover {
	background-color: #789935}
#content table.main .center td.menu div a.selected {
	background-color: #789935}
#content table.main .center td.menu div.last {
	border-right: 0px none;
	padding: inherit}
#top {										/* top menu definition */
	background-color: #8CB33E;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	font-weight: bold;
	font-size: 0.9em}
#top a {
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	font-variant: small-caps;
	margin-left: 2px}
#top div {
	border-right: 2px solid #506623}
#top div.last {
	border-right: none}
#top div a {
	margin-left: 0px;
	font-variant: normal}
#top input {
	margin-left: 8px;
	margin-right: 2px}

#menu {
	position: absolute;
	top: 180px;
	margin: 0;
	padding: 0;
	width: 1032px}
#menu li {
	list-style: none;
	float: left;
	font-weight: bold;
	font-size: 1.1em;}
#menu li a {
	display: block;
	margin: 0;
	text-decoration: none; 
	font-size: 1.1em;
	color: #000;}
#menu li.last {
	border-right: 0px none;}
#menu li ul {
	display: none;}
#menu li:hover a, #menu li.hover a {
	color: #FFF}
#menu li:hover ul, #menu li.hover ul {
	position: absolute;
	width: 100%;
	top: 28px;
	display: inline;
	margin: 0;
	background-color: transparent;
	padding: 2px 0px 1px 0px;}
#menu li:hover ul.restaurants, #menu li.hover ul.restaurants {
	margin-left: -26px;
	width: 586px;
}
#menu li:hover ul.vehicles, #menu li.hover ul.vehicles {
	margin-left: -416px;
	width: 549px;
}
#menu li:hover ul.about, #menu li.hover ul.about {
	margin-left: -298px;
	width: 361px;
}
#menu li li {
	margin: 0;
	padding: 0}
#menu li:hover li, #menu li.hover li {
	background-color: #f5c135;
	border-right: 2px solid #A88425;
	padding: 3px 10px;
	float: left;}
#menu li li a {
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	padding: 0;}
#menu li li p {
	margin: 0;
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	padding: 0;}
#menu li:hover a, #menu li.hover a {
	color: #000}
#menu li li:hover, #menu li li.hover {
	background-color: #DBAD2F;}
#menu li li a:hover, #menu li li a.hover {
	color: #000}
#menu li li.last  {
	border-right: 0px none;}
div.spacer {
	height: 3em;
}
div .hide {
	display: none;
}
/* index page exclusive styles */
h4 {
	text-align: left;
	color: #FF6600;
	font-size: 18px;
	font-family: arial, helvetica, verdana;
	font-weight: bold;}
table.righty {
	position: absolute;
/*	left: 20px;*/
	top: 10px;}
table.lefty {
	position: absolute;
	right: 0px;
	top: 10px;}
p.title {
	line-height: 18px;
	font-family: arial, helvetica, verdana;
	font-size: 15;
	color: #ff6600;
	font-weight: bold;
	margin-left: 10px;}
p.maintext {
	line-height: 18px;
	font-family: arial, helvetica, verdana;
	font-size: 13;
	color: #000000;
	margin-left: 10px;}	
a:link.main {
	color: #ff6600;
	text-decoration: none;}
a:visited.main {
	color: #053768;
	text-decoration: none;}
a:hover.main {
	color: #0099CC;
	text-decoration: none;}
a:active.main {
	color: #0099CC;
	text-decoration: none;}
a:link.other {
	color: #2f410c;
	text-decoration: none;}
a:hover.other {
	color: #e5d147;
	text-decoration: none;}
.login input {
	width: 180px;
}
.login a {
	font-size: 10pt;
	font-style:italic;
	text-decoration: none;
	color: #000}
.login a:hover {
	color: #e5d147;
	text-decoration: none;}
/* end index page exclusive styles */
