/* a fix for IE6 only  \*/
* html * {
	zoom:100%; 
	}
* {
	margin:0;
	padding:0;
	}

body {
	text-align:center; /* IE6 needs this to center the layout in the browser window */
	background: #4c698b url(../images/bg.gif) repeat-x;
	
	font: Arial, sans-serif; /* 1em = 16pts */
	}
#main_wrapper {
	width:800px; /* widths of columns will change proportionately as this width is changed */
	margin-left:auto;  /* centers layout in browser */
	margin-right:auto; /* centers layout in browser */
	text-align:left; /* resets the centering hack for IE6 on the body tag */
	margin-top:15px;
	background: #FFF url(../images/mainApt-bg.gif) repeat-y;
	}

#header_inner, #nav_inner, #content_inner, #promo_inner {
	overflow:hidden; /* clips oversize elements that would otherwise expand divs and break the layout */
	}
	

/***************************** HEADER ******************/
#header {	
	}
		
#header_inner { 
	padding:0; /* creates space between the box  and the content */
	width:800px;
	height:90px;
	background: #FFF;
	}
#logo {
	width: 800px;
	height: 90px; 
	
}	


/***************************** NAV ******************/
#nav {
	float:left;
	}
#nav_inner {
	float:left;
	width: 800px;
	height: 30px;
	background-color:#64584C;
	}
	

/***************************** BANNER ******************/
#banner {	
	float:left;
	height: 250px;
	width:800px;
	background:#30291F url(../images/bg-banner.gif) no-repeat;
	padding:0;
	margin:0;
	}

#banner_left { 
	float:left;
	padding:0; /* creates space between the box  and the content */
	width:550px;
	
		}	
#banner_right { 
	float:left;
	padding:25px 20px 20px 25px; /* creates space between the box  and the content */
	width:205px;
		}			
#banner_right p
{
	padding:0;
	margin:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #FFFEFD;
	line-height:16px;
}

#banner_right a
{	color:#fff;
	text-decoration:underline;	
}

#banner_right a:hover
{	color:#fff;
	text-decoration:none;	
}
/***************************** CONTAINER ******************/
#container {
	float: left;
	width: 800px;
	margin: 0 0 0 0;
	
}


/***************************** QUOTES ******************/
#quoteBox
{
	width:185px;
	margin:25px 0px 15px 0px;
}

#quoteBox p {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:italic;
	line-height:20px;
	margin:0px 10px 3px 8px; /* lists without specific classes */
	color: #665A4E;	
	 }	
	 
#quoteBox a {
	
	line-height:20px;
	color: #665A4E;	
	 }	
	 
#quoteBoxBottom
{
  	width:185px;
  	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:12px;
	
}
 
/***************************** CONTENT ******************/

#content {
	float:left; /* floats on nav and content divs make them sit side by side */
	width:550px; /* this width + nav width must total 100% */
	background: #FFF;
	}

#content_inner { 
	padding:0px 25px 15px 25px; /* creates space between the box and the content */
	}
#content_inner h1
{
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	color:#003E7A;
	font-size:18px;
	font-weight:normal;
	margin:25px 0 15px 0;
}
#content_inner h2
{
	font-weight:bold;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#990000;
	vertical-align:top;
	padding-bottom:0px;
	margin:0;	
}

#content_inner h3
{
	font-weight:bold;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#534632;
	vertical-align:top;
	padding-bottom:0px;
	margin:0;	
}

#content_inner p
{
	padding:0;
	margin:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #4D4D4D;
	line-height:16px;
}

#content_inner a
{	color:#1C68B4;
	text-decoration:underline;	
}

#content_inner a:hover
{	color:#005295;
	text-decoration:none;	
}
#content_inner ul
{
	padding: 0 0 7px 0;
	margin: 0 0 0 2em;
	font-family: Verdana, Helvetica, sans-serif;
	font-size:11px;
	color: #4D4D4D;
}

#content_inner ol 
{
	padding: 0 0 7px 0;
	margin: 0 0 0 2em;
}
#content_inner li
{
	margin-top: 5px;
}


#content_inner p.footnote {
	font-family: Verdana, Helvetica, sans-serif;
	font-size:10px;
	line-height: 12px;
	color:#999; 
	}
	
/***************************** RIGHT COLUMN ******************/
#right {
	width:250px; /* this width + content width must total 100% */
	float:left; /* floats on nav and content divs make them sit side by side */
	
	
	}
#right_inner {
	padding:20px 20px 20px 25px; /* creates space between the box and the content */
	
	}
	
#right_inner UL {
	font-family: Verdana, Trebuchet MS, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:11px;
	margin:0px 8px 8px 8px; /* lists without specific classes */
	color: #665A4E;	
	list-style: none;
	 }	

#right_inner  ul li a {
	color:#665A4E;
	padding: 6px 3px 6px 10px;
	font-size:11px;
	text-decoration:none;
	border-bottom: dotted 1px #665A4E;
	display:block;
	background: url(../images/arrow-brown.gif) no-repeat 0 top;
	}
#right_inner ul li a:hover {
	color:#003E7A;
	text-decoration:none;
	}

#right_inner .selected
{
	color:#003E7A;
	font-weight:normal;
	background: url(../images/arrow-blue.gif) no-repeat 0 top;
}
#right_inner p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height: 15px;
	margin:0px 0px 3px 0px; /* lists without specific classes */
	color: #665A4E;	
		 }	
#right_inner h3
{
	font-weight:bold;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#534632;
	padding-bottom:10px;
	margin:0;	
}		 
#right_inner a {
	text-decoration: underline;
	color: #003E7A;	
		 }	
		 
#right_inner a:hover {
	text-decoration: none;
	color: #003E7A;	
		 }	
/***************************** FOOTER ******************/

#footer {
	clear:both; /* makes the footer sit below whichever column is longest */
	
	}
#footer_inner {
	width:800px;
	background-color: #FFF;
	padding:0; /* creates space between the box and the content */
	text-align:left;
	border-top-width:3px;
	border-top-color:#665A4E;
	border-top-style:double;
	height:50px;
	}
#footer_inner p {
	margin-left: 20px;
	margin-top: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #665A4E;

}

#footer_inner a {
	color: #665A4E;
	text-decoration: underline;
}

#footer_inner a:hover {
	color: #665A4E;
	text-decoration: none;
}
#shadow_foot {
	float:left;
	width:818px;
	height:15px;
	
		}
/***************************** FORMS ******************/
input {	font-family:Verdana, Helvetica, san-serif; font-size:11px;color:#4D4D4D;}
.input100 {	font-family:Verdana, Helvetica, san-serif; font-size:10px;color:#4D4D4D; width: 100px;}
.input150 {	font-family:Verdana, Helvetica, san-serif; font-size:10px;color:#4D4D4D; width: 150px;}
.input200 {	font-family:Verdana, Helvetica, san-serif; font-size:10px;color:#4D4D4D; width: 200px;}
.input300 {	font-family:Verdana, Helvetica, san-serif; font-size:10px;color:#4D4D4D; width: 300px;}
select 	  { font-family: Verdana, Helvetica, san-serif; color: #333333; font-size: 11px; }


/***************************** TABLES ******************/



.small{	
	color: #4D4D4D;
	font: 9px verdana, sans-serif;
	line-height:14px;
	}
	

.tablebox {
	margin: 0 0 0 0;
	border:1px dotted #ccc;
	border-collapse:collapse;
	
	}
.tablebox td	{
	padding: 6px 6px 6px 6px;
	border:1px dotted #ccc;
	font-size:10px;
	font-family: Verdana, Helvetica, san-serif;  
	color:#4d4d4d;
	}
.tableline {
	margin: 0 0 0 0;
	border-bottom:1px dotted #ccc;
	border-collapse:collapse;
	
	}
.tableline td {
	padding: 8px 8px 8px 8px;
	border-bottom:1px dotted #ccc;
	border-top:1px dotted #ccc;
	font-size:10px;
	font-family: Verdana, Helvetica, san-serif;  
	color:#4d4d4d;
	}
	

.tablesp {
	margin: 0 0 0 0
	border-bottom:1px dotted #ccc;
	border-collapse:collapse;
	
	}
.tablesp td	{
	padding: 10px 10px 10px 10px;
	border-bottom:1px dotted #ccc;
	font-size:10px;
	font-family: Verdana, Helvetica, san-serif;  
	color:#4d4d4d;
	}
	

.tableform {
	margin: 0 0 0 0
	border-bottom:1px dotted #ccc;
	border-collapse:collapse;
	
	}
.tableform td	{
	padding: 5px 5px 5px 5px;
	font-size:11px;
	font-family:  Verdana, Helvetica, san-serif;  
	color:#4d4d4d;
	}
/***************************** MISC ******************/	
/* THE ALSETT CLEARING METHOD */
	.clearfix:after {
 content: “.”;
 display: block; 
 height: 0;
 clear: both;
 visibility: hidden;
}
.clearfix {display: inline-table;}
/* backslash hack hides from IE mac \*/ LEAVE THIS COMMENT RIGHT HERE! 
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* end backslash hack */ 
img {	border:0;	}
.float_left {float:left; margin: 0 .3em .3em 0;}      /* apply this class to any image or element with width - text will wrap it to the right */
.float_right {float:right;  margin: 0 0 .3em .3em;} /* apply this class to any image or element with width  - text will wrap it to the left */