/***** GLOBAL *****/

/* 
colors
#2C4D83 blue
#910029 red
#D4B37D comp color
*/

*,
html,
body
{
margin: 0;
padding: 0;
font: normal small/1.5em "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
}

body
{
margin: 0 10px;
background: #DDDEF8;
}

h1
{
font-size: 1.5em;
color: #2C4D83;
margin: 15px 0 0 0;
}

h2
{
background: #fff url(../img/h2_top.png) left top repeat-x;
padding: 4px 0px 0 0;
margin: 15px 0 0px 0;
font-size: 1.3em;
color: #333;
line-height: 1.2em;
width: 550px;
}

h2 span
{
display: block;
font-size: 1.1em;
background: #2B4B80 url(../img/h2_span.png) left top repeat-x;
color: #fff;
padding: 0 10px 5px 10px;
}

h3
{
font-size: 1.3em;
font-weight: bold;
border-bottom: 1px solid;
margin: 15px 0 0 0;
}

a
{
color: #910029;
outline: none;
}

a img
{
border: 0;
}

p
{
color: #333;
padding-bottom: 10px;
}

small
{
color: #910029;
display: block;
padding: 0 0 15px 0;
font-size: 11px;
}


/***** LAYOUT *****/

#container
{
position: relative;
width: 994px;
margin: 0 auto;
padding: 10em 0 0 0;
background: #fff url(../img/container_bg.jpg) left top repeat-y;
}

#main
{
padding: 5px 20px;
width: 580px;
margin: 0 0 0 208px;
}

#header
{
width: 976px;
height: 10em;
background: #efefef url(../img/footer_bg.jpg) left top repeat-x;
position: absolute;
top: 0;
left: 9px;
border-bottom: 1px solid #ddd;
}



#main ul
{
margin: 0 0 0 45px;
}

#header p
{
color: #2C4D83;
position: absolute;
top: 80px;
left: 20px;
font: bold 18px/25px "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
font-style: italic;
}

#header a
{
display: block;
width: 236px;
height: 57px;
margin: 20px 0 0 20px;
}





#sideBar
{
position: absolute;
top: 10.5em;
left: 10px;
z-index: 999;
}

#footer
{
text-align: center;
width: 936px;
padding: 10px 20px;
height: 10em;
margin: 20px 0 0 9px;
background: #efefef url(../img/footer_bg.jpg) left top repeat-x;
border-top: 1px solid #ccc;
}

#footer small
{
color: #444;
}


/***** MENU *****/
dl#menu 
{
width: 196px;
list-style: none;
}

dl#menu dt
{
text-align: center;
background: #233D67 url(../img/dt_bg.jpg) left top no-repeat;
color: #fff;
margin: 15px 0 0 0;
font: bold 13px/24px "Lucida Grande",Helvetica,Arial,Verdana,sans-serif; 
width: 196px;
}

dl#menu dd
{
display: inline;
}

dl#menu dd a
{
display: block;
width: 175px;
padding: 2px 4px 2px 6px;
text-decoration: none;
border: 1px solid #D4B37D;
border-width: 0px 1px 1px 10px;
color: #333;
background: #eee url(../img/menu_bg.jpg) left bottom repeat-x;
font-variant: small-caps;
}

dl#menu dl
{
width: 186px;
display: block;
background: #D4B37D;
padding: 0 0 10px 10px;
}

dl#menu dl dt
{
width: 186px;
text-align: center;
background: #910029;
color: #fff;
margin: 0;
font: bold 11px/14px "Lucida Grande",Helvetica,Arial,Verdana,sans-serif; 
}

dl#menu dd dd a
{
width: 165px;
border: 1px solid #910029;
border-width: 0 1px 1px 10px;
color: #910029; 
}

dl#menu dd a:hover
{
background: #fff;
color: #2C4D83;
border-color: #2C4D83;
}

dl#menu dd a.on
{
letter-spacing: 1px;
background: #fff;
font-weight: bold;
color: #2C4D83;
border-color: #2C4D83;
border-width: 1px 1px 1px 10px;
}

.section
{
width: 508px;
border: 1px solid #D4B37D;
border-width: 0 1px 1px 1px;
padding: 20px;
background: #efefef url(../img/footer_bg.jpg) left top repeat-x;
}

#slidePanel
{
width: 510px;
overflow: auto;
}

table.sizeChart
{
border: 1px solid #ccc;
border-width: 1px 1px 0 0;
width: 100%;
}

table.sizeChart th
{
font-weight: bold;
border: 1px solid #ccc;
border-width: 0 0 1px 1px;
background: #2C4D83;
color: #fff;
}

table.sizeChart td
{
border: 1px solid #ccc;
border-width: 0 0 1px 1px;
padding: 2px 6px;
}

table.sizeChart tr.even
{
background: #efefef;
}