/*
    Document   : template
    Created on : 29/04/2010, 12:52:37 PM
    Author     : tom
    Description:
        Purpose of the stylesheet follows.
*/

/*
  Layout
*/
body {
  margin:0;
  padding:0;
  color: #3B5179;
  font-family: Verdana, Arial, sans-serif;
  font-size: 75%;
}
#page {
  margin: 0 auto;
  padding: 0;
  max-width: 110em;    /* 1200 px / 12 px  */
}

h1 {
  margin-left: 20%;  /* 4 px / 1200 px = 0.14575 */
  width: 77.25%;      /* 600px / 1200 px = 0.7085 */
}

.entry {
  float: left;
  width: 100%;
  margin-top: 0.72727em;  /* 8px / 11px */
}

.entry h2 {
  float: right;
  width: 80%;    /* 960 / 1200 px */
}
.entry .main h2 {
  float: none;
  width: auto;
  margin-bottom: 5px;
}

.entry .info {
  float: left;
  width: 20%;    /* 240 px / 1200 px */
}

.entry .content {
  float: right;
  width: 80%;    /* 960 px / 1200 px */
}

.entry .main {
  float: left;
  width: 77.25%;  /* 780 px / 960 px - 4px */
}

.entry .meta {
  float: right;
  width: 18.75%;  /* 180 px / 960 px */
}
.header {
background-image:url("../images/header.jpg");
background-repeat:no-repeat;
float:left;
height:141px;
width:100%;
}
.main {
-moz-border-radius:20px;
-webkit-border-radius:20px;
border:3px solid orange;
padding:8px;
}

.footer {
background-color:#F4F4F4;
float:left;
width:100%;
}
#system-debug {
  display:none;
}
.search {
  position: absolute;
  top: 20px;
  right: 20px;
}
/**
  Top Menu
**/
.top_menu{
  margin-left: 335px;
  margin-top: 116px;
}
.sf-menu {
  font-size: 12px;
}
.sf-horizontal > li > a,.sf-navbar > li > a{
  border-right: 1px solid #FFF;
  border-color: #ccc;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  padding: 0.25em;
  color: #fff;
}
.sf-horizontal > li > a:visited ,.sf-navbar > li > a:visited {
  color: #fff;
}
.sf-horizontal > li.active > a,.sf-navbar > li.active > a{
  color:#00f;
}
.sf-horizontal > li > a:hover ,.sf-navbar > li > a:hover {
  color: #00f;
}

.sf-horizontal > li.active,.sf-navbar > li.active, .sf-horizontal > li.sfHover,.sf-navbar > li.sfHover, .sf-horizontal > li.active >  a,.sf-navbar > li.active >  a, .sf-horizontal > li.sfHover > a  ,.sf-navbar > li.sfHover > a  {
  background: #3366ff; /* for non-css3 browsers */
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cfcfcf)); /* for webkit browsers */
  background: -moz-linear-gradient(top,  #ffffff,  #cfcfcf); /* for firefox 3.6+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cfcfcf'); /* for IE */
}

.sf-menu li, .sf-menu li li, .sf-menu li li li {
  background: #3366ff; /* for non-css3 browsers */
  background: -webkit-gradient(linear, left top, right top, from(#eeeeee), to(#ffffff)); /* for webkit browsers */
  background: -moz-linear-gradient(left,  #eeeeee,  #ffffff); /* for firefox 3.6+ */
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#eeeeee', endColorstr='#ffffff'); /* for IE */
}
.sf-horizontal > li ,.sf-navbar > li {
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  background: #3366ff; /* for non-css3 browsers */
  background: -webkit-gradient(linear, left top, left bottom, from(#3366CC), to(#6699ff)); /* for webkit browsers */
  background: -moz-linear-gradient(top,  #3366CC,  #6699ff); /* for firefox 3.6+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3366CC', endColorstr='#6699ff'); /* for IE */
}
.sf-horizontal > li > a.sf-with-ul ,.sf-navbar > li > a.sf-with-ul {
  padding-right: 3px;
}
.sf-horizontal > li > a.sf-with-ul > span.sf-sub-indicator,.sf-navbar > li > a.sf-with-ul > span.sf-sub-indicator{
  display:none;
}
.sf-menu > li:hover > ul, .sf-menu > li.sfHover > ul{
  top:1.6em;
}
/**
  Modules
**/
.user > div.moduletable{
  float:left;
  width:30%;
}
.user > div,.info > div, .meta > div{
text-indent:7px;
color:#235BFF;
margin-bottom:20px;
border-bottom-style:dotted;
border-bottom-width:1px;
border-color:#AAAAAA;
border-left: 1px solid #aaa;
border-right: 1px solid #aaa;
-moz-border-radius:10px 10px 0 0;
-webkit-border-radius:10px 10px 0 0;
margin-left:5px;
width:90%;
vertical-align:top;
padding:0px;
}
.user > div h3,.info > div h3, .meta > div h3{

color:#FFFFFF;
height:26px;
width:100%;
text-indent:15px;
line-height: 26px;
margin:0 -1px;
-moz-border-radius:10px 10px 0 0;
-webkit-border-radius:10px 10px 0 0;
border:1px solid #aaa;
border-bottom: 0;
background: blue;
background: #3366ff; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3366CC', endColorstr='#6699ff'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#3366CC), to(#6699ff)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #3366CC,  #6699ff); /* for firefox 3.6+ */
}
.user > div table,.info > div table, .meta > div table{
margin:0 0 0 5px;
width:170px;
vertical-align:top;
}
.user a.mainlevel,.info a.mainlevel, .meta a.mainlevel{
margin:0px;
display:block;
text-decoration:none;
margin:0px;
text-indent:20px;
width:170px;
height:20px;
color:#355BAA;
/*background:url(../images/linktlo.gif) no-repeat;*/
margin-left:5px;
background-position: 0px 0px;
line-height: 20px;
}
.user a.mainlevel:hover,.info a.mainlevel:hover,.meta a.mainlevel:hover{
color:#FFFFFF;
text-decoration:none;
background-position: 0px -20px;
}
.user > div form table,.info > div form table,.meta > div form table{
margin-left:10px;
width:150px;
padding:0px;
}
.sf-vertical, .sf-vertical li {
width:100%;
margin-left:0;
}
.sf-vertical li:hover ul, .sf-vertical li.sfHover ul {
  left:95%;
}
.sf-vertical li {
padding-left:-4px;
}

/**
  Footer
**/
div.footer{
  text-align:center;
  margin-top:5px;
}

/**
  Brochures
**/
div#brochures{
}
div#brochures ul li {
  margin-top: 5px;
}
div#brochures ul li ul{
  margin-bottom: 20px;
  color:#B8002E;
}

div#brochures h2{
  margin-bottom: 5px;
  color:#B8002E;
}
div#brochures h3{
  margin-bottom: 5px;
}
div#brochures h4{
  margin-bottom: 5px;
  margin-left:10px;
  color: #006699;
  font-style:italic;
}
div#brochures h5{
  margin-left: 20px;
}
div#brochures div{
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border: 3px solid #ffd700;
  padding: 5px;
  margin: 5px;
  width:45%;
  float:left;
}