* {
  margin:0;
  padding:0;
}

body {
  text-align: left;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 75.01%;
  line-height: 1em;
  background-color: #000;
  color: #F77;
  margin: 1em;    /* gives some air for the pagewrapper */
}

a {
	color: #fff;
}

div {
  font-size: 1em;
}

img {
  border: 0;
}

ol {
  list-style-position: inside;
}

ul {
  list-style-position: inside;
}

p.button {
	text-align: center;
  font-size: 16pt;
}

div#pagewrapper {
   border: 1px solid black;
   margin: 0 auto;       /* this centers wrapper */
   max-width: 80em;
   min-width: 60em;
   background-color: #000;
   color: #eee;
}

div#header {
  height: 100px;    /* adjust according your image size */
  background: #009;
  font-size: 24pt;
  font-family: 'Times New Roman';
}

div#header img {
  vertical-align: middle;
}

div#content {
  margin: 1.5em auto 2em 0;   /* some air above and under menu and content */
}

div#main {
  margin-left: 29%; /* this will give room for sidebar to be on the left side, make sure this space is bigger than sidebar width */
  margin-right: 2%; /* and some air on the right */
}

div#sidebar {
  float: left;        /* set sidebar on the left side. Change to right to float it right instead. */
  width: 26%;     /* sidebar width, if you change this please also change #main margins */
  display: inline;  /* FIX IE double margin bug */
  margin-left: 0;
}

div#footer {
  clear: both;       /* keep footer below content and menu */
  color: #888;
  background-color: #009; /* same bg color as in header */
}

div#footer p {
  font-size: 0.8em;
  padding: 1.5em;       /* some air for footer */
  text-align: center;  /* centered text */
  margin: 0;
}

div#footer a {
  color: #888;
}

div#content h1 {
	color: #999; 
	font-size: 1.5em; 
	text-align: left; 
/* some air around the text */
	padding-left: 0.5em;
	padding-bottom: 1px;
/* set borders around header */
	border-bottom: 1px solid #009; 
	border-left: 1.1em solid #009; 
  line-height: 1.5em;
/* and some air under the border */
  margin: 0 0 0.5em 0;
}

/* TEXT */
p {
  font-size: 1em;
  margin: 0 0 1.5em 0; /* some air around p elements */
  line-height: 1.4em;
  padding: 0;
}

/* MENU */
#menu_vert {
   padding-left: 0;
   margin-left: 1em;
   border: 1px solid #009;
}

/* menu li block */
#menu_vert li {
   list-style: none;
   margin: 0;
   display: block;
}

#menu_vert ul ul li {
   border: none;
}

/** fix stupid ie bug with display:block; **/
* html #menu_vert li a { height: 1%; } 
* html #menu_vert li hr { height: 1%; }
/** end fix **/

/* first level links */
div#menu_vert a {
   text-decoration:none; /* no underline for links */
   display: block; /* IE has problems with this, fixed above */
   padding: 0.8em 0.5em 0.8em 1.5em; /* some air for it */
   color: #AAAAAA; /* this will be link color for all levels */
   background: url(images/cms/arrow-right.gif) no-repeat 0.5em center; 
   background: transparent; 
   min-height:1em; /* Fixes IE7 whitespace bug */ 
}

/* hover state for all links */
div#menu_vert a:hover {
   background-color: #900;
}
div#menu_vert a.activeparent:hover {
   background-color: #900;
   color: #18507C;
}

/* current pages are unclickable. This is for current page on first level */
div#menu_vert h3 {
   background: url(images/cms/arrow-right-active.gif) no-repeat 0.4em center;
   background-color: #009;
   display: block; 
   padding: 0.8em 0.5em 0.8em 1.5em;  /* some air for it */
   color: #fff;                                 /* this will be link color for all levels */
   font-size: 1em;                           /* instead of the normal font size for <h3> */
   margin: 0;                                  /* as <h3> normally has some margin by default */
}

blockquote {
  font: 14px/20px italic Times, serif;
  padding: 8px;
  background-color: #faebbc;
  border-top: 1px solid #e1cc89;
  border-bottom: 1px solid #e1cc89;
  margin: 5px;
  color: #000;
}