/*
 * General
 */
a {
  color: #58b4cb;
  text-decoration: none;
}
a:hover,
a:active {
  color: #58b4cb;
  text-decoration: underline;
}

p, h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
}

p {
  
}

h1,
h1.title {
  color: #333;
  font-size: 2em;
  font-weight: normal;
  line-height: 1.2em;
  margin-bottom: 1em;
}
h1#page-title {
  padding-bottom: 5px;
  border-bottom: 1px solid #000;
}
h2 {
  color: #333;
  font-size: 1.4em
}
h3 {
  font-size: 1.2em;
}
h4 {
  
}

hr {
  font-size: 0;
  border: none;
  height: 1px;
  background: #ccc;
}

#content table {
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  width: 100%;
}
#content td,
#content th {
  padding: 5px 3px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  font-size: 7.5pt;
  line-height: 1.4em;
}

#content tr {
  vertical-align: top;
}

.right {
  float: right;
  margin: 0 0 1em 2em;
}
.left {
  float: left;
  margin: 0 2em 1em 0;
}

.caption,
.note {
  font-size: 8pt;
  color: #333;
  line-height: 1.4em;
}

.label {
  font-weight: bold;
}

.clear {
  height: 1px;
  background: transparent;
  clear: both;
}



.block {
  margin: 0;
  padding: 0;
}



/*
 * Structure
 */
body {
  padding: 0 0 20px 0;
  font-size: 10pt;
  width: 100%;
  height: 100%;
  background: #e4e4e4 url(../images/page-bg.png) top repeat-x;
}

#page-wrapper {
  width: 913px;
  margin: 0 auto;
}

#page {
  xwidth: 1190px;
  margin: 0 auto;
  xbackground: transparent url(../images/content-bg.png);
}



/*
 * Header area
 */
#header {
  position: relative;
  margin: 0 auto 10px auto;
  padding-top: 15px;
}

#logo {
  xposition: relative;
  xtop: 15px;
  xleft: 0;
}

#slogan {
  position: absolute;
  right: 0;
  xtop: 15px;
  color: #5a5a5a;
  max-width: 370px;
  font-size: 8pt;
  line-height: 1.4em;
  text-align: right;
}

#search {
  position: absolute;
  top: 5px;
  right: 0;
}
#search-block-form {
  width: 150px;
  height: 18px;
  position: relative;
}
#search .form-text {
  position: absolute;
  border: 1px solid #444;
  padding: 2px 5px;
  width: 130px;
  height: 18px;
  font-size: 8.5pt;
  color: #666;
}
#search .form-submit {
  position: absolute;
  top: 0;
  right: 0;
}

#menu-header {
  position: absolute;
  right: 0;
  bottom: 0;
  margin: 0;
  padding: 0;
}
#menu-header li {
  margin: 0;
  padding: 0;
  border-left: 1px solid #ccc;
  margin-left: 7px;
  padding-left: 10px;
}
#menu-header li.first {
  border: none;
}

#menu-header a {
  xcolor: #fff;
  xbackground: #58b4cb;
  xpadding: 7px;
  xmargin-left: 10px;
  font-size: 8pt;
  xtext-transform: uppercase;
}

#navigation {
  
}



#main-wrapper {
  
}

#main {
  width: 913px;
  margin: 0 auto;
  text-align: left;
  padding-top: 0;
}



/*
 * Banner
 */
#banner {
  
}

#banner-front {
  
}



/*
 * Front Content
 */
#content-front {
  
}

#front-block-1 {
  
}

#front-block-2 {
  
}

#front-block-3 {
  
}



/*
 * First column
 */
#sidebar-1 {
  float: left;
  width: 248px;
  xmargin: 0 10px 10px 0;
}
#sidebar-1 .region-sidebar-1 {
  padding: 0;
  margin: 0;
  width: 100%;
  font-size: 8.5pt;
}
#sidebar-1 .region-sidebar-1 .block {
  xmargin-bottom: 10px;
}


/*
 * Content
 */
#content {
  float: right;
  padding: 0;
  margin: 0;
  margin-bottom: 10px;   
  width: 655px;
  min-height: 633px;
  background: #fff;
}
#content #main-content {
  padding: 20px;
}

#content.full-width {
  width: 913px;
}

body.front #content {
  min-height: 290px;
  background: transparent;
}
body.front #content #main-content {
  padding: 0;
}


#content-main {
  float: left;
}
#content-lower {
  xpadding-bottom: 2em;
}



/*
 * Footer
 */
#footer {
  width: 913px;
  margin: 0 auto;
  color: #999;
  font-size: 7.5pt;
  padding: 0;
  border-top: 1px solid #b3b3b3;
  padding-top: 10px;
  line-height: 1.5em;
}

#footer a {
  color: #5a5a5a;
  text-decoration: none;
}
#footer a:hover,
#footer a:active {
  text-decoration: underline;
}

#footer-left {
  float: left;
  width: 550px;
}

#footer-right {
  float: right;
  width: 353px;
  text-align: right;
}

#footer-menu {
  margin-bottom: 1em;
}

#footer-menu a {
  text-transform: uppercase;
  display: inline-block;
}

#footer-menu li {
  border-right: 1px solid #bababa;
  margin: 0 5px 0 0;
  padding: 0 8px 0 0; 
}
#footer-menu li.last {
  border: none;
}

#credits {
  
}

#copyright {
  
}
