/*LAYOUT*/

* { margin: 0; outline: none; }

html, body { height: 100%; }

body { background: #333 url(images/bg.png) repeat-y center center; color: #fff; font: normal 20px/1.2em times new roman, times, serif; margin:0; padding:0; }

#maincontainer { width: 960px; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -40px; margin-bottom: 16px; }

#contentwrapper { float: left; width: 100%; }

#contentcolumn { margin: 0 200px 0 210px; }

#leftcolumn { float: left; width: 170px; margin-left: -960px; }

#rightcolumn { float: left; width: 190px; margin-left: -190px; }

#footer, #push { height: 40px; }

#footer { color: #000; background: url(images/footer.png) no-repeat; clear: left; padding: 70px 10px 0 10px; margin: 0 auto; width: 940px; }

/*MENU LEFT*/

#navcontainer { width: 170px; margin-top: 46px; }
#navcontainer ul { margin-left: 0; padding-left: 0; list-style-type: none; }
#navcontainer li { margin-bottom: 10px; }
#navcontainer a, #navcontainer a:link, #navlist a:visited { background: white url(images/buttonOFF.png) repeat-y 0% 0%; color: #333; display: block; padding: 5px; width: 160px; background-color: #fff; text-decoration: none; }
#navcontainer a:hover { background: url(images/buttonON.png) repeat-y 0% 0%; color: #333; }

/*STYLES*/

h1,h2,h3,h4 { color: #ffd8d1; letter-spacing: 1px; }
h1 { font-size: 2.2em; margin: 16px 0 32px 0; }
h2 { font-size: 1.7em; margin: 16px 0; }
h3 { font-size: 1.3em; margin: 16px 0; }
h4 { font-size: 1em; margin: 16px 0; }

p { margin: 0 0 16px 0; }

#leftcolumn p { color: #333; margin: 8px; }

#contentcolumn a,#contentcolumn a:link,#contentcolumn a:visited { background-color: #778899; color: #fff; padding: 0 4px; text-decoration: none; }
#contentcolumn a:hover { background-color: #ffcc00; border-bottom: 1px solid #333; color: #333; text-decoration: none; }

#footer a,#footer a:link,#footer a:visited { color: #cc0000; text-decoration: underline; }
#footer a:hover { color: #cc0000; text-decoration: none; }