/* Begin Basic Styles */
body {
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	background-color: #8B9F6B;
	margin-top: 0;
}
a:link, a:visited {
	color: #8B9E6B;
	text-decoration: none;
}
a:hover, a:active {
	color: #ffc20e;
	text-decoration: underline;
}	
h1 {
	display: none;
}
h2 {
	font-size: 15px;
	font-weight: bold;
	color: #6A3248;

}
.h {
	font-size: 15px;
	font-weight: bold;
	color: #6A3248;
   border-bottom:1px solid #6A3248;
   margin-bottom: 27px;
   padding-bottom: 4px;
}
h3 {
	font-size: 14px;
	font-weight: bold;
	color: #6A3248;
	text-decoration: none;
	display: inline;
}
p {
   margin-top: 0;
}
p.gap {
   margin-top: 16px;
}
img {
	display: block;
	border: none;
}

table {
	border-collapse: collapse;
}
ul {
	margin:0px 0px 0px 0px;
	padding-left: 15px;
}
/* End Basic Styles */

/* Begin Layout Styles */
#frame {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
}
#homeheader {
	width: 100%;
	background-color:#8B9F6B;
}
#header {
	background-color: #8CA06B;
	background-image: url(imgs/int_banner.jpg);
	background-repeat: no-repeat;
}

/*  The menu controls  */
#menu {
	background-color: #6A3248;
	height: 23px;
   width: 100%;
}
#menu img {
   float: left;
}
#menu ul {
	float: left;
	list-style: none;
	background-color: #6A3248;
}
#menu h2,#menu a {
   color: #ffc20e;
   font: bold 12px/16px Arial, Helvetica, Verdana, Geneva, sans-serif;
   display: block;
   padding: 1px;
   margin: 3px 21px 0 21px;
	text-decoration: none;
	background-color: #6A3248;
}

#menu a:hover {
   color: white;
	background-color: #6A3248;
}
#menu li {position: relative;}

#menu ul ul {
	background-color: #6A3248;
   margin-left: 0;
   padding: 1px 0 7px 0;
   position: absolute;
   top:auto;
}
#menu ul ul.what {
   width: 10em;
}
#menu ul ul.tools {
   width: 14em;
}
#menu ul ul.resources {
   width: 14em;
}
#menu ul ul.about {
   width: 16em;
}
#menu ul ul.contact {
   width: 9em;
}
.whattext {
   left: 385px;
}
.toolstext {
   left: 198px;
}
.resourcestext {
	left:20px;
}
.aboutustext {
	left:-110px;
}
.contactustext{
	left:-229px;
}
div#menu div{
   color: #ffc20e;
   z-index: 2500;
   display: none;
   position: absolute;
   top: -136px;
   text-align: center;
   width: 140px;
   height: 93px;
   color: white;
	background-color: #6A3248;
   padding: 7px;
   font-size: 12px;
   vertical-align: middle;
}
div#menu ul li:hover .whattext,
div#menu ul li:hover .toolstext,
div#menu ul li:hover .resourcestext,
div#menu ul li:hover .aboutustext,
div#menu ul li:hover .contactustext {
   display: block;
   color: #ffc20e;
}

div#menu ul ul,
div#menu ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul {display: block;}

/* end menu styling */


#homebody {
	color: white;
	background-color: #8B9F6B;
	background-image: url(imgs/homebkg.jpg);
   background-position: top;
	background-repeat: no-repeat;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.6em;
	padding: 30px 40px 15px 60px;
}
#homebody img {
	padding:1px 1px 0 0;
}
#homebody p {
	padding: 20px 90px 20px 95px;
	text-align:center;
}
#body {
	width: 100%;
	color: black;
	font-size: 12px;
	background-image: url(imgs/cr_dots_bkg.jpg);
	background-repeat: no-repeat;
	background-color: #FFFCDF;
	padding-top:10px;
}
#content {
	padding-top: 15px;
	vertical-align: top;
}
#content li {
   margin-left: 14px;
}
#content img {
	display: inline;
}
#content a {
   font-weight: bold;
}
#homebody a:link, #homebody a:visited, #homefooter a:link, #homefooter a:visited {
	color: #FFC20E;
}
#homebody a:hover, #homebody a:active, #homefooter a:hover, #homefooter a:active {
	text-decoration:underline;
}
#homeimages {
	padding-left: 40px;
	padding-top: 10px;
}
#homefooter, #footer {
	text-align: center;
	font-size: 10px;
	letter-spacing: -0.7px;
	padding-bottom: 15px;
}
#homefooter {
	border:1px solid #8B9F6B;
	background-color: #8B9F6B;
}
#homefooter span {
	color: white;
}
#footer {
	border: 1px solid #FFFCDF;
	background-color: #FFFCDF;
	padding-top: 60px;
}
#footer span {
	color: #8B9E6B;
}
#leftnav {
	width: 140px;
	padding:15px 35px 10px 40px;
	vertical-align:top;
	font-size: 12px;
}
#leftnav a {
   color: #8CA06B;
   display: block;
   padding-left: 14px;
   background-image: url(imgs/circle_bullet.gif);
   background-repeat: no-repeat;
   margin-bottom: 2px;
   font-weight: bold;
}
#leftnav a:hover {
	color: orange;
}	
#leftnav .navlink, #leftnav .subnavlink {
   background-image: url(imgs/line_bullet.gif);
   background-repeat: no-repeat;
}
#leftnav .navlink {
	padding-left:12px;

}
#leftnav .subnavlink {
	margin-left:24px;
}
#rcol {
	vertical-align: top;
	padding:30px 25px 0px 0px;
}
#rcol img {
	border:1px solid black;
	margin: 0px 10px 0px 30px;
}
#crumb {
	font-size: 11px;
}
#profiles {
   width: 95%;
   margin-top: 21px;
}
#profiles td {
   vertical-align:top;
   padding-bottom:21px;
}
td.pic {
   padding-left: 21px;
}
#formtable {
	margin-left: auto;
	margin-right: auto;
}
#inputbox_rcol, #formtable {
	border: 1px solid black;
	background-color: white;
}
#inputbox_rcol, #inputbox {
	font-size:9px;
	letter-spacing: 1px;
	padding-left: 4px;
}
#inputbox {
	border:none;
	padding-left: 4px; 
}
#subimg_rcol {
	padding-right:4px;
	vertical-align:middle;
   display: block;
}
.red{
	color:red;
}
/* End Layout Styles */