 @font-face {
	font-family: 'franklin';
	font-weight: normal;
	font-style: normal;
	src: url('fonts/framd.ttf')  format('truetype');
	}	
	
body{ margin: 0px; background-color:#fff; background-image:url(images/back.jpg); background-repeat:repeat-x; background-position:top;}
 
p, li, td{font: 9pt Lucida Sans Unicode; color: #364564;}

a { color:#900; text-decoration:none;  font-weight:bold;}
a:link {color:#900; text-decoration:none;  font-weight:bold; }
a:visited { font-weight:bold;}
a:hover {text-decoration:underline; color:#06F; font-weight:bold;}

h1 {font-family: 'franklin'; FONT-SIZE: 18pt; color:#364564; font-weight:normal; letter-spacing:-1px;  margin:0px 0px 10px 0px;}
h2 {font-family:Lucida Sans Unicode;  FONT-SIZE: 14pt; color: #364564; margin: 10px 0px 0px 0px;  font-weight:normal; border-bottom: 1px dotted #0CF;letter-spacing:-1px;}
h3 {font-family:Lucida Sans Unicode;  FONT-SIZE: 12pt; color: #364564; margin: 10px 0px 0px 0px; letter-spacing:-1px; font-weight:normal;}
h4 {background-image:url(images/navBack.gif); font-weight:bold; color:#fff; font-size:14px; padding:10px; margin:0px;}

/******* PAGE STYLE *******/

#logo {	z-index:4; margin-top:0px; position:relative;}
#head {width:1050px; }

#main{width:1070px; margin-top:90px; text-align:left;}
#main img {padding-right:10px;}
#content {width:820px; text-align:left; float:left;}
#content img{margin-right:10px;}
.hours {background-color:#eaf2f8; border:1px solid #d1d1d1; padding:10px; }
#features {background-color:#eaf2f8; border:1px solid #d1d1d1; width:780px; text-align:left; padding:0px; margin:0px;}

#left h2 {font-family:Lucida Sans Unicode;  FONT-SIZE: 14pt; color: #364564; margin: 0px;  font-weight:normal; border-bottom:0px;}
#left{float:left; width:384px;  padding: 5px;   background-color:#e0e1e0; border:1px solid #d1d1d1; text-align:left; margin:0px 2px 15px 1px; height:255px;}

/***************  wp  *************/
#primary li, #secondary li{list-style:none;}
.screen-reader-text {clear:both;}
#sidebar{ width:218px;  padding: 5px;  text-align:left; float:right; margin-left:15px;}


/******* Navigation *******/
#menu {width:1050px;  margin:-48px 0px 0px -15px;  padding:0px 0px 0px 0px; z-index:5; position:relative;}
/* remove all the bullets, borders and padding from the default list styling */
#menu ul {padding:0px; margin:0px 0px 0px 0px; list-style-type:none;  color:#fff; }
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#menu li {float:left;position:relative; text-align:center; line-height:30px; padding:0px; font-size:13px; margin:0px 0px 0px 0px;}
/* style the links for the top level */

#menu a:link, #menu a:visited, #menu a{display:block; text-decoration:none;  font-weight:normal; padding:0px 15px;  color:#fff;  margin:0px;}
#menu a:hover {text-decoration:none; color:#123456; display:block;  background-color:#e0eaf2; z-index:3;}
/* hide the sub levels and give them a positon absolute so that they take up no room */
#menu ul ul {visibility:hidden; position:absolute; height:0; top:30px; margin:0px 2px 0px 0px; z-index:1;width:150px;}
/* style the table so that it takes no ppart in the layout - required for IE to work */
#menu table {position:absolute; top:0; left:0; border-collapse:collapse;}
/* style the second level links */
#menu ul ul a{background-color:#123456;  color:#333; padding: 2px 0px 0px 0px; line-height:26px; text-align:center; margin:0px 0px 0px 0px; width:150px; }
/* style the top level hover */
#menu ul ul :hover > a {}
/* make the second level visible when hover on first level list OR link */
#menu ul li:hover ul, 
#menu ul a:hover ul{visibility:visible; color:#123456; }


#footer {padding: 0px 0px 10px 0px; margin: 0px 0px 0px 0px; text-align:center; background-color:#e3e3e3; font: 9pt Lucida Sans Unicode;}
#footer p.dark {background-color:#d4d4d4; color:#979797; padding:10px;}
/******** WOW SLIDER *******/
