/***********************************************/
/* 2col_leftNav.css                            */
/* Use with template 2col_leftNav.html          */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
/*	font-family: Arial,sans-serif; */
/*	font-family: Garamond,Times,serif;  */
	font-family: Verdana,Arial,sans-serif;
	font-size:large;
	color: #f0f0f0;
/*	background-color:#4B4B6F;
  background-image: url(images/questionmark_logo_1x1.jpg); */
	line-height: 1.166;	
	margin: 0px;
	padding: 0px;
	text-align:center;
	vertical-align: top;
	border: 0;
}
	
a:link, a:visited, a:hover {
  text-decoration: none;
	color: #4477cc;
	font-weight:normal;
	font-family: Verdana,Arial,sans-serif;
/*	font-size: 90%; */
}

a:hover {
	color:#ee2222;
	text-decoration:underline;
}

/* overrides decoration from previous rule for hovered links */

h1, h2, h3, h4, h5, h6 {
	font-family: Arial,sans-serif;
	margin: 0px;
	padding: 0px;
}

h1{
 font-family: Verdana,Arial,sans-serif;
 font-size: 100%;
 color:#886644;
/* font-weight:normal; */
}

/*h1 a:link, h1 a:visited, h1 a:hover{
 font-family: Verdana,Arial,sans-serif;
 font-size: 100%;
 text-decoration: none;
 color: #5588cc;
 font-weight:normal;
}

h1 a:hover{
	color:#dd4444;
	text-decoration:underline;
} */

h2{
 font-size: 100%;
 color: #3399cc;
}

h3{
 font-size: 80%;
/*	color: #003399; */
	color: #6666aa;
}

h4{
 font-size: 100%;
 font-weight: normal;
 color: #333333;
}

h5{
 font-size: 100%;
 color: #334d55;
}

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

label{
 font: bold 100% Arial,sans-serif;
 color: #334d55;
}

.emphasize {
text-decoration:underline;
font-weight:bold;
}

.pay_attention {
 font-family: Verdana,Arial,sans-serif;
 font-size: 100%;
 color:#6699FF;
 font-weight:normal;
}
.company_name {
font: normal 100% "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#6666cc;
}

.company_name_us {
	font-style: italic;
	font-size: x-large;
	color: #dd4444;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

.hide_if_print {
display:none;
}

.hide_if_notprint {
 display:block;
}

.copyright {
 font: normal 80% Arial,sans-serif;
color:#444444;
}

.current_page {
/* display:none;
text-align:center; */
font: bold 100% Arial,sans-serif;
display:block;
color:#FF0033;
height:auto;
width:30%;
height: 30%;
text-align:left;
}

.print_image {
width:100%;
height:100%;
}

.ee_name {
 font: normal 100% Arial,sans-serif;
 color:#66CCCC;
 font-weight:bold;
}

.ee_title {
 font: normal 100% Arial,sans-serif;
 color:#6666CC;
 font-weight:bold;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#container {
  background-color:#333366;
	width: 600px;
  text-align: center;
	border: 0;

/*	margin-left:auto;
	margin-right:auto;
	position:relative;
	border-width: 4px;
	border-style: solid;
	border-top-color: #8888aa;
	border-left-color: #666688;
	border-right-color: #333355;
	border-bottom-color: #333355;
	margin-top: 5px; */
}

#masthead{
	margin: 0;
	
/* background-image:url(images/masthead10.gif);
	background-repeat:no-repeat;
	height: 100px;
	position:relative;
	text-align:center; */
	background-image:url(images/masthead_print.jpg);
	background-repeat:no-repeat;
	position:relative;
	text-align:center;
}

#masthead_img {
display:block;
}

#main{
	text-align:center;
/*	width: 100%; */
	margin: 0;
	padding: 0 0 0 0;
}

.button {
 display:none;
/* color:#FFFFCC;
 background-color:#555577;
 font: normal 80% Arial,sans-serif;
 border-top-color:#666688;
 border-right-color:#444466;
 border-left-color:#666688;
 border-bottom-color:#444466; */
}

/***********************************************/
/*Component Divs                               */
/***********************************************/

#siteName{
	margin: 0px;
	padding: 0px 0px 10px 10px;
  color:#B99CFF;
	font-size: 200%;
}

/************** .feature styles ***************/

.feature{
	padding: 0px 0px 10px 10px;
	font-size: 80%;
	text-align: left;
	width: 100%;
	vertical-align: top;
	float:right;
}

.feature h3{
	padding: 30px 0px 5px 0px;
}

.feature img{
	float: left;
	padding: 0px 10px 10px 0px;
	margin: 0 0px 0px 0;
}

.feature ul{
  list-style: url(images/bulletpoint.gif);
	line-height: 25px;
  font-size:114%;
	vertical-align:top;
}

.feature ul ul{
  list-style-image: none;
  list-style-type:disc;
}

.feature li{
  list-style: url(images/bulletpoint_print.gif);
	line-height: 25px;
  font-size:114%;
	vertical-align:top;
}

/************* #siteInfo styles ***************/

#siteInfo{
	clear: both;
	font-size: 75%;
	color: #333366;
	padding: 10px 10px 10px 10px;
	margin-top: 0px;
	vertical-align: top;
	text-align: center;
  font-weight:bold;
}

#siteInfo img{
	padding: 4px 4px 4px 0px;
	text-align: center;
}

#siteInfo_table {
	border-top: 1px solid #666666;
	}

/*********** #sectionLinks styles ***********/

/*************** #pageName styles **************/

#sectionLinks{
/*  font: Arial,sans-serif;
  position:relative;
	margin-top: 5px;
	margin-bottom: 10px;
	vertical-align: top;
	vertical-align:text-top;
  color:#333366;
	text-align: center;
	text-decoration:none;
	font-size: 90%;
	width:650px;
	padding: 5px 0 15px 0; */
	
	margin: 2px;
	padding: 0px 10px 0px 10px;
	vertical-align: top;
	vertical-align:text-top;
	font-size: 100%;
  color:#333366;
	text-align: center;
	font-weight: bold;
	text-decoration:none;
	display:none;
	width:0;}

#sectionLinks h3{
	padding: 10px 0px 2px 10px;
}

#sectionLinks a{
/*	text-decoration:none; */
}

#sectionLinks a:link{
	color: #333366;
}

#sectionLinks a:visited{
	color: #333366;
}

#sectionLinks a:hover {
	background-color:#ccccff; 
  color:#333366;
	text-decoration:none;
}

#sectionLinks a:hover .sectionNav {
	background-color:#aaaacc; 
}

.sectionNav {
/*  position:relative;
	background-color:#ffffdd;
  margin-bottom: 0px;
	margin-right:0;
  border-style:solid;
	border-width:2px;
  border-top-color:#ffffee;
  border-left-color:#ffffee;
  border-bottom-color:#888855;
  border-right-color:#888855;
	padding: 1px 10px 2px 10px; */

	background-color:#ffffdd;
  width: 100%;
  margin-bottom: 0px;
	margin-left: auto;
	margin-right:auto;
  border-style:solid;
	border-width:2px;
  border-top-color:#eeeeee;
  border-left-color:#eeeeee;
  border-bottom-color:#cccccc;
  border-right-color:#cccccc;
  border-bottom-width:2px;
  border-right-width:2px;
}

.sectionNav:link {
}

.sectionNav:visited {
}

.sectionNav:hover {
/*	background-color:#aaaacc; 
  border-top-color:#ccccff;
  border-left-color:#ccccff;
  border-bottom-color:#8888aa;
  border-right-color:#8888aa; */
}

.pageName{
  color:#dd4444;
	font-weight: bold;
	font-size: 114%;
}

a:hover .pageName  {
	text-decoration:none;
  color:#dd4444;
}

/************** #advice styles **************/

#advice_table {
	table-layout:fixed;
	font-weight:bold;
	vertical-align: top;
	text-indent: 20px;
}

.advice_table_left {
	vertical-align: top;
}

.advice_table_middle {
}

.advice_table_right_header {
	color: #333366;
	font-weight: bold;
}

.advice_table_right {
	color: #333366;
	vertical-align: top;
/*  width: 560px; */
}

/************** #clients styles **************/

#client_table {
/*  text-align:left;
  vertical-align: top;
	font-weight: bold;
	width: 500px;
	margin: 0;
	padding: 0;
	margin-left:20px; */

table-layout:fixed;
vertical-align: top;
	font-weight: bold;
	margin-left: 20px;
}

.client_table_left {
vertical-align: top;
color: #000040;
	width: 40%;
}

.client_table_middle {
vertical-align: top;

}

.client_table_right_header {
	color: #6666cc;
	vertical-align: top;
	font-weight: bold;
}

.client_table_right {
	color: #cccccc;
	vertical-align: top;
}

/************** #contact styles **************/

.contact_table {
  table-layout:fixed;
	margin:0;
	padding:0;
  height:100px;
}

.contact_location {
}

.contact_img {
padding: 0;
}

.contact_if_print {
display:block;
padding-bottom: 0;
width: 30%;
height: 30%;
}

.contact_if_notprint {
display:none;
padding-bottom: 0;
}

.contact_table_left {
	color: #cccccc;
	font-weight:bold;
	text-align: right;
	width: 100px;
	vertical-align:top;
}

.contact_table_right {
  text-align: left;
	vertical-align:top;
}

/************** #comments styles **************/

.comment_table {
  table-layout:fixed;
}

.comment_location {
	color: #9999cc;
	font-weight: bold;
}

.comment_table_left {
	color: #cccccc;
	font-weight:bold;
	text-align: right;
	width: 100px;
	vertical-align:top;
}

.comment_table_middle {
	text-align: center;
	width: 1em;
	color:#ff3333;
	vertical-align:top;
	font-weight:bold;
}

.comment_table_right {
  text-align: left;
	vertical-align:top;
}

/************** #main styles **************/

.main_table {
table-layout:fixed;
vertical-align:top;
text-align:center;
width: 680px;
}

.main_table_col1 {
width: 0;
vertical-align:top;
}

.main_table_col2 {
vertical-align:top;
padding-right:20px;
text-align:left;
}

.hiddenPic {display:none;}

/************** #about styles **************/

#about_table {
  text-align:left;
  vertical-align: top;
	font-weight: bold;
	width: 500px;
	margin: 0;
	padding: 0;
}

.about_table_left {
vertical-align: top;
color: #000040;
	width: 40%;
}

.about_table_middle {
vertical-align: top;
}

.about_table_right_header {
	color: #6666cc;
	font-weight: bold;
}

.about_table_right {
	color: #cccccc;
	vertical-align: top;
}

/************** #rates styles **************/

.rates_table {
  text-align:left;
  vertical-align: top;
	font-weight: bold;
	width: 400px;
	margin: 0;
	padding: 0;
	margin-left:20px;
}

.rates_table_left_header {
	vertical-align: top;
	color: #000033;
	background-color: #9999cc;
	width: 40%;
}

.rates_table_left {
	vertical-align: top;
	color: #9999cc;
	width: 40%;
}

.rates_table_middle_header {
	color: #000033;
	background-color: #9999cc;
	font-weight: bold;
	width: 30%;
	text-align:center;
}

.rates_table_middle {
	color: #cccccc;
	vertical-align: top;
	width: 30%;
	text-align:center;
}

.rates_table_right_header {
	color: #000033;
	background-color: #9999cc;
	font-weight: bold;
	text-align:center;
}

.rates_table_right {
	color: #cccccc;
	vertical-align: top;
	text-align:center;
}

/************** #privacy styles **************/

h1.privacy {
 font-family: Verdana,Arial,sans-serif;
 font-size: 120%;
 color:#FFCC99;
}

h2.privacy {
 font-family: Verdana,Arial,sans-serif;
 font-size: 100%;
 color: #3399cc;
}

/* testimonial styles */

.testimonial_text {
font-family:"Times New Roman", Times, serif;
font-size:medium;
color:#cccccc;
font-style:italic;
text-align:left;
}

.testimonial_name {
text-align:right;
font-family:"Times New Roman", Times, serif;
font-size:large;
font-weight:bold;
color:#999999;
font-style:italic;
}

.testimonial_excerpt {
font-family:"Times New Roman", Times, serif;
color:#cccccc;
font-style:italic;
text-align:center;
font-size:small;
}

.testimonial_excerpt2 {
font-family:"Times New Roman", Times, serif;
color:#99aacc;
font-style:italic;
text-align:center;
font-size:small;
}

.testimonial_excerpt_name {
font-family:"Times New Roman", Times, serif;
font-size:small;
color: #5588cc;
font-style:italic;
}

.testimonial_excerpt_name2 {
font-family:"Times New Roman", Times, serif;
font-size:small;
color: #99aacc;
font-style:italic;
}

.testimonial_excerpt a:link, .testimonial_excerpt a:visited, .testimonial_excerpt a:hover{
 color: #5588cc;
}

.testimonial_excerpt2 a:link, .testimonial_excerpt2 a:visited, .testimonial_excerpt2 a:hover{
 color: #99aacc;
}

.testimonial_excerpt a:hover,
.testimonial_excerpt2 a:hover{
	font-weight:bold;
  text-decoration:none;
}
/* resource styles */

.resource_text {
/* font-family:"Times New Roman", Times, serif; */
font-size:small;
color:#cccccc;
font-style:normal;
text-align:left;
padding-left: 30px;
}

.resource_name {
text-align:left;
font-family:"Times New Roman", Times, serif;
font-size:large;
font-weight:bold;
color:#999999;
font-style:italic;
}


/* popup messages */

.popup_description {
  position: relative;
  z-index: 0;
}

.popup_description:hover{
  background-color: transparent;
  z-index: 75;
  font-weight:bold;
}

.popup_description span{
position: absolute;
left: -1000px;
visibility: hidden;
width: 250px;
border: 3px solid;
border-color: #333366 #000033 #333366 #000033;
background-color: #9999cc;
}

.popup_description span img{
}

.popup_description:hover span{
visibility: visible;
top: 20px;
left: 30px;
}

.popup_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.5em;
	color: #000066;
	padding: 5px;
	width: 220px;
	font-weight: normal;
	background-color: #FFFFFF;
	text-align: left;
}