body,td,div,p,font,span,h3 {font-family: arial,sans-serif; font-size:11}
body {margin-top:0; background-color: #FFF; margin-left:0; margin-right:0; color:#003366}
html, body { min-height: 100%; margin-bottom: 30px; height:auto!important;}

img.logo { border: 0;}
#topbar { width: 100%; text-align: center; background-color: #FFF;}
#container { width: 100%; background-color:#FFF; text-align:center; position:relative;}
#leftbar { width:100; padding-left: 10px; vertical-align: top; background-color: #FFF; text-align:left;}
#centerbar { width:80%; height:100%; vertical-align: top; background-color: #FFF; text-align: center;}
#rightbar { width:100; padding-left: 0px; vertical-align: top; background-color: #FFF;}

a { text-decoration: underline; font-size: 12; color: #369}
a:hover { text-decoration: underline; font-size: 12; color: #036}
a.email { text-decoration: none; font-size: 12; color: #036}

img.fb_logo {
	border: 0px;
	width: 30;
	height: 30;
}

table.menu td { padding-top: 15px; }

table.contactbar { width:100%; padding: 10px}
table.contactbar td { width:100%; text-align:center; font-size: 12px;}

table.pricelist {
	margin-left:auto; margin-right:auto; margin-top: 20px; margin-bottom: 20px;
	font-family:arial;
	background-color: #369;
	border: 1px solid #036;
	font-size: 11pt;
	color: #036;
	text-align: left;
	padding:0;
	border-spacing:0;
	table-layout: fixed;
}

table.pricelist thead tr th{
	background-color: #369;
	color: #FC6;
	font-size: 10pt;
	padding: 3px;
	font-weight: lighter;
	padding-left: 10px;
}

table.pricelist tbody td {
	color: #036;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
	padding-left: 10px;
}


.bl {background: url("images/bl.jpg") 0 100% no-repeat #ccc;}
.br {background: url("images/br.jpg") 100% 100% no-repeat}
.tl {background: url("images/tl.jpg") 0 0 no-repeat}
.tr {background: url("images/tr.jpg") 100% 0 no-repeat; padding:10px}


ul.tabs {
	margin: 0;
	margin-left:30px;
	padding: 0px;
	float: center;
	list-style: none;
	height: 35px; /*--Set height of tabs--*/
	border: none;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 34px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 24px; /*--Vertically aligns the text within the tab--*/
	border: none;
	margin-bottom: 0px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #ccc;
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 1.2em;
	padding: 0px;
	border: none; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}
ul.tabs li a:hover {
	background: #ccc;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #ccc;
	border-bottom: 1px solid #CCC;
	/*--Makes the active tab look like it's connected with its content--*/
}

.tab_container {
	width: 80%;
	border: none;
	clear: both;
	margin-left:auto; margin-right:auto;
}
.tab_content {
	padding: 20px;
	font-size: 1.2em;
}