/******************************
CSS for NJCocaine.com
uses logo-menu-content-bottom layout
******************************/

body {
background-color:#ffc; color:#000;
font-family:sans-serif; font-weight:bold; font-size:medium;
/* allows proper alignment of various divs */
text-align:center
}




#container {
/* overrides body text centering */
text-align:left;
/* sets overall width */
width:950px;
/* allows body centering */
margin:0 auto
}




#logo {
height:170px;
width:950px;
color:#e70;
}
#logo td.logoleft { font-size:1.5em; text-align:center; width:700px; }
#logo .heading { font-size:2em; }
#logo td.logoright { font-size:.8em; color:#000; text-align:right; width: 250px; }




#wrapper {
/* holds menu+content, keeps them above bottom */
float:left;width:100%;
}




#menu{
/* puts to left of content */
float:left;
width:190px;
/* aligns at left of wrapper; must = width of container */
margin-top:50px;margin-left:-950px;
}

/* button menu */
a.button {
text-decoration: none;
line-height:34px;
border: 2px #e70 outset;
}
a.button:link, a.button:visited, a.button:active {
color: #e70;
background-color: #ffc;
}
a.button:hover {
color: white;
background-color: #e70;
border: inset;
}

/* here menu */
a.here:link, a.here:visited, a.here:hover, a.here:active { 
text-decoration:none; border:none; color:#808080; background-color:#ffc; 
}




#content {
/* leaves space at left for menu */
margin: 0 0 0 200px;
}

h1 { text-align:center; color:#e70; font-size:xx-large; }
h2 { text-align:left; font-size:large; }

.right { float:right; margin-left:1em; }

/* links in content and bottom */
a:link, a:visited { color:#e70; background-color: #ffc;}
a:hover{ color:white; background-color:#e70;}
a:active {color:#e70; background-color:white; }




#bottom{ clear:left; width:100% }

/* bottom menu */
a.bottom {
text-decoration: none;
border: 2px #e70 outset;
font-size:.8em;
}
a.bottom:link, a.bottom:visited, a.bottom:active {
color: #e70;
background-color:#ffc;
}
a.bottom:hover {
color: white;
background-color: #e70;
border: 1px inset;
}
