/*----------------------------------------------

Core Styles

------------------------------------------------*/
body 
{
    background-color:#2d2a2b;
    font-family:Arial, Verdana, Sans-Serif;
    font-size:62.5%;
    color:#ffffff;
    padding:0px;
    margin:0px;
}

p,h1,h2,h3,h4,h5,h6,div { margin:0px; padding:0px; }

h1 { margin:1.4em 0px; font-size:1.4em; }
h2 { margin:1.3em 0px; font-size:1.3em; }
h3 { margin:1.2em 0px; font-size:1.2em; }
p { margin:0.8em 0px; font-size:1.0em; }

a:link, 
a:active, 
a:visited, 
a:hover { color:#FFFFFF; text-decoration:underline; }
a:hover { color:#EFEFEF; }

img { border:none; }

form input, 
form input:focus, 
form select,
form select:focus, 
form textarea,
form textarea:focus
{
	font-family:Arial, Verdana, Sans-Serif;
	font-size: 1.0em;
	background-color:#2D2A2B;
	border:1px solid #2D2A2B;
	color:#6C7071;
	outline:0 none;
}

*:focus {outline: 0;}

.clear { clear:both; }


/*----------------------------------------------

Main Page Layout

------------------------------------------------*/
.container 
{
    width:878px;
    margin:8px auto 0px auto;
    font-size:1.2em;
    padding-bottom:2.0em; 
}
.leftSection
{
    width:434px;    
    float:left;    
}
.leftSectionContent
{
    min-height:518px;    
}
.leftSection .header
{
    border-top:1px solid #FFFFFF;
    border-bottom:1px solid #FFFFFF;
    height:101px;
    position:relative;
}
.leftSection .header .logo
{
    position:absolute;
    top:7px;
    left:0px;
    width:114px;
    height:36px;
    background-image:url(../assets/images/logo.gif);
    background-repeat:no-repeat;
}
.leftSection .header .logo img { width:100%; height:100%; }
.leftSection .nav
{
    border-bottom:1px solid #FFFFFF;
}
.leftSection .nav ul 
{
    margin:6px 0px 11px 0px;
    padding:0px;
    list-style:none;
}
.leftSection .nav li
{
    margin:3px 0px 3px 0px;
    padding:0px;
}
.leftSection .nav li a:link,
.leftSection .nav li a:hover,
.leftSection .nav li a:active,
.leftSection .nav li a:visited
{
    text-decoration:none;
    color:#898989;
}
.leftSection .nav li a:hover
{    
    color:#D0D0D0;
}
.leftSection .nav li.hlite a:link,
.leftSection .nav li.hlite a:hover,
.leftSection .nav li.hlite a:active,
.leftSection .nav li.hlite a:visited { color:#FFFFFF; }

.leftSection .promotions
{
    margin-top:14px;
    height:95px;
}
.leftSection .promotions ul
{
    margin:0px;
    padding:0px;
    list-style:none;    
}
.leftSection .promotions ul li
{
    display:block;
    float:left;
    margin:0px 0px 0px 8px;
    padding:0px; 
    width:138px;
    height:94px;
    border-bottom:1px solid #FFFFFF;     
}
.leftSection .promotions ul li.first
{
    margin-left:0px;
}
.leftSection .promotions ul li a
{
    display:block;
}
.mainSection
{
    width:434px;
    float:right;    
}
.mainSectionContent
{
    min-height:626px;
    border-bottom:1px solid #FFFFFF; 
}
.mainSectionHeading
{
    border-top:1px solid #FFFFFF;
    border-bottom:1px solid #FFFFFF;
    height:101px;    
}
.mainSectionHeading h1
{
    margin:0.45em 0px;
    font-weight:normal;
    font-size:1.8em;
    font-style:italic;
}
.mainSectionHeading h1.headerImage
{
    height:101px;
    margin:0px;
    background-repeat:no-repeat;
}
.mainSectionHeading h1.headerImage span 
{ 
    visibility:hidden;
}
.footer
{
    margin-top:9px;
    color:#6d6e71;
    font-size:0.9em;
    width:434px;    
    float:left;
    clear:left;    
}
.footer h5
{
    font-size:1.9em;
    font-weight:normal;
    font-style:italic;
    color:#FFFFFF;
}
.footer .socialLinks
{
    float:right;
    margin-right:4px; 
}
.footer .socialLinks ul 
{
    margin:5px 0px 0px 0px;
    padding:0px;
    list-style:none;
}
.footer .socialLinks ul li
{
    margin:0px 0px 0px 13px;
    padding:0px;
    display:inline;
}


/*----------------------------------------------

Popup Page Layout

------------------------------------------------*/
body.popup
{
    background-color:#FFFFFF;        
    color:#3f444f;
    /*this prevents IE6 from having a horizontal scrollbar. Currently, only the menu is shown in a popup, so this fix is fine*/
    width:97%;
}
body.popup .container
{
    margin:4px;
    width:auto;          
}
body.popup a:link, 
body.popup a:active, 
body.popup a:visited, 
body.popup a:hover { color:#3f444f; }
body.popup a:hover { color:#515765; }



/*----------------------------------------------

Generic Page Styles

------------------------------------------------*/
.content h1 { margin:1.4em 0px; font-size:1.4em; }
.content h2 { margin:1.3em 0px; font-size:1.3em; }
.content h3 { margin:1.2em 0px; font-size:1.2em; }
.content p { margin:0.8em 0px; font-size:1.0em; }