body {
  font: 0.8em Verdana, Arial, sans-serif;
  margin: 10px 10px 10px 10px;
  color: #636363;
	background-color: #F7F9F7;
}

a { color: #6666ff;	background: inherit;}
a:visited { background: inherit;	color: #800080;	text-decoration: none;}
a:hover { color: #ff6600; background: inherit; text-decoration: underline;	}
a:active { background: inherit;	color: #990000; text-decoration: none;}


h1 {
  background: inherit;
  color:#26488F ;
	font:normal 200%   georgia, "arial narrow",verdana, arial,  sans-serif;
	letter-spacing: 1px;
	padding: 26px 0 0 0;
	margin: 0;
  text-transform:uppercase;
}


h2 {
  background: inherit;
  color: #ff6600;
	margin: 0;
	padding: 0 0 2px 0;
  border-bottom: solid 2px #008000;
  font:bold 140% "trebuchet ms",georgia, verdana, arial, sans-serif;
  letter-spacing: 1px;

}

h3, h4, h5, h6 {
  background: inherit;
  color: #222;
	margin: 18px 0 0 0;
	padding: 0 0 4px 0;
  border-bottom: solid 2px #008000;
  font:bold 140% "trebuchet ms",verdana, arial, georgia, sans-serif;
  letter-spacing: 1px;
  line-height:1em;
}


blockquote {
  margin: 15px 0;
  padding:0 0 11px 0;
  color: #454545;
  background:#F7F9F7;
  border:1px solid #008000;
  padding: 7px;
}
blockquote p{ padding: 0 6px 0 6px;}

.orange{ background: inherit; color: #ff6600;}
.blcktitle{ background: inherit; color: #000; font:bold 100% verdana, arial, georgia, sans-serif; margin-top:20px;}

.block{ float:left; width:99%; background: #ffdbb7; color:#333; border:1px solid #ff8000; padding: 4px;}

/* Support Guide  */
.tips{
  float:left;
  background-image:url(../images/tipsgreen.gif);
  background-position: center;
  background-repeat: no-repeat;
  width:57px;
  height:60px;
  padding: 0;
  margin: 0;
}

.guide{
width: 100%;
clear: left;
margin-top: 20px;
}

.guide .floatbox{
float: left;
width: 72px;
margin-top: 4px;
}

.guide .rightbox{
 float: right; width:100%;
 margin-top: 18px;
}

.guide .rightbox ul {margin:12px 0 0 0; padding:0; list-style:none;}
.guide .rightbox li {margin:0 0 8px 0; padding:0; list-style:none; line-height:1.4em;}


* html .guide p{ /* IE 3px jog hack*/
height: 1%;
}

.guide p{
margin-top: 24px;
margin-left: 123px; padding:0;
}

.guide .guidetitle, .guide .guidetitle a, .guide .guidetitle a:visited{ padding: 8px 6px 4px 0; margin:0; background: inherit; color: #000; font-weight:bold; font-size:110%;}
/* End Support Guide  */

#layoutBox {
  float: left;
  width:98%;
  border: 1px solid #008000;
  background: #fff;
  color:#636363;
  padding: 8px 8px 8px 8px;
  margin:0;
}

/* Banner  */

#banner {
  height:78px;
  background: #fafafa;
  color:#000;
  margin:0 0 10px 0;
  padding:0 0 5px 0;
  border-color:#008000;
  border-style:solid;
  border-right-width:1px;
  border-left-width:1px;
  border-bottom-width:1px;
  border-top-width:3px;
}

.logoimg{
  float:left;
  background-image:url(../images/computer1.gif);
  background-position: center;
  background-repeat: no-repeat;
  width:70px;
  height:59px;
  padding: 0 6px 0 0;
  margin: 11px 0;
}

#banner h1 a, h1 a:visited {
  margin: 2px 0 0 0;
  background: inherit;
  color:#26488F;
	text-decoration:none;
}

#banner h1 a:hover {
	color: #ff6600;
  background: inherit;
  text-decoration:none;
}

#topmenu{
  width:30%;
  font-size:90%;
  text-align:right;
  float:right;
  background:#fafafa;
  color:#000;
  margin:0;
  padding:4px 6px 0 0;
}

#topmenu a, #topmenu a:visited{
  background: inherit;
  color:#6666ff; text-decoration:none;
}

#topmenu a:hover{
  background: inherit;
  color:#ff6600; text-decoration:underline;
}

/* End Banner  */

/* Left Menu  */

#leftmenu {
  float:left;
  width:19%;
  line-height: 1.4em;
	padding: 2px 0 2px 0;
  margin:12px 0 12px 0;
}

.navcontainer {
  width:100%;
  margin: 0;
  padding: 0;
}

.navigationtitle {
 margin:2px 0 0 0;
 padding:0 10px 2px 0;
 color:#ff6600;
 background: #fff;
 font:bold 120% "trebuchet ms", georgia,verdana, arial,  sans-serif;
 width:100%; letter-spacing:1px;
 border-bottom:solid 2px #008000;
}

.navigationhead {
 margin:20px 0 0 0;
 padding:0 10px 2px 0;
 color:#ff6600;
 background: #fff;
 font:bold 120% "trebuchet ms",georgia,verdana, arial, sans-serif;
 width:100%;  letter-spacing:1px;
 border-bottom: solid 2px #008000;
}

.navcontainer ul, .navcontainer li{
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.navcontainer li a, .navcontainer li a:visited{
  font-weight:bold;
  font-size:90%;
  color:#4d4d4d;
  background:#F7F9F7;
  display:block;
  border: solid 1px #008000;
  text-decoration:none;
  padding:5px 0 5px 8px;
  width: 100%;
  margin:4px 0 0 0;
}

.navcontainer li a:hover{ color: #ff6600; background: #fff; text-decoration: none;}

#boxmenu {
  float:left;
  width:19%;
  line-height: 1.5em;
  background: #fff;
	color: #000;
	padding: 2px 0 22px 0;
  margin:0 0 10px 0;
}

.boxtitle{
 margin:0;
 padding: 2px 10px 2px 0;
 background:inherit;
 color:#ff6600;
 font:bold 120% "trebuchet ms",georgia, verdana, arial,  sans-serif;
 width:100%;  letter-spacing:1px;
 border-bottom: solid 2px #008000;
}

.box {
  width:100%;
  background: #fafafa;
  border: solid 1px #008000;
  color:#666;
  padding:0px 0 6px 0px;
  margin:4px 0 10px 0;
}
.box ul{ margin:0; padding:0;}
.box li{ margin: 0 0 3px 1px; list-style-type:none; padding:0;}
.box li a, .box li a:visited, .box li a:hover{ padding:0; margin: 0; text-decoration:none;}
.box li a:hover{ color:#ff6600; background: inherit; text-decoration:underline;}

/* End Left Menu */

/* Main Content */

#main { float: left;  width:100%; margin: 0; padding: 0;}

p.note {
	background: #F7F9F7;
	padding: 4px;
	font-family: verdana, tahoma, arial sans-serif;
	font-size: 90%;
	line-height: 1.8em;
	margin-top: 0;
}

#breadcrumb{
  float:left;
  background:#fff;
  color:#333;
  padding:4px 0 3px 0;
  width:100%;
  margin: 0;
}

#breadcrumb a:link, #breadcrumb a:visited{
 color:#6666ff;
 padding: 0 2px 0 2px;
 background-color:#fff;
 text-decoration:none;
}

#breadcrumb a:hover{ color: #ff6600;	background: inherit; text-decoration:underline;}

#maincenter, #center {
  float:right;
  background: inherit;
  color:#000;
  width:77%;
  margin: 24px 4px 0 0;
  padding: 0;
}

#maincenter p, #center p{
 padding: 3px 0 0 1px;
 line-height:1.6em;
 margin:0 0 10px 0;
}

.maintitle{
  padding:2px 0 0 0;
  font: bold 120% "trebuchet ms",verdana, arial, georgia, sans-serif;
  color:#333;
  background: inherit;
}

#maincenter ul{ list-style:none; margin: 10px 0 0 0; padding:0;}

#maincenter li {
 padding: 0 0 4px 10px;
 margin: 4px 0 0 2px;
 list-style-type:disc;
 list-style-position:inside;
}

#colorbox{
  width:100%;  text-align:center;
  margin: 28px 4px 0 0;
  padding: 4px 0 0 0;
  background: inherit;
  color:#000;
}

/* End Main Content */


/* Content and Resource Catagory Boxes*/

.resc, screen {
  background: #fff;
  color:#000;
  margin: 3px 0 20px 0;
  padding: 0 0 10px 0;
}

.resc p{  padding: 4px 0 0 0; line-height:1.4em;}

.resctitle{ padding:12px 0 0 0; font-weight:bold; color:#222; background: inherit;}

.lnkbox{  width:100%; background:#fff;  color:#000; margin: 0 0 20px 0; border-bottom:#008000 1px dotted;
 border-left:#008000 1px dotted; border-right:#008000 1px dotted;}

.lnkdesc{  width:98.5%; padding: 0 6px 0 4px; margin: 0;}

.lnkbck{ width:100%; padding:0; }

.lnk {width:100%; background:#fff;  color:#000; margin: 0 0 20px 0;}
.lnkbutton{ margin: 6px 0 8px 6px; padding: 4px 0 4px 0; width:98.5%; text-align:right; }

.lnktitle{ background:#F7F9F7;  color:#333; border-bottom:#008000 1px dotted; border-top:#008000 1px dotted;
 border-left:0; border-right:0;
 padding: 4px 0 4px 6px; margin:0; font:bold 100% Verdana, Arial, Helvetica, sans-serif;}

.biblebox{ width: 48%; float:left; display:inline;  margin:0 0 10px; padding:0 0 4px 0;}
.biblebox ul{ margin: 10px 0; padding:0; list-style:none;}
.biblebox li{ margin: 0 0 0 8px; padding: 4px 0 3px 0;
  list-style:none;
  background-image: url(../images/bull-arrow.gif);
  background-repeat:no-repeat;
  background-position:left center;
}

.biblebox a{ text-decoration:none; margin: 3px 0 3px 10px; padding:0;}

#catgbox{
  float:right;
  clear:all;
  width:30%;
  background:#F7F9F7;
  color:#ff6600;
  border: 1px solid #008000;
  margin:14px 0 0 6px;
  padding: 8px 0 4px 6px;
}

#catgbox ul{ margin: 10px 0; padding:0; list-style:none;}
#catgbox li{
  margin: 6px 0 0 8px;
  padding:0 0 3px 0;
  list-style:none;
  background-image: url(../images/bull-arrow.gif);
  background-repeat:no-repeat;
  background-position: 0 .2em;
}

#catgbox a, #catgbox a:visited{ background:#F7F9F7; color:#6666ff; text-decoration:none; margin: 6px 0 3px 10px;}
#catgbox a:hover{ background:#F7F9F7; color:#ff6600; border-bottom: dashed 1px #ff6600;}

.ctgblk { float:left; width:100%; margin: 0 0 40px 0; padding: 0 0 8px 0;}

.ctgblktitle{
  margin:0;
  padding:0 0 3px 0;
  color:#000;
  background: inherit;
  font:bold 125% "trebuchet ms",verdana, arial, georgia, sans-serif;
  width:100%;
  letter-spacing:1px;
  border-bottom: solid 2px #008000;
  line-height:1em;
}

.ctgblktitle a, .ctgblktitle a:visited, .ctgblktitle a:hover{  background: inherit;  color:#000;  text-decoration:none;}

.ctgblksub{  float:left; width:33.2%; display: inline; margin-right: 0.1%; padding: 10px 0 4px 0; }
.ctgblksubtut{ float:left; width:49.8%; display: inline; margin-right: 0.1%; padding: 10px 0 4px 0; }

.ctgblksub ul, .ctgblksubtut ul{ margin:0; padding:0; list-style:none;}

.ctgblksub li, .ctgblksubtut li {
  padding:0;
  margin: 6px 0 2px 2px;
  text-decoration:none;
  background: #fff url(../images/bull-arrow.gif);
  background-repeat:no-repeat;
  background-position:left center;
  color:#ff6600; list-style:none;
}

.ctgblksub a, .ctgblksub a:visited, .ctgblksubtut a, .ctgblksubtut a:visited{background: #fff; color: #6666ff; margin: 6px 0 0 10px; padding:0;text-decoration:underline;}
.ctgblksub a:hover, .ctgblksubtut a:hover { color: #ff6600; background: #fff; text-decoration:underline; }

.screenbox { height: 89px; margin: 20px 0 20px 0; padding:4px 0 0 0; background: inherit; color: #000;} 	
.screenbox p{ padding: 0px; line-height:1.4em; }

.sshot{ border:1px solid #ccc;  background: #fafafa; color: #000; float:left; padding:2px; margin: 0 14px 0 0;}
.sbox { background: inherit; color: #000; margin: 20px 0 50px 0px; padding:0; } 	

.sboxtitle {
  background: inherit;
  color: #222;
	margin: 12px 0 0 0;
	padding: 0 0 3px 0;
  border-bottom: solid 2px #008000;
  font:bold 120% "trebuchet ms",verdana, arial, georgia, sans-serif;
  letter-spacing: 1px; line-height:1em;
}
.tutimgl{float:left; clear:both; padding:8px 8px 6px 0; margin:0;}
.tutimgr{float:right; clear:both; padding:8px;}



.frntimgl{float:left; clear:both; padding:10px 20px 4px 0; margin:0;  }
.frntimgr{float:right; clear:both; padding:8px 0 8px 8px;}

/* End Content and Resources Boxes */

/* Form and Button Boxes */

form {
  background: inherit; color:#000;
  padding: 2px 0 4px 0;
	margin: 0 0 0 2px;
}
		
input {
  background: #F7F9F7;
	color: #333;
	border: 1px solid #008000;
	padding: 2px;
}
		
.button {
  padding: 2px 5px;
  font: 400 0.9em verdana, serif;
  cursor: pointer;
  color: #0643bb;
  background: #F7F9F7;
  border:solid 1px #008000;
}

.comment {
  width: 406px;
  height: 60px;
  border: 1px solid #008000;
  background: #F7F9F7;
  color: #333;
  padding : 1px;
  margin: 0 4px 0 0;
}

#buttoncontainer{ width:97%; margin: 10px 0 0 10px;}

.code{
	color:#000;
	font-weight:bold; font-size:100%;
	text-align:left;
	margin:1.4em 0 0 2px;
	padding:4px;
	 border-bottom: solid 3px #008000;
	background:#fff;
}

textarea{
  width: 99%;
  height: 120px;
  border: 1px solid #008000;
  padding : 2px;
  margin: 0 0 0 2px;
  background:#f7F9F7;
  color:#333;
}  	

.buttonbox{ margin:16px 0 0 0; padding: 16px 0 2px 0;  text-align:right;}
.buttonbox a, .lnkbutton a, .lnkbutton a:visited { background: #F7F9F7; border:1px dotted #008000; font-size:96%; color:#6666ff; text-decoration:none; margin:0 0 2px 10px; padding:3px 7px 3px 7px;}
.buttonbox a:hover, .lnkbutton a:hover{ background: #ffdbb7; color:#000; border:1px dotted #ff8000; text-decoration:none;}


/* End Form and Button Boxes */

/* XBlock */

#xbox{ margin: 12px 0 12px 0; width:100%; text-align:center;}
#xbox a{ font-size:100%; font-weight:bold; color:#6666ff; background:inherit;text-decoration:underline;}
#xbox a:hover{ color:#ff9834; background:inherit;}
.report{ background:#f4f8f4; color: #000; border: 1px solid #008000; text-align:center; }
#xlogo{ margin: 12px 0 12px 0;}

/* End XBlock */

/* Footer */

#foot{ height:15px;
  float:left; width:99.7%;
  text-align:right;
  background: #fafafa;
  color:#000;
  margin:8px 0 0 0;
  padding: 4px 0 4px 0;
  border: solid 1px #008000; font-size:85%;
}

#foot p{ padding:0 8px 2px 0; margin:0;}

/* End Footer */

.offimg{ padding: 12px 12px 12px 0; float:left;}