/* CSS Document */

body {
	margin: 0;
	padding: 0;
	background-color: #F6DC8F;
	behavior: url(includes/csshover.htc);
	background-image: url(../images/bkg-big-yellow3.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	}
/* ------------------------------ CONTENT PADDING ------------------------------------------ */
.content5, #content5 {
	padding: 5px;
}
.content10, #content10 {
	padding: 10px;
}
.content15, #content15 {
	padding: 15px;
}
/* ------------------------------ HOME PAGE ----------------------------------------------- */
#pagewrap {
	display: block;
	margin: 0;
	padding: 0;
	width: 788px;
}
div#banner_wrap div#banner_mid div#banner {
	width: 790px;
}
div#banner {
	height: 252px;
	align: center;
	background-image:url(../images/banner.jpg);
}
div#banner_mid {
	float: left;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
}
div#banner_wrap {
	width: 790px;
}
div#left {
	width: 33px;
	float: left;
}
div#right {
	width: 33px;
	float: left;
}
div#center_piece_top {
	float: left;
	height: 33px;
	background: #29347c;
}
div#center_piece_bot {
	float: left;
	background: #29347c;
	border-bottom: 1px solid #000000;
	width: 722px;
	height: 32px;
}
div#center_piece_bot p{
	padding: 6px 0 0 0;
	margin: 0;
}
div#trans {
	width: 736px;
	height: 134px;
	padding: 20px 0 10px 50px;
	border-left: 1px solid #000; 
	border-right: 1px solid #000;
	border-bottom: 4px solid #24517a;
	
}
div#welcome {
	float: left;
	text-align: left;
	width: 520px;
}
div#welcome p{
	font: 16px Georgia, "Times New Roman", Times, serif; 
	color: #000;
}
div#home_block {
	border-left: solid 2px;
	border-left-color: #000;
	border-right: solid 2px;
	border-right-color: #000;
}
div#home_box {
	display: block;
	width: 258px;
	float: left;
}
div#home_bg {
	background: url(../images/bg_grad_all.gif);
	background-repeat: repeat-x;
	float: left;
	margin-top: 4px;
}
div#home_box.middle {
	margin-right: 6px;
	margin-bottom: 0;
	margin-left: 6px;
}
div#home_wrap {
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #000;
	border-left-color: #000;
	float: left;
	margin: 0px;
	padding: 0px;
	width: 786px;
	background-color: #fff;
}
div#box_top {
	width: 258px;
	height: 10px;
}
div#box_content {
	font: 16px Georgia, "Times New Roman", Times, serif;
	color: #000;
	text-align: left;
	padding-top: 25px;
	padding-right: 27px;
	padding-bottom: 25px;
	padding-left: 27px;
}
div#box_content h1 {
	font: 19px Georgia, "Times New Roman", Times, serif; 
	color: #0055a5;
	font-style: italic;
}

.white_border {
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-top: 4px solid #fff;
	border-bottom: 4px solid #fff;
}



/* ------------------------------ INTERIOR ------------------------------------------- */
div#column_wrap {
	float: left;
	width: 786px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #000;
	border-left-color: #000;
}
div#menu_wrap {
	height: 28px;
	background-color: #94b49c;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 4px solid #24517a;
}
div#menu {
	height: 28px;
	padding-left: 20px;
}
div#border_menu {
	border-top: 4px solid #24517a;
}
div#blue_bar {
	width: 786px;
	height: 0px;
	border-top: 9px solid #3E4B7F;
}
div#lightblue_bar {
	width: 786px;
	height: 0px;
	border-top: 9px solid #729DC7;
}
div#purple_bar {
	width: 786px;
	height: 0px;
	border-top: 9px solid #5A2695;
}
div#darkpurple_bar {
	width: 786px;
	height: 0px;
	border-top: 9px solid #4F1E5E;
}	
div#magenta_bar {
	width: 786px;
	height: 0px;
	border-top: 9px solid #944B6D;
}
div#orange_bar {
	width: 786px;
	height: 0px;
	border-top: 9px solid #ECAB61;
}
div#darkorange_bar {
	width: 786px;
	height: 0px;
	border-top: 9px solid #D86520;
}
div#green_bar {
	width: 786px;
	height: 0px;
	border-top: 9px solid #B5D86A;
}
div#darkgreen_bar {
	width: 786px;
	height: 0px;
	border-top: 9px solid #818c36;
}
div#bluegreen_bar {
	width: 786px;
	height: 0px;
	border-top: 9px solid #33788B;
}
div#red_bar {
	width: 786px;
	height: 0px;
	border-top: 9px solid #BE3231;
}
div#darkred_bar {
	width: 786px;
	height: 0px;
	border-top: 9px solid #7A3231;
}
div#leftcol {
	float: left;
	text-align: left;
	width: 545px;
	background: #f5dd8d;
	background-image:url(../images/bg_inside.gif);
	background-repeat: repeat-x;
}
div#rightcol {
	float: left;
	width: 241px;
}
div#right_container {
	width: 241px;
	position: relative;
}
div#color_block {
	filter:alpha(opacity=50);
	-moz-opacity:0.50;
	-khtml-opacity: 0.50;
	opacity: 0.50;
	width: 241px;
}
div#text_block {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
}
div#bottom_color {
	filter:alpha(opacity=50);
	-moz-opacity:0.50;
	-khtml-opacity: 0.50;
	opacity: 0.50;
	width: 241px;
}
/* ------------------------------ SEMI-TRANS BG COLORS -------------------------------- */
.green_trans {
 	background-color: #b4b269;
}
.orange_trans {
background-color: #cc7722;
}
.lightblue_trans {
background-color: #729DC7;
}
.purple_trans {
background-color: #5A2695;
}
.darkpurple_trans {
background-color: #4F1E5E;
} 
.magenta_trans {
background-color: #944B6D;
}
.orange_trans {
background-color: #ECAB61;
}
.darkorange_trans {
background-color: #D86520;
}
.darkgreen_trans {
background-color: #818c36;
}
.bluegreen_trans {
background-color: #33788B;
}
.red_trans {
background-color: #BE3231;
}
.darkred_trans {
background-color: #7A3231;
}
.blue_trans {
background-color: #3E4B7F;
}
.white_trans {
background-color: #fff;
}
.yellow_trans {
background-color: #f8df9d;
}
/* ------------------------------ BG COLORS ------------------------------------------- */
.green {
 	background-color: #818a14;
}
.blue {
	background-color: #262f7b;
}
.orange {
	background-color: #cc7722;
}
/* ------------------------------ SPACERS -------------------------------------------- */
div#horiz_spacer_first {
	width: 786px;
	height: 4px;
}
div#horiz_spacer {
	width: 100%;
	height: 6px;
}
div#vert_spacer6 {
	width: 6px;
	height: 1px;
}
div#vert_spacer2 {
	width: 2px;
	height: 1px;
}
/* ------------------------------ FOOTER ------------------------------------------- */
div#footer {
	padding: 5px;
	color: #999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
div#footer a {
	color: #999;
	text-decoration: none;
}
div#footer a:hover {
	color: #999;
	text-decoration: underline;
}
div#copyright {
	float: left;
	width: 350px;
	text-align: left;
	margin-left: 25px;
}
div#credits {
	float: right;
	width: 350px;
	text-align: right;
	margin-right: 25px;
}
/* ------------------------------ DROPDOWN MENU ------------------------------------ */
body div#main_menu ul li ul, body div#main_menu ul li ul li ul {
	display: none;
}
div#main_menu {
	text-align: left;
	height: 28px;
	font-weight: bold;	
	z-index: 50;
	position: relative;	
	color: #231f20;
}
div#main_menu ul {
	margin: 0;
	padding: 0;	
}
div#main_menu li {
	float: left;
	width: auto;
	position: relative;
	left: 0px;
	list-style-type: none;
}
div#main_menu ul li a {
	height: 15px;
	padding: 8px 0 5px 0;
}
div#main_menu a {
	display: block;
	font: 13px Arial, Helvetica, sans-serif;	
	font-weight: bold;
	text-decoration: none;
}
div#main_menu a:hover {
	background: #f5dd8d;
}
div#main_menu ul li ul:hover, div#main_menu ul li:hover ul {
	display: block;
}
div#main_menu ul li ul li:hover ul {
	display: block;
	left: 120px;
}
div#main_menu ul li a {
	color: #142016;
	text-align: center;
}
div#main_menu ul li a.button1{
	width: 70px;
}
div#main_menu ul li a.button2{
	width: 95px;
}
div#main_menu ul li a.button3{
	width: 120px;
}
div#main_menu ul li a.button4{
	width: 130px;
}
div#main_menu ul li a.button5{
	width: 120px;
}
div#main_menu ul li a.button6{
	width: 120px;
}
div#main_menu ul li a.button7{
	width: 75px;
}
div#main_menu ul li ul {
	position: absolute;
	width: 127px;
	z-index: 25;
	border-top: 1px solid #24517a;
	border-right: 4px solid #24517a;
	border-bottom: 4px solid #24517a;
	border-left: 4px solid #24517a;
	margin-left: -5px;
}
div#main_menu ul li ul li {
	width: 127px;
	padding: 0px;
	color: #D14F1E;
	margin: 0;
}
div#main_menu ul li ul li a{
	width: 100px;
	background-color: #94b49c;
	height: auto;
	padding: 5px 10px 5px 17px;
	color: #000;
	margin: 0px;
	text-align: left;
}
div#main_menu ul li ul li a:hover {
	color: #000;
	background-color: #f5dd8d;
}
div#main_menu ul li ul li:first-child {

}
div#main_menu ul li ul li:hover ul {visibility:visible;} /* same effect as display:block in this situation */

/* second level popouts start here*/
div#main_menu ul li ul li:hover ul li ul {visibility:hidden;}
div#main_menu ul li ul li ul li:hover ul {visibility:visible;} /* same effect as display:block in this situation */

/* third level popouts start here*/
div#main_menu ul li ul li ul li:hover ul li ul {visibility:hidden;}
div#main_menu ul li ul li ul li ul li:hover ul {visibility:visible;} /* same effect as display:block in this situation */
	
/* pop-out starts here */
div#main_menu ul li ul li ul  {
	visibility:hidden; /* same effect as display:none in this situation */
	top:-1px;
	left:10em;
	}

/* THE HACK ZONE - */
* html div#main_menu ul {
	float:left; /* makes the ul wrap the li's */
	margin-left:0px; /* IE doubles the given value above - why? */
	}

/* add a top line to drops and pops in IE browsers - can't read :first-child */
* html  div#main_menu ul li ul {
	border-top: 1px solid #24517a;
	margin-top: 0;
	border-left: 4px solid #24517a; /* stops the drop inheriting the ul border */
	}
/* the Tantek hack to feed IE Win 5.5-5.0 a lower value to get the pop-out to touch the drop-down */
* html  div#main_menu ul li ul li ul { 
  left:0; 
  voice-family: "\"}\""; 
  voice-family:inherit;
  left:0em;
  } 
/* and the "be nice to Opera" rule */
html>body div#main_menu ul li ul li ul {
  left:0em;
} 

/* an Opera-only hack to fix a redraw problem by invisibly extending the ul */
	@media all and (min-width: 0px){
   body div#main_menu ul li ul {padding-bottom:100px;}
   body div#main_menu ul li ul li ul {padding-bottom:22px;}
   body div#main_menu ul li ul li ul li ul li:hover {visibility:visible;} /* same effect as display:block in this situation */
   }

/* END OF HACK ZONE */

/* FLOATERS */

.float_left, #float_left {
	float: left;
}
.float_right, #float_right {
	float: right;
}

/* CLEARFIX */

.clear, #clear {
	clear: both;
}
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}