/* Start of CMSMS style sheet 'Webfonts.com v1' */
/*
  Stylesheet for webfonts.com v1
  (C) High-Logic B.V. 2009
*/


/* Removing all borders, margins and paddings solves A LOT of incompatibility issues */
* {
  border: 0px;
  margin: 0px;
  padding: 0px;
}

/* Global font is configured here */
body {
  background: #C6CFD9 url("images/webfonts.com_v1/background.png") repeat-x top left fixed;
  font-family: "Trebuchet MS", Verdana, "Luxi Sans";
}

/*
  HTML element configuration
*/
a {
  text-decoration: none;
}

p {
  padding-top: 15px;
}

hr {
  height: 1px;
  border: 0px;
  color: #000000;
  background: #000000;
}

input {
  border: 1px solid #7186A0;
}

.right {
  float: right;
}

/*
  Fieldsets are only visible when no stylesheet is loaded (like with text browsers)
*/
fieldset legend {
  display: none;
}

/*
  Configure global flow control, 3 options available:
  
  - Static width with variable sides
  - Variable width with variable sides
  - Variable width with static sides
*/
.layoutdiv, .container {
  /* Static width with variable sides
    
      width: width of page
      margin-left: width / 2 
  width: 950px; 
  margin-left: -475px; 
  left: 50%; */
 
  
  /* Variable width with variable sides
    
    left and right should both have the same value.
    
    to calculate left and right: (100% - pagewidth) / 2
    
    example:
      90% width:  (100-90) / 2 = 5 */
  
  left: 5%;
  right: 5%;
  
  /* variable width with static sides

    left and right should have same value
  
  left: 100px;
  right: 100px;
  */
}

.layoutdiv {
  height: 100%;
  position: fixed;
}

.container {
  height: 100%;
  position: absolute;
}

#shade_bottomleft {
  background: #FFFFFF url("images/webfonts.com_v1/shade_bl.png") repeat-y;
}
#shade_topleft {
  background: url("images/webfonts.com_v1/shade_tl.png") no-repeat;
}
#shade_bottomright {
  background: url("images/webfonts.com_v1/shade_br.png") repeat-y top right;
}
#shade_topright {
  background: url("images/webfonts.com_v1/shade_tr.png") no-repeat top right;
}

.contentdiv {
  margin: 0px 15px;
}

#header {
  background: url("images/webfonts.com_v1/header.png");
  font: bold normal 16pt/40pt Verdana;
  height: 150px;
}

#header_inner {
  padding: 15px;
}

#header h1 {
  font: bold normal 40pt/20pt Verdana;
}


/* Horizontal navigation */
#hnavdiv {
  background: url('images/webfonts.com_v1/menu.png') repeat-x;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
  height: 30px;
  overflow: hidden;
}

#hnav {
  list-style: none;
  font-size: 10pt;
  line-height: 30px;
  left: 50%;
  float: left;
  position: relative;
}

#hnav li {
  border-right: 1px solid #000000;
  float: left;
  position: relative;
  right: 50%;
  text-align: center;
  width: 100px;
}

#hnav li.first  {
  border-left: 1px solid #000000;
}

#hnav a {
  color: #000000;
  display: block;
}

#hnav a:hover {
  color: #FFFFFF;
  font-weight: bold;
}

#container {
  background: url("images/content.png") repeat-x;
  bottom: 20px;
  margin-bottom: 30px;
}

/* Vertical navigation */
#vnavdiv {
  width: 175px;
  float: left;
  margin-top: 10px;
}

#vnav {
  margin: 10px 0px 0px 15px;
  list-style: none;
  width: 150px;
}

#vnav li {
  border-bottom: 1px dotted #000000;
}

#vnav li.first {
  border-top: 1px dotted #000000;
}

#vnav a {
  color: #000000;
}

#vnav a:hover {
  font-weight: bold;
}

#content {
  margin: 0px 190px 0px 175px;
  min-height: 200px;
}

#content li {
  margin-left: 22px;
}

#content a {
  color: #7186A0;
}

#content a:hover {
  color: #91a6c0;
}

#content h1 {
  font-weight: bold;
  font-size: 14pt;
  border-bottom: 1px solid #7186A0;
  line-height: 25px;
  padding-top: 15px;
  margin-bottom: 5px;
}

/* Right bar */
#rightbar {
  width: 175px;
  float: right;
  padding-top: 15px;
}

#rightbar .box {
  border: 1px solid #7186A0;
  width: 165px;
}

.advertisement {
  text-align: center;
}

.box h2 {
  font-size: 12pt;
  text-align: center;
  background:  #7186A0;
  border-bottom: 1px solid #000000;

}
.innerbox {
  margin: 5px;
  font-size: 9pt;
  line-height: 14pt;
}

/* Footer */
#footer {
  color: #7186A0;
  font-size: 8pt;
  line-height: 30px;
  text-align: center;
  margin: 0px 20px;
}

#footer hr {
  background: #7186A0;
  color: #7186A0;
}

#footer a {
  color: #404040;
}

#footer a:hover {
  color: #000000;
}

@font-face { 
  font-family: MyFirstFont;
  src: url("uploads/myfirstfont.ttf") format("truetype");
}

.webfont {
  font: 18pt/30pt MyFirstFont;
}
/* End of 'Webfonts.com v1' */