body
{
margin: 0 auto;
width: 900px;
background: #eee url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAMAAAC6sdbXAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRF3d3d////riJKgAAAAAJ0Uk5T/wDltzBKAAAAFUlEQVR42mJgBAEGGMmAxAYCgAADAAGGABmnk/7aAAAAAElFTkSuQmCC);
height: 100%;
}
html {
overflow-y: scroll;
height: 100%;
}
img {
border: 0px;
}
.link {
color: #666666;
text-decoration: none;
border-bottom:1px dotted;
}
.phonelink {
text-decoration: none;
cursor:default;
}
#container
{
min-height: 100%;
background-color:#ffffff;
-webkit-box-shadow: 5px 5px  #888,  -5px 0 5px #888;   
-moz-box-shadow: 5px 0 5px #888,  -5px 0 5px #888;   
box-shadow: 5px 0 5px #888,  -5px 0 5px #888;
}
#header
{
width: 800px;
padding-left: 50px; padding-top: 30px;
}
h1 { font-size: 150%; text-align: center; }
#content
{
width: 800px;
margin-right: auto;
margin-left: auto;
margin-top:25px;
}
#navigation
{
width: 700px;
margin-right: auto;
margin-left: auto;
margin-top:75px;
margin-bottom: 10px;
}
.footer {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border:1px solid #C9C9C9;
background-color:#f3f3f3;
width: 800px;
height: 40px;
margin-right: auto;
margin-left: auto;
padding: 5px;
text-align: center;
vertical-align: middle;
line-height:40px;
font-size: 75%;
}
#alignleft {
float: left;
}
#alignright {
float: right;
}
ul.tabs
{
padding: 7px 0;
font-size: 0;
margin:0;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the tabs as desired*/
}
ul.tabs li
{
display: inline;
margin: 0;
margin-right:3px; /*distance between tabs*/
}
ul.tabs li a
{
font: normal 12px Verdana;
text-decoration: none;
position: relative;
z-index: 1;
padding: 7px 16px;
border: 1px solid #CCC;
border-bottom-color:#B7B7B7;
color: #000;
background: #F0F0F0 url(../images/tabbg.gif) 0 0 repeat-x;
border-radius: 2px 2px 0 0;
outline:none;
}
ul.tabs li a:visited
{
color: #000;
}
ul.tabs li a:hover
{
border: 1px solid #B7B7B7;
background:#F0F0F0 url(../images/tabbg.gif) 0 -36px repeat-x;
}
ul.tabs li.selected a
{
/*selected tab style */
position: relative;
top: 0px;
font-weight:bold;
background: white;
border: 1px solid #B7B7B7;
border-bottom-color: white;
}
ul.tabs li.selected a:hover
{
/*selected tab style */
text-decoration: none;
}
div.tabcontent
{
display: block;
}
div.tabcontents
{
border: 1px solid #B7B7B7; padding: 30px;
background-color:#FFF;
border-radius: 0 2px 2px 2px;
}
.tablecontent {
padding: 0px;
width: 300px;
margin-bottom: 10px;
background-color: #fff;
position: relative;
}
.table {
width: 300px;
}
.table .th {
background-color: #eee;
height: 20px;
}
.table .tr {
background-color: #eee;
height: 20px;
}
.table .td {
float: left;
width: 50%;
height: 20px;
}

/* New Menu */
.spacer{clear:both;}
.container {
width: 80%;
margin: 0 auto;
position: relative;
top: 20px;
}
#nav, #nav ul {
	list-style: none;
	margin: 0 auto;
	padding: 0;
	z-index: 2;
}

#nav #toggleMenu, #nav #hideMenu {
	display: none;
}

/* The main navigation bar */
#nav {
	position: relative;
	display: block;
	height: 44px;
	width: 80%; /* The menu will take the width of its container */
	border-radius: 3px;
	background: #429bc7;
}

#nav>li {
	display: block;
	float: left;
	position: relative;
}

/* The main navigation links */
#nav>li>a {
	/* Layout */
	display: block;
	padding: 13px 22px;
	border-color: #b8d9ea;

	/* Typography */
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	font-size: 15px;
	font-weight: 725;
	color: #b8d9ea;
	text-decoration: none;
	
	/* Transitions */
	-webkit-transition: color .2s ease-in, border-top-color .2s ease-in;
	-ms-transition: color .2s ease-in, border-top-color .2s ease-in;
	-moz-transition: color .2s ease-in, border-top-color .2s ease-in;
	-o-transition: color .2s ease-in, border-top-color .2s ease-in;
	transition: color .2s ease-in, border-top-color .2s ease-in;
}

/* The hover state of the links */
#nav>li:hover>a {
	color: #fff;
	border-top-color: #fff;
}

#nav>li.dropdown>a {
	padding-right: 28px;
}

/* The arrow indicating a dropdown menu */
.dropdown>a::after {
	position: absolute;
	display: block;
	content: "";
	height: 0;
	width: 0;
	border: 4px solid transparent;
	border-top-color: inherit;
	right: 11px;
	top: 21px;
}

/*  The submenus */
#nav ul {
	display: block;
	position: absolute;
	top: 43px;
	left: -9999px;
	opacity: 0;
	background: #429bc7;
	cursor: pointer;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	-webkit-transition: opacity .22s ease-in;
	-ms-transition: opacity .22s ease-in;
	-moz-transition: opacity .22s ease-in;
	-o-transition: opacity .22s ease-in;
	transition: opacity .22s ease-in;
}

#nav ul li {
	display: block;
	position: absolute;
	height: 0px;
	-webkit-transition: height .15s ease-in;
	-ms-transition: height .15s ease-in;
	-moz-transition: height .15s ease-in;
	-o-transition: height .15s ease-in;
	transition: height .15s ease-in;
}

/* The submenu appears when its parent is hovered */
#nav>li:hover>ul {
	left: 0px;
	opacity: 1;
}

#nav li:hover>ul>li {
	position: relative;
	height: 31px;
}

/* The submenu links */
#nav ul li a {
	/* Layout */
	display: block;
	padding: 7px 12px 7px 22px;
	width: 130px;

	/* Typography */
	font-family: "Open Sans", sans-serif;
	font-size: 15px;
	text-decoration: none;
	color: #b8d9ea;
	font-weight: 700;
	
	/* Background & effects */
	background: #429bc7;
	-webkit-transition: color .2s ease-in, border-left-color .2s ease-in;;
	-ms-transition: color .2s ease-in, border-left-color .2s ease-in;;
	-moz-transition: color .2s ease-in, border-left-color .2s ease-in;;
	-o-transition: color .2s ease-in, border-left-color .2s ease-in;;
	transition: color .2s ease-in, border-left-color .2s ease-in;;
}

/* Rounded corners for the last submenu link */
#nav ul>li:last-child>a {
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}

/* Changing the link color on hover */
#nav ul li:hover>a {
	color: #fff;
}

.nav ul ul {
	display: none;
}


/* =============== Target smartphones ================*/
@media screen and (max-device-width : 640px)
{
body{
background:#ffffff;
width: 95%;
margin: 0 auto;
position: relative;
top: 0px;
bottom: 10px;
}
#container
{
padding:0px;
width: 100%;
background-color:#ffffff !important;
-webkit-box-shadow: 0px 0px,  0px 0px;   
-moz-box-shadow: 0px 0px,  0px 0px;   
box-shadow: 0px 0px,  0px 0px;
}
#header
{
width: 100%;
padding-left: 2px; padding-top: 30px;
}
#content
{
padding:2px;
width: 100%;
margin-right: auto;
margin-left: auto;
margin-top:5px;
margin-bottom: 20px;
}
#slider {
display: none;
}
.footer {
width: 90% !important;
height: 120px !important;
margin-right: auto;
margin-left: auto;
text-align: center;
vertical-align: middle;
line-height:40px;
font-size: 75%;
}
#alignleft {
float: left;
}
#alignright {
display: right;
}
#content
{
width: 100%;
margin-right: 5px;
margin-left: 5px;
margin-top:30px;
margin-bottom: 20px;
}
#navigation
{
width: 100%;
}
#titletext
{
padding-top: 100px;
}
#address
{

}
.phonelink {
text-decoration: none;
border-bottom:1px dotted;
}
ul.tabs
{
padding: 7px 0;
font-size: 0;
margin:0;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the tabs as desired*/
}
ul.tabs li
{
display: inline;
margin: 0;
margin-right:3px; /*distance between tabs*/
}
ul.tabs li a
{
font: normal 12px Verdana;
text-decoration: none;
position: relative;
z-index: 1;
padding: 7px 2px;
border: 1px solid #CCC;
border-bottom-color:#B7B7B7;
color: #000;
background: #F0F0F0 url(../images/tabbg.gif) 0 0 repeat-x;
border-radius: 2px 2px 0 0;
outline:none;
}
ul.tabs li a:visited
{
color: #000;
}
ul.tabs li a:hover
{
border: 1px solid #B7B7B7;
background:#F0F0F0 url(../images/tabbg.gif) 0 -36px repeat-x;
}
ul.tabs li.selected a
{
/*selected tab style */
position: relative;
top: 0px;
font-weight:bold;
background: white;
border: 1px solid #B7B7B7;
border-bottom-color: white;
}
ul.tabs li.selected a:hover
{
/*selected tab style */
text-decoration: none;
}
div.tabcontent
{
display: block;
}
div.tabcontents
{
border: 1px solid #B7B7B7; padding: 5px;
background-color:#FFF;
border-radius: 0 2px 2px 2px;
}
.tablecontent {
padding: 0px;
width: 300px;
margin-bottom: 10px;
background-color: #fff;
position: relative;
}
.table {
width: 300px;
}
.table .th {
background-color: #eee;
height: 20px;
}
.table .tr {
background-color: #eee;
height: 20px;
}
.table .td {
float: left;
width: 50%;
height: 20px;
}

#nav {
		width: 100%;
		max-width: 640px;
		height: auto;
	}

	#nav li {
		float: none;
		padding: 0px 10px;
		display: none;
	}

	#nav>li>a {
		padding: 20px 10px;
	}

	.dropdown>a::after {
		display: none;
	}

	#nav ul {
		position: relative;
		top: 0px;
		left: 0px;
		right: auto;
		opacity: 1;
		clear: both;
	}

	#nav ul li, #nav>li:hover>ul>li {
		height: auto;
		position: relative;

	}

	#nav ul li a {
		padding: 20px 10px;
		width: auto;
	}

	#nav #toggleMenu {
		display: block;
	}

	#nav #toggleMenu>a, #nav #hideMenu>a {
		padding: 13px 10px;
		z-index: 999;
	}

	#nav:target li {
		display: block;
	}

	#nav:target #toggleMenu {
		display: none;
	}

	#nav:target #hideMenu {
		display: block;
		background: rgba(0, 0, 0, .13);
		border-top-left-radius: 3px;
		border-top-right-radius: 3px;
	}

	#nav #hideMenu>a {
		color: #fff;
	}

	#toggleMenu>a::after, #hideMenu>a::after {
		position: absolute;
		content: "";
		right: 20px;
		top: 16px;
		height: 3px;
		width: 20px;
		border-top: 2px solid #b8d9ea;
		border-bottom: 2px solid #b8d9ea;
		z-index: 1;
	}

	#toggleMenu>a::before, #hideMenu>a::before {
		position: absolute;
		content: "";
		right: 20px;
		top: 23px;
		height: 3px;
		width: 20px;
		border-bottom: 2px solid #b8d9ea;
		z-index: 1;
	}

	#hideMenu>a::after, #hideMenu>a::before {
		border-color: #fff;
	}
#nav #nodisplay
{
display: none;
}
}