/***************************/
/* APPEARANCE ONLY CLASSES */
/***************************/

body { 
	   padding: 0; 
	   margin: 0; 
	   height: 100%;
	   width:100%;
min-width: 550px;
min-height: 710px;
	   background-image: url(../images/background2.gif);
	  background-position: top left;
	  background-repeat:repeat-y;
	  color:#b9b9b9;
	 }

TABLE { COLOR: #666666; FONT: small geneva, verdana, arial, sans-serif; }

form { display: inline; }

.inline { display: inline; }

a:link { text-decoration: none; color: #0069D2; }
a:visited { text-decoration: none;  color: #4AA5FF; }


/* Navigation Menu Classes */

div.botright{
    display:block;
    position:absolute;
    bottom:0;
    left:32px;
    width: 163px;
	padding-right:34px;
	padding-bottom:15px;
    background:none;
  }


.navcontainer
{
margin: 0px;
padding: 0px;
}

.navcontainer ul
{
margin: 0px;
padding: 0px;
list-style-type: none;
text-align: left;
}

/* This float propery appears to suppress the line feed */
.navcontainer ul li { float: left; background: url(../images/button_top.gif) repeat top left; padding-top: 7px; }

/* Style for 'a' within 'li' within 'ul' within a 'navcontainter' */
.navcontainer ul li a
{
text-decoration: none;
 background: url(../images/button_base.gif) repeat bottom left;
 background-repeat:no-repeat;
font-size: 14px;
color: #0288cb;
float: left;
margin: 0px;
/* ---- Change the following two values to get the spacing right ---- */

width: 153px;

padding-right: 5px;
padding-top:3px;
padding-bottom: 14px;
padding-left: 10px;

font-weight: bold; 
}

/* ---- Style changes for 'a' when the mouse hovers over it ---- */


.navcontainer li a:hover
{

color: #4AA5FF;
font-weight: bold; 
}


.title	{ font: large verdana, arial, sans-serif; font-weight: bold }
.smalltitle	{ font: small verdana, arial, sans-serif; font-weight: bold }
.subtitle	{ COLOR: #37376F; FONT: 15px geneva, verdana, arial, sans-serif; font-weight: bold }

.bigtitle	{ font: xx-large verdana, arial, sans-serif; font-weight: bold }

.text	{ font: medium geneva, verdana, arial, sans-serif }
.smalltext	{ font: small geneva, verdana, arial, sans-serif }
.bigtext	{ font: xx-large geneva, verdana, arial, sans-serif }


.info_msg	{ font: medium geneva, verdana, arial, sans-serif; color:#383838; font-weight:bold; background-color:#FFFF00; padding:7px; margin-bottom:10px; line-height:32px; }
.error_msg	{ font: medium geneva, verdana, arial, sans-serif; color:#383838; font-weight:bold; background-color:#FFFF00; padding:7px; margin-bottom:10px; line-height:32px; }




h1 {
	font-size: 22px;
	
	color: #757575;

	margin-right : 10px; margin-left : 10px; margin-top : 0px;
}
.h1 {
	font-size: 22px;
	color: #757575;
	
	margin-right : 10px; margin-left : 10px; margin-top : 0px;
}
.h1_dark {
	font-size: 22px;
	color: #3d3d3d;
margin-bottom:0px;
	margin-right : 10px; margin-left : 10px; margin-top : 0px;
}

.h1_blue {
	font-size: 22px;
	color: #0288cb;

	margin-right : 10px; margin-left : 10px; margin-top : 0px;
}

h2 {
	font-size: 16px;
	color: #3d3d3d;
	margin : 10px;	
}
.h2 {
	font-size: 16px;
	color: #3d3d3d;
	margin : 10px;	
}
.h2_tip {
	font-size: 16px;
	color: #3d3d3d;
	margin : 10px;	
}

h3 {
	font-size: 14px;
	color: #3d3d3d;
	margin : 10px;

	}
	.h3 {
	font-size: 14px;
	color: #3d3d3d;
	margin : 10px;

	}
	
	
h4 {
	font-size: 12px;
	color: #3d3d3d;
	letter-spacing: -0.5px;
	margin : 10px;
	}
	.h4 {
	font-size: 12px;
	color: #3d3d3d;
	letter-spacing: -0.5px;
	margin : 10px;
	}

h5 {
	font-size: 14px;
	color: #3d3d3d;
	margin : 0px;	
}
.h5 {
	font-size: 14px;
	color: #3d3d3d;
	margin : 0px;	
}


/**************************/
/* LAYOUT RELATED CLASSES */
/**************************/

.header1_area { LEFT: 0px; width: 100%; POSITION: relative; TOP: 0px; padding:0px 0px; white-space:nowrap; }
.header1_overlay { LEFT: 0px; width: 100%; POSITION: absolute; TOP: 0px; padding:0px 0px; white-space:nowrap; }
.header2_area { LEFT: 0px; width: 100%; POSITION: relative; TOP: 0px; padding:0px 0px; white-space:nowrap; }
.header3_area { LEFT: 0px; width: 100%; POSITION: relative; TOP: 0px; padding:0px 0px; white-space:nowrap; background-image: url("../images/main.jpg"); }
.next_area { LEFT: 0px; width: 100%; POSITION: relative; TOP: 0px; padding:0px 0px; white-space:nowrap; background-color:#8ccdd9; }
.corner_area { LEFT: 0px; width: 100%; height:40px; POSITION: relative; TOP: 0px; padding:0px 0px; white-space:nowrap; background-image: url("../images/shadow1.gif");  background-color:#8ccdd9;}
.corner_area2 { LEFT: 0px; width: 100%;  height:40px; POSITION: relative; TOP: 0px; padding:0px 0px; white-space:nowrap; background-image: url("../images/shadow2.gif");  background-color:#8ccdd9;}
/* Changed from 'right: 50px' to 'left: 200px' to ensure navigation buttons are on the left side of the screen */
.menu_overlay { left: 42px; POSITION: absolute; TOP: 0px; padding:0px 0px; white-space:nowrap; }


.middle_column {  background:#ffffff; padding-right:20px; color: #333; }
.left_margin { padding: 10px 20px 20px 12px;  color: #333; background-image: url(../images/background1b.gif); background-position: top right; background-repeat:repeat-y;}
.right_margin { padding-right: 60px; padding-left:35px; margin-left:0px; width: 160px;
	  background-image: url(../images/background2.gif);
	  background-position: top left;
	  background-repeat:repeat-y;
	  }

.clearer { font-size: 0px; line-height: 0px; display: block; margin: 0px; padding: 0px; clear: both; height: 0px; width: auto; }

 #legal {
   display:block;
   position:relative;
    bottom:0; background-image: url(../images/bottom_shade.gif); background-repeat: repeat-x; background-color:#FFFFFF; height:35px; padding-bottom:0; margin-bottom:0; margin-top:0px;
   }

.footer_left	{ position: absolute; top: 3px; left: 0.5em; width: 300px; padding-top:6px;  COLOR: #999999; FONT: 10px geneva, verdana, arial, sans-serif }
.footer_right	{ position: absolute; top: 3px; right: 10px; width: 220px; padding-top:6px;  COLOR: #999999; FONT: 10px geneva, verdana, arial, sans-serif; text-align: right;}



.floatright { float: right; margin: 5px 0px 5px 18px;}
.floatleft { float: left; margin: 5px 18px 5px 0px;}
.border {border: 1px solid #000;}




   html,body, #wrapper {
      margin:0;
      padding:0;
      height:100%;
      border:none; 
   }
      #wrapper {
      margin: 0 auto;
      padding:0;
      border:none; 
      text-align: left;
      vertical-align: top;
      width: 100%;
  min-width:900px;
	  background-image: url(../images/background1b.gif);
	  background-position: top right;
	  background-repeat:repeat-y;
   }
      #wrapper2 {
      margin: 0 auto;
      padding-right:20px;
      border:none; 
      text-align: left;
      vertical-align: top;
      width: 100%;
	  
	  background: none;
   }
  
   
.header {
height: 50px;
}
.ie6_minwidth_spacer {
}

input.btn {   
text-decoration: none; color:#0288cb;
font-weight:bold;
font-size: 13px;   
border-bottom: 2px solid #c6c6c6;
border-top: 1px solid #c6c6c6;
border-left: 1px solid #c6c6c6;
border-right: 1px solid #c6c6c6;
padding-left: 10px;
padding-right: 10px;
width:auto;
overflow:visible;
background-color: #f7f7f7;   
}   

input.largebtn {   
text-decoration: none; color:#0288cb;
font-weight:bold;
font-size: 15px;   
border-bottom: 3px solid #c6c6c6;
border-top: 2px solid #c6c6c6;
border-left: 2px solid #c6c6c6;
border-right: 2px solid #c6c6c6;
padding-left: 10px;
padding-right: 10px;
padding-top: 3px;
padding-bottom: 3px;
width:auto;
overflow:visible;
background-color: #f7f7f7;   
}   
 
 .bold {
	 font-weight: bold; 
	 letter-spacing:10px;
 }