@charset "utf-8";
/*Bearcat M. Sandor began altering this css file on July 3rd 2011. All alterations by me are noted by a comment line with the date as yyyymmdd-initials-comment*/


html,body,div,span,object,h1,h2,h3,h4,h5,h6,blockquote,a,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,table,tr,th,td {
	border:0;
	font-weight:inherit;
	font-style:inherit;
	font-family:inherit;
	vertical-align:baseline;
	margin:0px;
	padding:0px;}

/*20110703-bms-changed background from blue to light grey */
body  {
	font-family:Arial, Helvetica, sans-serif;
	text-align: center; 
	color: #333333;	
	font-size:12px;
	line-height:140%;
  background: #a2a2a2;
	}

a {
 color: #4363A0;	
 text-decoration:underline; 
}

hr {
	color: #EAEAEA;
	background-color: #EAEAEA;
	height: 4px;
	margin: 25px 0px;
	border: none;
}
/*20110805-bms-there's no need for 4 divs just for placing this left content. Leaving it as-is for now to get this done.*/
#top_content, #header_content, #footer_content{
	width:  1000px; /*20110703-bms-was 920px (see #container) is now 1000*/
	margin-right: auto;
  margin-left: auto;	
	text-align:center;
}

#top_content {
    padding-top: 10px;
}

/*Container Style************************************************/
/*20110703-bms-changed container width to 1000px from 920px to allow for 2 colums of boxes in main area*/
#container{
	width: 1000px;
    margin-right: auto;
    margin-left: auto;	
	  text-align: center;
    background: #f2f3f3;
    clear: both;
}

/*Nav Style************************************************/

#nav {
	padding:0px;
	background: #4363A0; 
    font-size: 1.4em;
    width: 1000px; /*20110703-bms-was 920px (see #container)*/
    margin-right: auto;
    margin-left: auto;
		height: 47px; /*20110705-added height to position things without tables*/
    }

   	/* General */
	#cssdropdown, #cssdropdown ul { list-style: none;}
	#cssdropdown, #cssdropdown * { padding: 0; margin: 0; font-family:arial,sans-serif;}
	
	/* Head links */
	/*20110703-bms-changed the color of the background of the menu from grey to powder blue*/
	#cssdropdown li.headlink {display: block; color: white; width: 137px; float: left; margin-left: auto; margin-right: auto; background-color: #4363A0; text-align: center; padding-bottom: 15px; padding-top: 15px;}
    #cssdropdown li.headlink:hover {color: #ffd700;}
    #cssdropdown li.headlink a {display: block; text-decoration:none;}
    #cssdropdown li.headlink a:hover { color: #ffd700; text-decoration:none;}

	/* Child lists and links */
	#cssdropdown li.headlink ul { display: none; text-align: center;}
	#cssdropdown li.headlink:hover ul { display: block; position:absolute; width: 184px; background-color: #4363A0; }
	#cssdropdown li.headlink ul li a { padding-bottom: 15px; padding-top: 15px; line-height: 18px; }
	#cssdropdown li.headlink ul li a:hover { background-color: #4363A0; }
	
	/* Pretty styling */
	#cssdropdown a { color: white; } 
	#cssdropdown li.headlink { background-color: #4363A0; }

/*Top & Header Styles************************************************/
#top { 
	background: #f2f3f3; 
	height:105px;
    margin-right: auto;
    margin-left: auto;
    width:  1000px;
}

#top li{
	list-style:none;
	display:inline;
}

#top #left{
	float:left;
	width:395px;
	padding: 7px 0px 0px 25px;
}

#top #left img{
	margin-left:-10px;
}

#top #right{
	margin-left:479px;
	background: transparent url(../images/top_phone3.png) no-repeat 0px 0px;
	padding-top:60px;
}

.top_txt {
	font-size:14px;
	color:#6f6d6a;
	position: relative;
	top: 10px;
}

#flag_container {
	margin-right: 12px;
	float: right;
	height: 50px;
	width: 100px;
  border: solid 1px #4363a0;
	top: 35px;
	position: relative;
}

#flag_container img {
	height: 100%;
	width: 100%;
}

#top ul, #top li{
	margin:0px;
	padding:0px;
}

#header { 
	/*20110727-bms-remove border
	border-top:2px solid #030;
	border-bottom: 1px solid #d8d4d0;*/
	background:#f2f3f3;
  width:  1000px; /*20110703-bms-was 920px (see #container)*/
  margin-right: auto;
  margin-left: auto;	
	height: 212px; /*20110705-added height to position things without tables*/
} 

#header_graphics_box {
	float: left;
	width: 760px;
	height: 212px;
	margin: 0 0 0 16px;
}

#right_of_flash {
    float: right;
    width: 216px;
    height: 212px;
    vertical-align: middle;
    background-color: #f2f3f3;
}
#right_of_header_graphics_box{
	background-color:#f5f4f2;
	/*20110727-bms-remove borders
	border-top:1px solid #d8d4d0;
	border-right:1px solid #d8d4d0;
	border-left:1px solid #d8d4d0;*/
	padding:5px;
  height: 202px;
	width: 200px;
	margin-right: 6px;
}

/*20110703-bms-added powder blue outline*/
#right_of_header_graphics_box .inner{
	background-color: #fffaea; /*20110704-bms-was #e8e7e2*, changed to lt. yellow*/
	padding:10px;
	line-height:normal;
  font-size: 11px;
  height: 180px;
	text-align: center;
  border: solid 1px #4363a0;
  /*20100703-bms-the box shadow property is supported on most *very* recent browsers. If not supported on the users browser it will just not show them*/
	box-shadow: 4px 4px 4px #888;
}

/*Sidebar Styles*********************************************/

#sidebar {
	float: right; 
	width: 216px;
	padding-top: 0px;
	text-align:justify;
}

#sidebar2 {
	float: right; 
	width: 363px;
	text-align:justify;
}

#sidebar_blog {
	float: right; 
	width: 200px;
	padding: 0px 38px;
}

.client_testimonials p {
   margin-top: 6px;
   margin-bottom: 6px;
}

.client_testimonials h2 {
   margin-top: 12px;
}

.txt_bigred{
	text-align:right;
	font-size:15px;
	font-weight:bold;
	color: #912e33;
}
.txt_bigred2{
	font-weight:bold;
	color: #912e33;
}
.txt_testimonial{
	float:right;
	margin-top:15px;
	width:180px;
	font-size:12px;
	color:#383838;
	font-style:italic;
}

.txt_sidebarheader {
	font-size:14px;
	font-weight:bold;
	color:#396448;
}

.txt_testimonial a{
	color: #912e33;
	font-weight:bold;
	text-decoration:none;
}

.sidebar_box{
	background-color:#f5f4f2;
	/*20110727-bms-remove border
	border-top:1px solid #d8d4d0;
	border-right:1px solid #d8d4d0;
	border-left:1px solid #d8d4d0;*/
	padding:5px;
	margin: 12px 6px 12px 0;
}

/*20110703-bms-added powder blue outline*/
.sidebar_box .inner{
	background-color: #fffaea; /*20110704-bms-was #e8e7e2*, changed to lt. yellow*/	
	padding:10px;
	line-height:normal;
  border: solid 1px #4363a0;
/*20100703-bms-the box shadow property is supported on most *very* recent browsers. If not supported on the users browser it will just not show them*/
	box-shadow: 4px 4px 4px #888;
}

.sidebar_box .inner ul, .sidebar_box .inner li{
	margin:0px;
  margin-left: 5px;
	padding:0px;
	list-style: circle;
}

/*bms-20110724-center h1 in side boxes*/
.sidebar_box h1{
	text-align: center;
}

.sidebar_box .inner_custom{
	background-color: #030;	
	padding:10px;
	line-height:normal;
}


/*Main Content Styles ***************************************/
#main_content { 
	margin-right: 220px;
	padding-top: 1px;
}

#main_content_blog { 
	margin-left: 499px;
}
#main ul, #main li{
  text-align: left;
	margin:0px;
	padding:0px;
}


h1, #sidebar h1 {
	color:#4363a0;
	font-size:15px;
	font-weight:bold;
	text-align:justify;
	margin-bottom:4px;
}


h2, #sidebar h2 {
	color: #660000;
	font-size:13px;
	font-weight:bold;
	text-align: left;
	margin-bottom:4px;
}

.subtitle{
	color: black;
	font-weight:bold;
	text-align:left;
	margin-bottom:5px;
}

/*20110703-bms-declared a width of 600px to pull it in*/
.home_page_divider{
	/*margin:6px 0px 0px 0px;*/
	padding:10px 15px 10px 15px;
	border:1px solid #4363A0;
	width: 600px; /*was 710*/
	margin-right: auto;
	margin-left: auto;
  margin-bottom: 6px;	
}

.home_page_divider ul {
	list-style: circle;
}

.home_page_divider li, .home_page_divider p {
	text-align: left;
}

.home_page_divider .top{
    line-height:100%
}

.home_divider {
	padding: 12px 12px 12px 12px;
}


.home_divider p {
	text-align: left;
}

.promo_container{
	margin:16px 6px 6px 16px;
	padding:10px 16px 10px 16px;
	text-align:justify;
	width:714px;
	/*20110802-bms-i was asked to remove border, background and shadow*
	background-color: #fffaea; 
	border: solid 1px #4363A0;*/
	/*20100703-bms-the box shadow property is supported on most *very* recent browsers. If not supported on the users browser it will just not show them*/
	/*box-shadow: 4px 4px 4px #888;*/
}
/*.promo_container h2 {
	text-align: left;
	font-size: medium;
}*/

.promo_container ul {
	font-size: 1.040em;
	width: 450px;	
	margin-left: auto;
	margin-right: auto;

}

.promo_container li {
	margin: 10px;
	list-style-position: outside;
}

.promo_container p {
	font-weight: bold;
	font-size: 1.25em;
	text-align: center;
	display: block;
	width: 740px;
}

/*20110703-bms-i removed 2 of the box types as they were superfluous and changedadded the text decoration classes to be found in the boxes
Added a blue border and drop shadows*/

.main_body_box_container {
	margin:6px 0px 0px 0px;
	padding:10px;
	width: 760px;
	height: 1150px; /*980*/
}

.main_body_box_container .main_body_box { 
    /*float: left;*/ 
    width: 345px;
    padding: 10px;  
    margin: 0px 6px 24px 6px;
    background-color: #fffaea; /*20110704-bms-was #e8e7e2*, changed to lt. yellow*/
		border: solid 1px #4363A0;
		/*20100703-bms-the box shadow property is supported on most *very* recent browsers. If not supported on the users browser it will just not show them*/
		box-shadow: 4px 4px 4px #888;
		/*font-size: 9px;*/
		text-align: justify;
}

.left_box{
	float:left;
}

.right_box {
	float:right;
}

.main_body_box_container .main_body_box_row_head{
		clear: left; /*this box starts a row, must be cleared*/
}

.main_body_box h1, .main_body_box h2 {
	text-align: center;
}

/*20110704-We want to have the top 2 boxes be the same size and the bittom two boxes be the same size*/
.main_body_box_container .short_box {
	height: 325px;
}

.main_body_box_container .long_box {
	height: 760px;
}

.box_header {
	color: #660000; /*20110703-bms-medium red*/
	font-weight: bold;
	font-size: 11px;
	text-align: center;
}

.main_body_box ul {
	list-style: circle inside;
}

.main_body_box li {
	margin: 0 0 12px 0;
}

.main_body_box ol {
	list-style: decimal inside;
}

/*20110724-bms-classes for sliding text*/
.home_page_divider_wrapper {
	width: 760px;
	padding: 0 10px 0 10px;
}
a.click_shade_toggle {
	margin: 0 0 0 10px;
	/*position: relative;
	cursor: pointer;
	color: #660000;*/

}
.home_page_divider .hideable_text {
	display: none;
	width: 600px; /*was 720*/
}

div.separator_images {
	width: 632px; /*740px is as wide as the yellow boxes but that looks when they are not on screen. 632px (as wide as the blue content boxes looks better*/
	height: 198px;
	margin-right: auto;
	margin-left:auto;
	margin-top: 24px;
	margin-bottom: 24px;
	border: 2px solid #4363a0;
	background-repeat:no-repeat;
	background-position: 0 0;
}

.separator_images img {
	width: 100%;
	height: 100%;
}


#main_content2 { 
	/*margin-left: 388px;*/
	width: 780px;
} 

.main_titles {
	font-size: large;
	text-align: center;
	margin: 0 0 10px 0;
	color: black;
}

/*Footer Styles********************************************/
#footer { 
	margin-top: 0px;
	padding-bottom: 0px;
  width:  1000px; /*20110703-bms-was 920px (see #container)*/
	margin-right: auto;
  margin-left: auto;
  background: #f2f3f3;
  font-size: 10px;
} 

#footer a {
	color: #912e33;
    }

#footer_content{
	/*20110727-bms-remove borders
	border-top:1px solid #d8d4d0;
	border-bottom:1px solid #d8d4d0;*/ 	
	text-align: center;
	line-height:20px;
}

#footer_content li{
	list-style:none;
	display:inline;
	margin-left:20px;

}
#footer .bottom a{
	color: #4363A0;
}

.link1 a{
	font-size:11px;	
	font-weight:bold;
	color: #912e33;
}

.link2 a{
	color:#333333;	
}

.fltrt {
	float: right;
	margin-left: 8px;
}
.fltlft {
	float: left;
	margin-right: 8px;
}
.clear_float {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/*Application Form Styles**************************************/
#application {
	padding-bottom: 15px;	
	border:1px solid #CCD7CC;
	padding:2px;

}

#application table {
	width: 100%;
	border: 1px solid white;  /* hack for internet explorer, it doesn't expand the tables correctly to 100% without this :-P ... -rjf */
}

#application table tr td {
	padding:5px;	
	color:#526157;
}

.formBox td.labelCell {
	text-align: right;
	font-weight: bolder;
}

.formBox td.inputCell {
	text-align: left;
}

.formBox tr.oddRow {
	background-color: #F2F4F2;
}

.formHeading {
	font-weight: bold;
	color: #030;
	text-indent:10px;
	text-align: center;
}