*{
  padding: 0em;
  margin: 0em;
}
body {
  font-family:  Arial, Helvetica, sans-serif;
  font-size: 75%;
  color: #444444;
  background: #fff url("../images/main_bkg.jpg");
  background-repeat: repeat-x;
  /*behavior: url("../css/csshover.htc");*/
}

/* hyperlinks */
a:link, a:visited {
  color: #1E9797;
  text-decoration: none;
}
a:hover {
  color: #CE4242;
}
br.clear {
  clear: both;
	}
	
/* headers */
h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
  margin-bottom: 10px;
}
h1 {
  font-family: 'Trebuchet MS', Verdana, Arail, sans-serif;
  font-size: 1.5em;
}
h2 {
  font-family: Arial, Helvetica, sans-serif;
  color: #CE4242;
  font-size: 1.2em;
}
h3 {
  color: #1E9797;
  font-size: 1.1em;
  margin-bottom: 0;
}
h4 {
  font-size: 1.0em;
}
h5 {
  font-size: .9em;
}
h6 {
  font-size: .8em;
}
p {
  line-height: 1.5em;
}

ul, li {
  margin-left: 10px;
}

img, img a {
  border: 0;
}

/**** Layout styles ****/
#wrapper {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  margin: 0 auto 0 auto;
}

#content {
  width: 998px;
  padding: 0;
  margin-top: 10px;
  margin-bottom: 0px;
  border: 1px solid #219898;
  border-bottom: 0px;
  border: 0;
  /*background-position: 0 5px;
  background-repeat: repeat-y;*/
  background-color: #fff;
  float: left;
  z-index: 2;
}

#logo {
  margin-left: 20px;
  margin-right: 4px;
  margin-top: 2px;
  float: left;
  background-color: #fff;
}

#masthead {
  float: left;
  background: url("../images/header.png");
  background-repeat: no-repeat;
  background-position: 1px 0px;
  width: 789px;
  height: 27px;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 0;
  padding-bottom: 0;
  margin-top: 10px;
}

#main_content {
  float: left;
  border-left: 1px solid #ff0000;
  width: 765px;
  min-height: 345px;
  margin-left: 8px;
  padding-right: 24px;
  margin-top:0;
  margin-bottom:10px;
  padding: 10px;
}

#col_one {
  float: left;
  width: 200px;
}

#col_two {
  float: left;
  width: 789px;
  margin-left: 0px;
}

#footer {
  float: left;
  background-image: url("../images/GreenFooter.png");
  /*background-attachment: fixed;*/
  /*background-position: 0px -3px;*/
  background-repeat: no-repeat;
  width: 1000px;
  height: 29px;
  text-align: center;
  margin: 0px;
  padding: 0px;
  padding-top: 12px;
  z-index: 0;
}
#footer a {
  color: #ffffff;
}
#footer a:hover {
  color: #CE4242;
}

/**** Column One styles ****/
#left_nav {
  float:left;
  background: url("../images/sidebar.png");
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 188px;
  height: 276px;
  padding: 10px;
  padding-left: 20px;
  margin-left: 10px;
  /*line-height: 2em;*/
}

/**** Column Two styles ****/
#main_top {

}

#main_bottom {
  float: right;
  background: no-repeat url(../images/MoreQuestions.png);
  width: 311px;
  height: 44px;
  padding: 0;
  padding: 10px;
  margin: 0;
  text-align: right;
}
#main_bottom span{
  margin-top: 20px;
  margin-right: 20px;
}
/**** Question/Answer ****/
		.slide {
			float: left;
		    height:  232px;  
		    width:   232px; 
		    padding: 0;  
		    margin:  0; 
			margin-left: 10px;
			margin-right: 10px;
			margin-bottom: 30px;
			overflow: hidden;
			cursor: pointer;
		} 
		 
		.slide div {  
		    padding: 20px;  
		    /*border:  1px solid #ccc;*/ 
		    /*background-color: #eee;*/ 
		    width:  232px; 
		    height: 232px; 
			overflow: hidden;
		    top:  0; 
		    left: 0;
		} 
		.question {
			background: no-repeat url(../images/Questions.png);
			font-weight: bold;
			font-size: 1.5em;
		}
		.question p, .question ol, .question ul {
			width: 190px;
			height: 155px;
			overflow: auto;
			text-align: center;
		}
		.answer {
			background: no-repeat url(../images/AnswersImage.png);
		}
		.answer p, .answer ol, .answer ul {
			width: 190px;
			height: 190px;
			overflow: auto;
			text-align: left;
		}

/**** Rounded Corners ****/
.nav{display:block}
.nav *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#d6e4e5}
.nav1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #edf3f3;
  border-right:1px solid #edf3f3;
  background:#e0eaeb}
.nav2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fafcfc;
  border-right:1px solid #fafcfc;
  background:#dde9e9}
.nav3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #dde9e9;
  border-right:1px solid #dde9e9;}
.nav4{
  border-left:1px solid #edf3f3;
  border-right:1px solid #edf3f3}
.nav5{
  border-left:1px solid #e0eaeb;
  border-right:1px solid #e0eaeb}
.navfg{
  background:#d6e4e5}

/**** Navigation ****/
#menu {
  width: 168px; /* set width of menu */
  /*background: #eee;*/
  z-index: 1000;
} 
#menu a, #menu h2, #menu ul, #menu li {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.1em;
  font-weight: normal;
  margin: 0px;
  z-index: 1000;
}
#menu ul { /* remove bullets and list indents */
  list-style: none;
  margin: 0;
  padding: 0;
  z-index: 1000;
}
/* style, color and size links and headings to suit */
#menu a, #menu h2 {
  display: block;
  padding: 2px 3px;
  padding-left: 5px;
  z-index: 1000;
}
#menu h2 {
  color: #fff;
  background: #000;
  text-transform: uppercase;
}
#menu ul ul ul li , #menu ul ul ul ul li , #menu ul ul ul ul ul li  {
  background: #d6e4e5;
  border-bottom: 1px solid #75b2b1;
  border-top: 0;
  font-size: 90%;
  z-index: 1000;
}
#menu ul ul ul li a , #menu ul ul ul ul li a , #menu ul ul ul ul ul li a {
  padding-left: 10px;
  z-index: 1000;
}
#menu .last {
  border-bottom: 0;
}
#menu a {
  color: #000;
  /*background: #efefef;*/
  text-decoration: none;
}
#menu a:hover {
  color: #CE4242;
}
#menu li {
  /* make the list elements a containing block for the nested lists */
  position: relative;
  z-index: 1000;
} 
#menu ul ul ul {
  position: absolute;
  top: 0;
  left: 100%; /* to position them to the right of their containing block */
  width: 10em; /* width is based on the containing block */
  z-index: 1000;
}

#menu ul ul ul li a:hover, #menu ul ul ul ul li a:hover, #menu ul ul ul ul ul li a:hover {
  color: #fff;
  background: #199392;
}

/* Hide/Reveal */
div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

<!--[if IE]>
body {
behavior: url(csshover.htc); /* call hover behaviour file */
font-size: 100%; /* enable IE to resize em fonts */
} 
#wrapper {
  margin-top: 10px;
}
#menu ul li {
float: left; /* cure IE5.x "whitespace in lists" problem */
width: 100%;
}
#menu ul li a {
height: 1%; /* make links honour display: block; properly */
} 
#menu a, #menu h2 {
font: bold 0.7em/1.4em arial, helvetica, sans-serif; 
/* if required use em's for IE as it won't resize pixels */
}
<![endif]-->