@charset "utf-8";
/* CSS Document */

body
{
width: 900px;
margin: 20px auto 20px auto;
background-color: #eae6d2;
}

h1
{
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 19px;
}

h2
{
font-size: 16px;
line-height: 17px;
color: #6A685C;
font-weight: bold;
}

h3
{
font-size: 14px;
line-height: 15px;
}

h4
{
font-size: 14px;
line-height: 15px;
float: right;
width: 200px;
margin: 5px 8px;
}

p
{
font-size: 14px;
line-height: 15px;

}

table
{
margin: 20px 0px 20px -10px;
}

td
{
text-align: left;
}

td a
{
color: #000;

}

.oddCell
{
padding: 4px;
background-color: #FFFFE6;
}

.evenCell
{
padding: 4px;
background-color: #D7CEA8;
}

a img {border: 0px;}
clearBoth {clear:both;}
clearRight {clear:right;}
clearLeft {clear:left;}

/* ---------------------- Content Elements -------------------- */

#theHeader
{
background-image: url(images/theHeaderPic.jpg);
background-repeat: no-repeat;
height: 198px;
width: 900px;
vertical-align: top;
}

#theHeader_Flash
{
background-image: url(images/theHeaderPic2.jpg);
background-repeat: no-repeat;
height: 200px;
width: 900px;
vertical-align: top;
}

#theLogo
{
float: left;
width: 286px;

}

#theNavigation
{
float: left;
width: 900px;
margin: 30px auto 0px 15px;
}

#theNavigation_wFlash
{
float: left;
width: 900px;
margin: 5px auto 0px 5px;
}

#theNavigation ul, #theNavigation_wFlash ul
{
text-decoration: none;
list-style-type: none;
margin: 0px;

}

#theNavigation li, #theNavigation_wFlash li
{
float: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
font-variant: small-caps;
font-weight: bold;
color: #6A685C;
text-indent: 2px;
display: block;
margin-left: 18px;

}

#theNavigation li a, #theNavigation_wFlash li a
{
font-family: Arial, Helvetica, sans-serif;
font-variant: small-caps;
font-weight: bold;
color: #6A685C;
text-decoration: none;
}

#theNavigation li a:hover, #theNavigation_wFlash li a:hover
{
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
font-variant: small-caps;
font-weight: bold;
color: #EAE6D2;
text-decoration: none;
}

#theContent
{
float: left;
width: 900px;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 14px;
color: #333333;

}

#theContentDetails
{
float: left;
margin: 10px auto 10px 10px;
}

#theScreenDivider
{
width: 241px;
height: 383px;
float: left;
background-image: url(images/theScreen.jpg);
background-repeat: no-repeat;

}

#theFooter
{
float: left;
width: 900px;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 14px;

}

#theFooterLinks
{
width: 100%;
float: left;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #6A685C;
margin: 20px 0px 10px 0px;
}

#theFooterLinks a, #theFooterLinks a:hover
{
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #6A685C;
text-decoration: none;
}

.theCredits
{
width: 100%;
float: left;
text-align: center;
font-size: 9px;
}

#theCredits a
{
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #6A685C;
text-decoration: none;
}

#theCredits a:hover
{
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #6A685C;
text-decoration: none;
}

.homepageLogin
{
float: right;
width: 150px;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-variant: small-caps;
color: #A29862;
}

.homepageLogin a
{
text-decoration: none;
font-size: 10px;
color: #A29862;

}

.justa12pxLR8pxtBmargin
{
margin: 8px 12px;
}

#artmaxROW1
{
width: 560px;
float: left;
margin: 0px auto;
}

#artmaxROW2
{
width: 560px;
float: left;
margin: 0px auto;
}


.splashpage
{
width: 900px;
z-index: 44;
margin-top: 250px;
position: absolute;
margin-right: auto;
margin-left: 30px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 24px;
color: #444132;
background-color: #EBE6D2;
height: 375px;
font-weight: bold;
font-variant: small-caps;
text-align: center;
padding-top: 35px;

}

.smallTXT
{
font-size: 12px;
}