/*===BASIC TEMPLATE 1===
Fixed width, two columns
Horizontal menu, dropdowns top to bottom
=======================*/

/* Global structure
----------------------*/
body, html, #wrap {height: 100%;}
#wrap {width: 760px;margin: 0 auto;}
#footer {
clear: both;
padding: 10px 0 20px 0;
text-align: center;
color: #7779ad;
}
#header {
padding: 0;
overflow:hidden;
border-left: 1px solid #ce281b;
border-right: 1px solid #ce281b;
}

body, html {
background-color: #e5e5f1;
}

#wrap,
#footer {
background-image: url(/img/basic/wrap_bg.gif);
background-repeat: repeat-y;
background-position: left top;
}

#main {
background-image: url(/img/basic/column_right.gif);
background-repeat: repeat-y;
background-position: left top;
border-left: 1px solid #ce281b;
border-right: 1px solid #ce281b;
}

#menu {
background-color: #ce281b;
border-left: 1px solid #ce281b; /*sits on top of wrap_bg's edges*/
border-right: 1px solid #ce281b;
}

/* Column layout
-----------------*/
/* two column, sidebar on the right */
#main {clear: both;}
#content {
width: 540px;
float: left;
padding: 15px 20px;
}
#sub-section {
width: 150px;
float: right;
padding: 15px 10px;
}
/* pages without columns */
html.nocol #content,
body.listing #content,
body.detail #content,
body#staff #content {
width: auto;
display: block;
float: none;}

/* Pages without columns
-------------------------*/
html.nocol #main,
body.listing #main,
body.detail #main,
body#staff #main {
background-image: none;
background-color: #fff;
}

/* Header
----------*/

/* Menu
---------*/

.menu {
width: 560px;
margin: 0 auto;
}