/* 
culture shock: voodoo dolly v2.0
pogy366: http://www.raykdesign.net
Sept 2007
*/


body {
font-family:Arial, Helvetica, sans-serif;
font-size:.8em; 
color:#000000; 
margin:20px 0 0 0;
padding:0 0 0 0;
background:#ffffff;
}

p {
margin-bottom:10px;
line-height:1.2em;
}

strong {
font-weight:bold;
}

em {
font-style:italic;
}

ul, ol {
margin:0 0 12px 0;
padding:0;
}

li {
margin:0 0 5px 15px;
padding-left:15px;
list-style:none;
background-image:url(img/bulleted-li-bg-dark.gif);
background-position:0 3px;
background-repeat:no-repeat;
font-size:1em;
color:#454545;
}

a {
color:#6E312A;
text-decoration:underline;
}

a:hover {
color:#999999;
text-decoration:none;
}



/* Main Outer Container */
#pageWrap {
margin:0 auto;
padding:0;
width:980px;
}


/* Header */
#header {
margin:0;
padding:0;
width:980px;
height:135px;
background-image:url(img/header-bg.jpg);
background-position:0 0;
background-repeat:no-repeat;
}

#header h1 {
margin:0;
padding:30px 0 0 170px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#ffffff;
font-size:3em;
font-weight:lighter;
}

#header p {
margin:0;
padding:5px 0 0 175px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#eeeeee;
}



/* Main Navigation */
#navBar {
margin:0;
padding:0;
width:980px;
height:35px;
line-height:35px;
background:url(img/nav-bar-bg.jpg);
background-position:0 0;
background-repeat:no-repeat;
}

#navBar ul{
list-style-type:none;
margin-left:20px;
}

#navBar li{
margin:0;
padding:0;
list-style-type:none;
display:inline;
background-image:none;
}

#navBar li a{
margin:0 0 0 -5px;
padding:9px 20px 9px 20px;
color:#ffffff;
text-decoration:none;
font-size:1.1em;
border-left:1px solid #757575;
}

#navBar ul li a:hover{
color:#ffffff;
text-decoration:none;
background-color:#AC4B41;
}

#navBar li.end {
margin:0;
padding:0;
list-style-type:none;
display:inline;
background-image:none;
}

#navBar li.end a{
margin:0 0 0 -5px;
padding:9px 20px 9px 20px;
color:#ffffff;
text-decoration:none;
font-size:1.1em;
border-left:1px solid #757575;
border-right:1px solid #757575;
}

#navBar li.end a:hover{
color:#ffffff;
text-decoration:none;
background-color:#AC4B41;
}


/* Content Container */
#container {
margin:0;
padding:10px 0 0 0;
width:980px;
}




/* Left Content Column - heavy negative margin so center column can appear first in HTML */
#leftColumn {
float:left;
margin:0 0 0 -750px;
padding:0;
width:140px;
font-size:.9em;
color:#686868;
}

#leftColumn h2 {
font-size:1.4em;
color:#9C291D;
}

#leftColumn ul, ol {
margin:0 0 12px 0;
padding:0;
}

#leftColumn li {
margin:5px 0 0 0;
padding-left:15px;
list-style:none;
background-image:url(img/bulleted-li-bg-dark.gif);
background-position:0 1px;
background-repeat:no-repeat;
font-size:.95em;
color:#6E312A;
}




/* Center Content Column */
#centerColumn {
float:left;
margin:0 10px 0 145px;
padding:6px 6px 6px 10px;
width:580px;
font-size:.9em;
color:#000000;
border-left:1px dashed #cccccc;
}

#centerColumn h2 {
margin:0 0 5px 0;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.8em;
color:#9C291D;
}






/* Right Content Column */
#rightColumn {
float:left;
margin:0;
padding:6px;
width:200px;
font-size:.9em;
color:#646464;
background:#eeeeee;
border:1px solid #cccccc;
}

#rightColumn h2 {
font-size:1.4em;
color:#2C2C2C;
}








/* Footer */
#footer {
margin:30px 0 10px 0;
padding:0;
width:980px;
height:100px;
background-image:url(img/footer-bg.jpg);
background-position:0 0;
background-repeat:no-repeat;
}

#footer p {
margin:0;
padding:0 150px 0 0;
line-height:100px;
font-family:Arial, Helvetica, sans-serif;
font-size:.8em;
color:#454545;
text-align:center;
}

#footer a {
color:#9C291D;
text-decoration:none;
}

#footer a:hover {
color:#999999;
text-decoration:underline;
}


/* Clears nested floats */
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

