@import url("navigation.css");

/* 
  -----------------------------------
  5 Points Shopping Center 2006 Style Sheet (Master) - Mod. Sept 23, 2008
  Author: Justin Agoglia
  www.skylardesign.com
  -----------------------------------
*/

/* =Universal Styles
---------------------------------- */

html, body {background: #F5DDB4 url(../images/wrapBkg.jpg) repeat-x left top; font: 100% Arial, Helvetica, sans-serif; color: #4B4B4C;}

#mast {background: url(../images/mastbkg.jpg) repeat-x; width: 100%; height: 47px;} /* Topbar */
#wrapper {margin: 0 auto; width: 800px; background-color: #FFF; position: relative;}

a {color: #0066FF; text-decoration: none;}
a:visited {color: #79AEFF;}
a:hover {color: #79AEFF; text-decoration: underline;}

* {margin: 0; padding: 0;}

h1, h2, h3 {color: #93BE63;	font-weight: normal;}

h1 {font-size: 1.4em;}
h2, h3 {font-size: .9em; font-weight: bold; border-bottom: 1px solid #939393; width: 50%;}

.clear {clear: both;}

.warning {color: red;}

/* =Home Main Content
---------------------------------- */
#c1 {float: left; width: 195px;}
#c2 {float: right; width: 605px;}
#c1 #logo {padding: 18px 0 23px 45px;}
#c2 #contentWrap {float: left; width: 605px;} /* Houses Content in Column 2 */
#c2 #masthead {float: left;}
#c2 #masthead .shape1 {float: left; width: 207px; height: 125px; background: #5488AA url(../images/rt-corner-blue.gif) no-repeat right top;}
#c2 #masthead .shape2 {float: left; width: 395px; height: 125px; background: #A2C879 url(../images/rt-corner-green.gif) no-repeat right top; margin-left: 3px;margin-bottom: -3px; /* This address bleed in IE6 */}
#c2 #masthead .shape2 #tagline {position: absolute;	left: 430px; top: 92px;}
#c2 #hmImage {float: left; margin: 3px 0 0 1px;}

#pageHeader {float: left; width: 100%; background: url(../images/gyHead.gif) no-repeat left top; height: 83px; line-height: 83px; margin-top: 3px;}
#pageHeader h1 {margin: 50px 0 0 27px;}

/* = Main Body Content (Layout)
---------------------------------- */
div#contentMain {float: left; margin: 0 auto; width: 565px; padding: 35px 20px 2.5em;}
div#sidebar {display: none;}

body.ms div#main,
body.sm div#main {width: 365px;}

body.ms div#sidebar,
body.sm div#sidebar {display: block; width: 196px;}

body.ms div#main,
body.sm div#sidebar {float: left;}

body.sm div#main,
body.ms div#sidebar {float: right;}

div#main p, div#main li {font-size: 0.75em; line-height: 1.5;}
div#main p {margin-bottom: .5em;}
div#main p.space {margin-bottom: 2em;}
div#main h1 {margin: .5em 0;}
div#main ul {list-style: none;}
div#main li {background: url(../images/bullet.gif) no-repeat left center; padding-left: 1.3em;}
div#main hr {margin: .5em 0;}

/* =Interior Styles
---------------------------------- */
body.inter #main {padding-left: .4em;}
body.directory #main div#dirContainer {float: left; padding-bottom: 1.5em;}
body.directory #main ul li, body.dining #main ul li {margin: .04em 0;}
body.directory #main div#dir1, body.directory #main div#dir2  {float: left; width: 265px;} 
<!--body.directory #main > div#dir1, body.directory #main > div#dir2 {margin-bottom: 1em;}-->
#main h2 {margin: 1.2em 0 .2em; font-size: 1.2em; font-weight: normal; letter-spacing: .02em;}
#main p.shorten {margin: 1px 0 -1px;}
#main p.bump {margin-top: 1.75em;}

body.ms div#sidebar {width: 180px; float: right;}

/* =Specifics
---------------------------------- */
body#home #nav li#photoList {display: none;}
body#photos #main img {border: none;}
body#photos #main ul li {background-image: none; padding-left: 0; margin-bottom: .85em; float: left;}
body#photos #main ul li.rightCol {margin-left: 2.3em;}

/* =Tables
  ----------------------------------- */
table {background: #FFF; empty-cells: show; font-size: .8em; margin: 0 0 5px 0; padding: 4px; padding-left: 0; text-align: left;}
table td {padding: 3px 2em 3px 0; vertical-align: top; line-height: normal;}
table td tr p {font-size: 3em;}
table tr:hover td {color: #444;}
table tr.pad-top {padding-top: 1em; display: block;}
a.smalltx {font-size: .8em;	margin-top: 2em; display: block; letter-spacing: .02em; clear: both;}


/* =Footer Styles
---------------------------------- */
#footer {float: left; width: 800px; background: #EFF1EF;}
#footer-Content {padding: 1em 0 1em 220px;}
#footer-Content p {letter-spacing: .01em; font-size: .7em }
#footer-Content p.cite {margin-top: 5px;}
#footer-Content > p {margin-bottom: -1px;}
#footer-Content a {text-decoration: underline;}
#footer-Content a:hover {color: #5488AA; text-decoration: none;}