html, body {
height:100%;
}

body {
background:black url(images/body_bg.gif) repeat-x top;
}

* {
margin:0;
padding:0;
border:0;
list-style:none;
font-family:"Trebuchet MS", Verdana, arial, sans-serif;
}

#wrap {
min-height: 100%;
height: auto !important;
height: 100%;
margin:auto; /* the bottom margin is the negative value of the footer's height */
width:960px;
}

#footer {
height: 50px; /* .push must be the same height as .footer */
}

h1 {
width:120px;
height:160px;
}

#mainMenu {
width:960px;
margin:auto;
height:160px;
}

#mainMenu li {
text-align:center;
float:left;
font-size:14px;
text-transform:uppercase;
font-weight:bold;
background:transparent url(images/menuBg.png) no-repeat top;
width:140px;
}

#mainMenu li a {
color:white;
text-decoration:none;
width:140px;
height:90px;
padding-top:70px;
display:block;
}

#mainMenu li#artOf a {
height:100px;
padding-top:60px;
}

* html #mainMenu li a {
height:80px;
padding-top:30px;
position:relative;
}

#mainMenu li a:hover {
color:#bd9977;
}

#mainMenu li#title {
background:transparent none ;
width:120px;
}

#mainMenu li#title a {
width:120px;
height:160px;
padding:0;
}

#content {
width:960px;
margin:auto;
height:490px;
background:transparent url(images/content_bg.png) no-repeat;
}

#inner-content {
width:920px;
margin:auto;
height:470px;
position:relative;
top:10px;
/*overflow:auto;*/
}

/*
* html #inner-content {
overflow-y:hidden;
}
*/

ul#slideShow {
width:640px;
height:419px;
float:right;
background:black;
margin-left:10px;
}
/* TYPOGRAPHY */

h2 {
font-size:16px;
text-transform:uppercase;
font-weight:bold;
color:#bd9977;
margin:8px 10px;
border-top:1px dashed #1c1c1c;
border-bottom:1px dashed #1c1c1c;
text-indent:15px;
padding:2px;
}

h3 {
font-size:14px;
color:#ccc;
font-weight:bold;
margin:5px 20px;
}

.subHeader {
float:right;
text-transform:none;
font-style:italic;
margin-right:15px;
color:#ccc;
}

p {
font-size:13px;
margin:8px 25px;
padding:2px;
color:#eee;
}

p a {
color:#bd9977;
text-decoration:underline;
}

p a:hover {
color:#eee;
text-decoration:none;
}

p.quoted {
background:black url(images/quoteMark.gif) no-repeat top left;
padding-left:50px;
}

.imgRight {
float:right;
margin:5px 20px;
}

* html .imgRight {
margin:5px 8px;
}

.imgLeft {
float:left;
margin:5px 20px;
}

* html .imgLeft {
margin:5px 8px;
}


.mainForm {
width:334px;
float:left;
margin-left:30px;
}

* html .mainForm {
margin-left:10px;
}

.mainForm fieldset {
border:1px solid #1c1c1c;
}

.mainForm legend {
font-size:12px;
font-weight:bold;
margin:5px;
padding:2px;
border:1px solid #1c1c1c;
cursor:pointer;
color:#111;
background:#bd9977;
}

.mainForm label {
float:left;
font-size:11px;
padding-top:12px;
color:#eee;
margin-right:10px;
width:100px;
text-align:right;
}

label.checkLabel {
width:280px;
margin-right:5px;
padding-top:2px;
}

.mainForm .inputField, .mainForm .textField {
width:190px;
border:1px solid #ccc;
padding:1px;
color:#333;
float:left;
margin-top:10px;
}

.mainForm .textField { height:80px; }

.mainForm .checkBox {
height:20px;
width:20px;
margin-right:25px;
float:right;
text-align:center;
}

.submitButton {
background:#bd9977;
border:1px solid #1c1c1c;
cursor:pointer;
color:#111;
font-weight:bold;
font-size:11px;
padding:2px;
margin:5px;
}

.errorList {
width:300px;
margin:5px auto;
}

.errorList li {
height:16px;
background:black url(images/errorList_marker.gif) no-repeat left top;
font-size:10px;
font-weight:bold;
color:#D00000;
padding-left:15px;
}