body {
	font: 1em Verdana, Arial, Helvetica,sans-serif;
	margin: 10px;
  color: #fff;
	background-color: #222d2d;
}

a {	color: #0000ff; background: inherit;  text-decoration: underline;}
a:visited { background: inherit;	color: #ffff1f;	text-decoration:underline;}
a:hover {	color: #00ff00;	background: inherit; text-decoration: underline;}
a:active {background: inherit;	color: #990000; text-decoration: none;}

h1 {
  background: inherit;
  color:#77BBFF;
	font:normal 220% "arial narrow", Verdana,  arial, georgia, sans-serif;
	letter-spacing: 1px;
	padding: 16px 0 0 6px;
	margin: 10px 0 0 0;
  text-transform:uppercase;
}

h2 {
  background: inherit;
  color: #ff4400;
	margin: 0 0 0 5px;
	padding: 30px 0 4px 0;
	font:normal 150% Georgia, Arial, Verdana, Helvetica, sans-serif;
	letter-spacing: 1px;  border-bottom: solid 3px #ff4400;
}

h3, h4, h5, h6{
  background: inherit;
  color: #ff4400;
	margin: 0px 0 0px 5px;
	padding: 20px 0 4px 0;
	font:normal 150% Georgia, Arial, Verdana, Helvetica, sans-serif;
	letter-spacing: 1px;  border-bottom: solid 3px #ff4400;
}

.orange{ background: inherit; color: #00ff00;}
.blcktitle{ background: inherit; color: #ff4400; font:bold 110% verdana, arial, georgia, sans-serif; margin-top:20px;}

blockquote {
  margin: 20px 0;
  padding:0 0 11px 0;
  color: #fafafa;
  background:#444;
  border:1px solid #ff4400;
  padding: 4px;
}

#layoutBox {
  float: left;
  border: 0;
  background: #222d2d; color:#fff;
  padding: 5px;
}

/* Banner  */

#banner {
  height:78px;
  background: #222d2d; color:#fff;
  margin:0 0 8px 0;
  padding:2px 0 3px 0;
  border:0px;
}

.logoimg{ display:none;}

#banner h1 a, h1 a:visited {margin:6px 0 0 0; background: inherit; color:#0000ff; text-decoration:none;}
#banner h1 a:hover{	color: #00ff00; text-decoration:underline;  background: inherit;}

#topmenu{ width:100%; text-align:left; float:left; font-size:100%; background: #222d2d; color:#fff; margin:0 2px 8px 0; padding:2px;}
#topmenu a, #topmenu a:visited{ background: inherit; color:#0000ff;}
#topmenu a:hover{ background: inherit; color:#00ff00;}

/* End Banner  */

/* Left Menu  */

#leftmenu {
  float:left;
  width:100%;
  line-height: 1.4em;
  background: #222d2d;
	color: #fff;
	padding:2px 2px 2px 0px;
  margin:10px 0 20px 6px;
}

.navcontainer {background: #222d2d; color:#fff; margin:0;  padding:0; font: normal 100%  Verdana, Arial, Helvetica, Sans-Serif;}

.navigationtitle {
  margin:2px 0 0 0;
 padding:0 0 2px 0;
 color:#ff4400;
 background: #222d2d;
 font:normal 110%  georgia, verdana, arial,  sans-serif;
 width:100%;
 border-bottom: solid 2px #ff4400;
}

.navigationhead {	
  background: #222d2d;
  border-bottom: solid 2px #ff4400;
	color: #ff4400;
	font: normal 110% georgia, Verdana, Arial, Helvetica,  sans-serif;
  letter-spacing: 1px;
  padding:6px 0 2px 0;
  margin-top:20px;
	width: 100%;
}

.navcontainer ul{
  margin: 14px 0;
  padding: 0;
  list-style-type: none;
}

.navcontainer li{ margin: 0; padding: 0; list-style-type: none;}
.navcontainer li a,.navcontainer li a:visited {
  color:#0000ff;  font-size:100%;
  background:#222d2d;
  display:block;
  border: 0;
  padding:2px 0 8px 0;
  width: 100%; margin-top:4px; text-decoration: underline;
}

.navcontainer li a:hover{
  color: #00ff00;
  background: #222d2d;
}

#boxmenu {
  float:left;
  width:100%;
  clear:both;
  line-height: 1.5em;
  background: #222d2d;
	color: #fff;
	padding: 2px 0 22px 0;
  margin:0 0 10px 5px;
}
.box { width: 100%; background: #222d2d; border:0px; color:#fff; padding:6px 0 6px 5px; margin:10px 0 10px 0;}
.boxtitle{ font:normal 110% georgia, Verdana, Arial, Helvetica,Sans-Serif; color:#ff4400; background:#222d2d; padding:0 0 2px 0; margin:20px 0 0 2px;border-bottom: solid 2px #ff4400;}

.box li a, .box li a:visited { padding:0; margin: 0 0 8px 0; text-decoration:underline;background: inherit; color:#0000ff;}
.box li a:hover{  color:#00ff00;  background: inherit; text-decoration:underline;}

/* End Left Menu */

/* Main Content */
p.note {
	background: #222d2d; color:#fff;
	padding: 4px;
	font-family: verdana, tahoma, arial sans-serif;
	font-size: 90%;
	line-height: 1.8em;
	margin-top: 0;
}

#breadcrumb{
  background:#222d2d;
  color:#ff4400;
  padding:3px 0 3px 7px;
  border:0px;
  float:left;
  width:99%;
  margin: 18px 4px 0 0;
}

#breadcrumb a:link, #breadcrumb a:visited{color: #0000ff; background:#222d2d; text-decoration:underline;}
#breadcrumb a:hover{ color: #00ff00;	background: inherit;}

#maincenter, #center{ float:left; width:100%; margin: 40px 0 0 0; padding: 0; color:#fff; background: inherit;}
.maintitle{ padding:0 0 0 0px; font:bold 100% verdana, arial, Helvetica, sans-serif; color:#ff4400; background: inherit;}

#colorbox{ color:#fff; background: inherit;}
/* End Main Content */

/* Content and Resource Catagory Boxes*/

.resc{
  float:right;
  width:100%;
  background: #222d2d; color:#fff;
  margin: 10px 0 10px 0;
  padding: 6px 0 10px 7px;
}


.lnkbox{ width:100%; background: #222d2d; color:#fff; margin: 0 0 20px 0; padding: 0px 0 10px 7px; border-bottom:#ff4400 0px dotted;
 border-left:#ff4400 0px dotted; border-right:#ff4400 0px dotted;}

.lnkbck{ color:#ff4400; background:inherit; font-size:100%; padding: 4px 0 4px 0;}
.lnktitle{ color:#ff4400; background:#222d2d; border-bottom:0; border-top:0;
 border-left:0; border-right:0;  border-bottom: solid 2px #ff4400;
 padding: 4px 0 4px 6px; margin: 0 0 0 5px; font:bold 100% Verdana, Arial, Helvetica, sans-serif;}

.lnk {width:100%; background:#222d2d;  color:#fff; margin: 0 0 20px 0;}

.lnkbutton{ font-size:90%; margin:6px 8px 0 0; padding: 4px 0 4px 0; text-align:right;}

.resctitle{ color:#ff4400; background: inherit;} .resctitle{color:#ff4400; background: inherit; margin-left:10px;}

#catgbox{ background:#222d2d; color:#ff4400; border: 1px solid #ff4400; }
#catgbox a, #catgbox a:visited{ background:#222d2d; color:#0000ff; text-decoration:none; margin: 6px 0 0 10px; }
#catgbox a:hover{ background:#222d2d; color:#00ff00; border-bottom: dashed 1px #00ff00;}

.ctgblktitle{border-bottom: solid 2px #ff4400; color:#ff4400; background: inherit;}
.ctgblktitle a, .ctgblktitle a:visited, .ctgblktitle a:hover{ background: inherit;  color:#ff4400; text-decoration:none;}


.ctgblksub li, .ctgblksubtut li{ margin: 6px 0 0 2px; background: #222d2d url(../images/bull-arrow.gif);
  background-repeat:no-repeat; background-position:left center;  color:#00ff00;}
.ctgblksub a, .ctgblksub a:visited, .ctgblksubtut a, .ctgblksubtut a:visited {background:#222d2d; color: #0000ff; margin: 6px 0 0 10px;}
.ctgblksub a:hover, .ctgblksubtut a:hover{ color: #00ff00; background:#222d2d; text-decoration:none; border-bottom: dashed 1px #00ff00;}

.screenbox { background: inherit; color: #fff;padding:4px 0 0 6px;}


.sshot{ border:1px solid #ccc;  background: #f4f4f4; color: #000; float:left; padding:2px; margin: 0px 14px 0 0;}
.sbox { background: inherit; color: #fff; margin: 20px 0 50px 0px; padding:0; }
.sboxtitle { border-bottom: solid 2px #ff4400; background: inherit; color:#ff4400;}

form { background: #222d2d; color:#fff; padding: 3px 0 4px 0;	margin: 2px 0 2px 2px;}
input { background: #f0f0f0;	color: #333; border: 1px solid #ddd;	padding: 3px;}
.comment { border: 1px solid #ddd;}
.button { padding: 0 5px; font: 400 0.9em verdana, serif; cursor: pointer; color: #77BBFF; background: #333;  border: solid 1px #fff;}

.code{	color:#ff4400; background:#222d2d;  font-size:120%; border-bottom: solid 3px #ff4400;}

/* End Content and Resources Boxes */

/* Form and Button Boxes */

form { background: #222d2d; color:#fff; margin-left:10px;}
input { background: #666; color: #fff;}
.button {
  padding: 2px 5px;
  font: 400 0.9em verdana, serif;
  cursor: pointer;
  color: #06c;
  background: inherit;
  border:solid 1px #ff4400;
}

.comment {background: #444; color: #fff;}
textarea { background:#444; border: 0px solid #06c; color:#fff; font-size:110%;}

.buttonbox{ background: #222d2d; color:#fff;  }
#pagebox{  text-align:right; }

.buttonbox a, .buttonbox a:visited, #pagebox a, #pagebox a:visited, .lnkbutton a, .lnkbutton a:visited{ background: #222d2d; color:#0000ff; border:1px solid #ff4400; text-decoration:none;  }
.buttonbox a:hover,#pagebox a:hover, .lnkbutton a:hover{ background: #333; color:#00ff00;}

/* End Form and Button Boxes */

/* XBlock */

#xbox a{ font-size:100%; font-weight:bold; color:#0000ff; background:inherit;text-decoration:underline;}
#xbox a:hover{ color:#00ff00; background:inherit;}
.report{ background:#333; color: #fff; border: 1px solid #ff4400;}

 /* End XBlock */

/* Footer */

#foot{ float:left; margin: 10px 0 0 0; width:99%; color:#fff;  background:#222d2d;  clear:both;  padding:5px 5px 5px 5px;  border:0px;}
#foot p{ margin:0;}

/* End Footer */