
/* ---------- Basic Layout Styles ----------- */
a img { border-style: none; }
body { margin: 0; padding: 0;}
html,
body,
#page  {
    height: 100%;
}
#header {
    position: relative;
    padding: 20px 10px 10px 10px;
}
#header #name-and-slogan {
    position: absolute;
    left: 120px;
    top: 6px;
}
#site-name a {
    font-family: sans-serif;
    font-size: 1.5em;
    font-weight: bold;
    color: black;
    line-height: 2.2em;
    text-decoration: none;
}
#site-slogan {
    font-family: sans-serif;
    font-size: 1.2em;
    font-weight: normal;
}

/*#header div.section,
#featured div.section,
#messages div.section,
#navigation div.section,
#main,
#triptych,
#footer-columns,
#footer div.section {
/*    width: 960px;*/
    margin-left: auto;
    margin-right: auto;
}*/
#header div.section {
    position: relative;
}
.region-header {
    float: right; /* LTR */
    margin: 0 5px 10px;
}
.with-secondary-menu .region-header {
    margin-top: 3em;
}
.without-secondary-menu .region-header {
    margin-top: 15px;
}
#secondary-menu {
    position: absolute;
    right: 0; /* LTR */
    top: 0;
    width: 480px;
}

#sidebar-first,
#sidebar-second {
  width: 240px;
}
#main-wrapper {
/*  min-height: 300px;
*/}
#content .section,
.sidebar .section {
  padding: 0 15px;
}
#breadcrumb {
  margin: 0 15px;
}
.region-triptych-first,
.region-triptych-middle,
.region-triptych-last {
  margin: 20px 20px 30px;
  width: 280px;
}
.region-footer-firstcolumn,
.region-footer-secondcolumn,
.region-footer-thirdcolumn,
.region-footer-fourthcolumn {
  padding: 0 10px;
  width: 220px;
}
