/*****CSS RESET*******/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {  margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

/****BODY STYLES********/

body { font-family: Arial; font-size: 14px; color: #FFF; background: url(../images/bkg.jpg) repeat-x #267DD3 35px top; }

p { line-height: 18px; }
h1 { font-family: Arial; font-size: 18px; color: #FFF;}
h2 { font-family: Arial; font-size: 16px; color: #FFF;}

a { color: #0066CC; text-decoration: none; }
a:hover { color: #F36607; }

#container { margin: 0 auto; width: 958px; }
.contentContainer { float: left; width: 939px; padding: 0 0 19px 19px; background: #FFF }

/****HEADER STYLES*******/

#header { position: relative; float: left; width: 958px; height: 214px; background: url(../images/header.png) no-repeat; z-index: 20; }
#header img { position: absolute; width: 267px; height: 235px; bottom: -92px; left: 345px; }

/*****NAV STYLES*******/
#nav a { color: #fff; text-decoration: none; }
#nav a:hover { color: #5fb3ff; text-decoration: strong; }
ul#nav { float: left; width: 938px; height: 37px; padding-left: 20px; background: #0066CC;  }
ul#nav li { float: left; margin-top: 3px; padding-right: 38px; }
ul#nav li.last { padding-right: 0; }
ul#nav li.rightNav { padding-right: 300px; }

ul#nav li a { float: left; height: 34px; background: url(../images/nav.jpg) no-repeat; }
ul#nav li a:hover { background: url(../images/nav.jpg) no-repeat 0 -37px; }
ul#nav li a.home { width: 50px; }
ul#nav li a:hover.home { background-position: 0px -37px; }
ul#nav li a.shopping { width: 77px; background-position: -50px 0; }
ul#nav li a:hover.shopping { background-position: -50px -37px !important; }
ul#nav li a.eateries { width: 74px; background-position: -127px 0; }
ul#nav li a:hover.eateries { background-position: -127px -37px !important; }
ul#nav li a.services { width: 70px; background-position: -201px 0; }
ul#nav li a:hover.services { background-position: -201px -37px !important; }
ul#nav li a.location { width: 80px; background-position: -271px 0; }
ul#nav li a:hover.location { background-position: -271px -37px !important; }
ul#nav li a.contact { width: 70px; background-position: -351px 0; }
ul#nav li a:hover.contact { background-position: -351px -37px !important; }

/* LEVEL ONE*/
ul.dropdown { position: relative; }
ul.dropdown li a { display: block; }
ul.dropdown li.hover, ul.dropdown li:hover { position: relative; }

/* LEVEL TWO*/
ul.dropdown ul { width: 220px; visibility: hidden; position: absolute; top: 100%; left: 0; background: #0066CC; padding: 0px 0px 15px 0px }
ul.dropdown ul li { float: none; }
ul.dropdown ul li a	{ width: 100%; height: 20px !important; padding: 10px 10px 0 20px; display: inline-block; color: #FFF; background: url(../images/subNavRoll.jpg) no-repeat left -26px !important; } 
ul.dropdown ul li a:hover { background: url(../images/subNavRoll.jpg) no-repeat left 5px !important; }

/*****FOOTER STYLES*******/

#footer { float: left; width: 100%; padding: 15px 0; text-align: center; }

/*****HOME CONTENT STYLES*******/

.banner { float: left; width: 918px; height: 226px; margin-top: 12px; color: #0066CC; }
.banner.home { background: url('../images/bannerHome.jpg') no-repeat; }
.banner.home p { width: 300px; margin: 40px 0 0 190px; }

#homeDirectory { float: left; width: 898px; min-height: 430px; margin-top: 19px; padding: 20px 0 0 20px; background: url(../images/homeDirectoryBkg.jpg) no-repeat top right #0066CC; }
#homeDirectory a { color: #2066cc; text-decoration: none; }
#homeDirectory a:hover { color: #f36607; text-decoration: none; }

.listing { float: left; width: 94px; height: 151px; margin: 15px 9px 0 0; padding: 0 18px 0 5px; text-align: center; color: #0066CC; background: url(../images/listingBkg.png) no-repeat; }
.listing.last { margin-right: 0; }
.listing img { padding: 5px 0 2px 0px; }

#homeBottomCallout { float: left; width: 572px; height: 196px; margin: 19px 19px 0 0; padding: 20px 0 0 20px; font-size: 15px; background: url(../images/homeBottomCalloutBkg.jpg) no-repeat top right #569AE4; }
#homeBottomCallout p { width: 400px; padding: 0  0 15px 5px; }

#homeLocation { float: left; width: 286px; height: 196px; margin: 19px 0 0; padding: 20px 0 0 20px; font-size: 13px; background: url(../images/homeLocationBkg.jpg) no-repeat #F36607 bottom right; }
#homeLocation span { font-size: 15px; }
#homeLocation p { padding: 0 0 15px 5px; }
#homeLocation a img { margin-top: 20px; }

/*****SUB CONTENT STYLES*******/

.subContent { float: left; width: 858px; min-height: 430px; margin-top: 19px; padding: 0 40px 20px 20px; background: url(../images/subContentBkg.jpg) no-repeat left top #0066CC; }
.subContent img.pic { float: right; }
.subContent img.title { margin-top: 20px; }
.subContent p { width: 530px; margin-top: 15px; }
a { color: #fff; text-decoration: underline; }
a:hover { color: #Fff; text-decoration: none; }

.bottomCallout { float: left; width: 878px; height: 177px; margin: 19px 0; padding: 20px 20px; font-size: 15px; background: url(../images/bottomCalloutBkg.jpg) no-repeat #F36607 bottom right; }
.bottomCallout p { float: left; width: 33%; line-height: 22px; }
.bottomCallout p a { color: #FFF; }
.bottomCallout p a:hover { text-decoration: underline; }
.bottomCallout p a img { margin-top: 20px; }