/* $Id$ */

/**
 * @file
 * Styles that defines the general layout.
 *
 */


#page {
  width: 990px;
  margin: 0 auto;
  background-color:#FFFFFF;
  box-shadow: 3px 3px 30px #AAAAAA;
  border-radius:0px 0px 10px 10px;
}
#header {
  padding: 10px 0 15px 0;
  height: 85px; /* 110 - 25 */
}
#logo-title {
  float: left;
  margin-left: 10px;
  width: 100px;
}
#logo {
  float: left;
}
#site-name,
#site-slogan {
  margin-left: 60px; /* width of logo + 10px */
}
#search-box {
  text-align: right;
  margin-right: 10px;
}
#sidebar-right {
  float: left;
  width: 230px;
  /* margin: 20px 16px 20px 0; /* 4px of borders */
  margin-top: 4px;
  position:relative;
  display:inline;
}
#sidebar-left {
  float: right;
  width: 230px;
  /* margin: 20px 16px 20px 0; /* 4px of borders */
  margin-top: 4px;
  position:relative;
  display:inline;
}
body.no-sidebars #main {
  width: 960px;
}
body.one-sidebar #main {
  float: left;
  width: 700px; /* 960 - 240 - (10x2) */
}
#main {
float:left;
display:inline;
width: 530px;
position:relative;
}
#main #content {
  padding: 20px;
}
body.no-sidebars #main #content .node {
  text-align: center;
}
body.no-sidebars #main * {
  text-align: left;
}
body.no-sidebars #main #content-content {
  width: 682px;
  margin: 0 auto;
}
#bottom-left{
 float: left;
  width: 245px;
  /* margin: 20px 16px 20px 0; /* 4px of borders */
  margin-top: 4px;
  position:relative;
  display:inline;
}
#bottom-main-left{
 float: left;
  width: 245px;
  /* margin: 20px 16px 20px 0; /* 4px of borders */
  margin-top: 4px;
  position:relative;
  display:inline;
}
#bottom-main-right{
 float: left;
  width: 245px;
  /* margin: 20px 16px 20px 0; /* 4px of borders */
  margin-top: 4px;
  position:relative;
  display:inline;
}
#bottom-right{
 float: left;
  width: 245px;
  /* margin: 20px 16px 20px 0; /* 4px of borders */
  margin-top: 4px;
  position:relative;
  display:inline;
}
#footer-wrapper {
  /* margin: 0 20px 40px 20px; */
  padding: 11px 0;
  height:auto;
}
.search-advanced label {
  width: 200px;
}
#search-form > div > div > label {
  margin-top: 1em;
  width: 140px;
}
/* IE7/8 fix */
#group-education-details2-items {
  float:left;
}