/*-----------Block Level Elements--------------*/

body {
  height:           100%;
  width:            100%;
  margin:           0px;
  padding:          0px;
  background-color: #E9FEFE;
  text-align:       center;
}

a {
  color:           #1B1B1B;;
  text-decoration: none;
}

h1 {
  font-size: 1.5em;
}
h2 {
  font-size: 1.17em;
}
h3 {
  font-size: 1em;
}
h4 {
  font-size: .83em;
}
h5 {
  font-size: .75em;
}
h1, h2, h3, h4, h5{
  padding:   0;
  margin:    0;
}

/*--------used by tinyMCE----------*/
textarea {      
  width:    100%; 
  height:   100%;
}      

/*--------we need this for IE < 9 for HTML5-tags-------*/
header, nav, footer, article {
  display:      block;
}

/*--------------Overall-----------------*/

#overall {
  font:            12px/22px Helvetica, Arial, sans-serif;
  color:           #1B1B1B;
  margin:          0px auto;
  padding:         0; // 0px 0px 50px 0px;
  width:            800px;
  text-align:      left;
  background-color: #E9FEFE;
  
  }


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

#header {
  border-bottom:  1px solid darkblue;
  margin:         0px 0px 0px 0px;
  height:         100px;
  padding:        0px;
}

#headerLeft {
  width:          190px;
  height:         80px;
  /*padding-bottom: 0px;
  padding-top:    25px;*/
  padding:        25px 0px 0px 0px;
  
  margin:         0px;
  /*height:         75px;*/
  float:          left;
  
  }

#headerLeftHome {
  font-size:   17px;  
  line-height: 22px;
  font-weight: bold;
}

#headerMiddle {
  /*height:  100px;*/
  float:          left;
  padding:        25px 0 0 0;
  /*margin:  0px;*/
  width:          555px;
  border-left:    1px solid darkblue;
  
  }

#headerMiddleText_ {
  /*height:         40px;*/
	padding:        0px;
	margin:         50px 0px 0px 0px;
	float:          left;
	vertical-align: bottom;
}

#middleText {
  font-size:   18px;  
  line-height: 20px;
}

.title {
  width:          250px;
  height:         20px;
  float:          left;
  padding:        25px 0px 0px 0px;
  margin:         0px 0px 0px 25px;
  vertical-align: bottom;
  display:        inline;   /* need for IE6 */
  /*color:          red;*/
  font-size:      20px;
  
  }

.title #website {
  color:          red;
  font-size:      22px;
}


#headerRight {
  margin:  0px;
  padding: 0px;
  height:  100px;
  float:   left;
  width:   0px;
  
  }

.description {

}

/*---------Container of menu's and content---------*/

#container {
  margin:  0px;
  padding: 0px;
  width:   100%;
  height:  600px; //100%;
  
  }


/*-------------The Content-------------*/

#content {
  width:       570px;
  float:       left; /*right;*/
  text-align:  justify;
  padding:     0px 0px 0px 10px;
  margin:      -10px 0px 0px 0px;
  border-left: 1px solid darkblue;

  }

.contentTitle {
  font-size:     large;
  font-weight:   bold;
  padding:       0px 0px 3px 0px;
  margin:        17px 0px 8px 0px;
}

#content a {
  color:           ;
  border-bottom: 1px solid #08B3B5;
}
#content a:hover {
  color:           #08B3B5;
  /*text-decoration: underline;*/
  border-bottom: 1px solid #08B3B5;
}

/*-------------Sidebar-------------*/

#sidebar {
  padding:     0;
  margin:      px 0 0 0;
  width:       px;
  float:       left;
  /*text-align:  justify;*/

  }

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

#menuLeft {
  margin:     0px 0px 0px 0px;
  padding:    0px 0px 50px;
  width:      190px;
  /*float:      left;*/
  
  }
#menuLeft ol {
  margin:     0px;
  padding:    0px;
  list-style: none;
}
#menuLeft .mainMenuItem {
  font-size:     17px;
  font-weight:   bold;
  line-height:   22px;
  margin-top:    17px;
  margin-bottom: 0px;
  background-color:   lightblue;
}
#menuLeft .subMenuItem {
  font-size:     12px;
  font-weight:   normal;
  line-height:   19px;
  margin-left:   15px;
  margin-bottom: 0px;
  background-color:   lightgreen;
}

#menuLeft a:link, #menuLeft a:visited {
  color:           #1B1B1B;;
  text-decoration: none;
}
#menuLeft a:hover, #menuLeft a:active {
  color:           #7030A0;;
  font-weight:     bold;
  text-decoration: none;
}
#menuLeft a:hover:after{
  /*content:         ' -';*/
  font-weight:     bold;
}

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

#menuRight {
  text-align: right;
  margin:     0px 0px 0px 25px;
  padding:    0px 0px 50px;
  width:      0px;
  float:      right;

  }
#menuRight ol {
  margin:        0px;
  padding:       0px;
  list-style:    none;
}
#menuRight .mainMenuItem {
  font-size:     17px;
  font-weight:   bold;
  line-height:   22px;

  margin-top:    17px;
  margin-bottom: 0px;
}
#menuRight .subMenuItem {
  font-size:     12px;
  font-weight:   normal;
  line-height:   19px;
  margin-left:   15px;
  margin-bottom: 0px;
}

/*--------- Menu left - Sortable---------*/


/*-------------Footer-------------*/

#footer {
  height:     20px;
  font:       10px/12px Arial, Helvetica, sans-serif;
  text-align: left;
  padding:    10px 0px 0px 0px;
  margin:     0;
  clear:      both;
  width:      100%;
  
  }


/*-------------Edit area-------------*/

#editArea {
  width:      550px;
  float:      right;
  padding:    0;
  margin:     0 20px 0 0px;
}

#editAreaLeft {
  width:      332.8px;
  float:      left;
  padding:    0;
  margin:     0;
}

#editAreaRight {
  width:      187.2px;
  float:      right;
}

#editArea ul {
  list-style-type: none;
  padding:         0;
  margin:          0;
}

#editArea .inputItem {
  /*display:        block;*/
}
#editArea .inputLabel {
  font-weight:    bold;
  float:          left;
  clear:          left;
  width:          70px;
  margin:         0 10px 0 0;
  padding:        0;
  text-align:     right;
}

/*-------------Login link-------------*/

#loginDot {
  position:        absolute;
  left:            0px;
  top:             0px
  color:           lightgrey;
}
#loginDot a {
  text-decoration: none; 
}

/*-------------Table-------------*/
table {
  width: 100%;
  border: 1px;
  cellspacing: 0px;
  cellpadding: 7px;
}
th {
  background-color: #ffcc99;
  vertical-align:  top;
  text-align: left;
}