@charset "UTF-8";
@import url("layout.css");
/* Missionary-health-insurance CSS updated by wg 5/11/2009 - (Dark Blue : #336699) */ 

body {background: #FFF url("images/background.jpg") top left repeat-x; font-family: Verdana, Arial, Helvetica, sans-serif; color: #333; font-size: 12px; text-align: center;}

#topstripe {margin: 15px auto 0 auto; width: 782px; height: 10px; background-color: #336699; border-bottom: 2px solid white;}

#bottomstripe {margin: 0 auto; width: 782px; height: 10px; background-color: #336699; border-top: 2px solid white;}

#container1 {margin:0 auto; width: 782px; background: #FFF; border-bottom: 1px solid #336699; border-top: 1px solid #336699; text-align: left; clear: both;}

#container2 {margin: 0 auto; width: 739px;}

#topbanner {margin: 0 auto; padding: 2px 0 0px 0; width: 739px; height: 81px; border: 0; border-collapse: collapse;}
#topbanner img {margin: 0; padding: 0; float: right;}

table.layout1 {width: 100%; margin: 3px 0px 3px 0px; padding: 0; border: 0; border-collapse: collapse;}
table.layout1 td {margin: 0; padding: 0px; border: 0; vertical-align: top; border-collapse: collapse;}

table.layout1 td.headline {height: 100px; margin: 0; padding: 0px; vertical-align: top; text-align: center; background-image: url('images/cloud_header.jpg');}
table.layout1 td.headline h1 {font-size: 22px; font-weight: bold; color: #336699; margin: 20px 0px 5px 80px;}
table.layout1 td.headline h2 {font-size: 14px; font-weight: bold; color: #336699; margin: 5px 0px 5px 80px;}

table.layout1 td.leftcol {width: 166px; padding: 0 5px; margin: 0; text-align: center; font-size: 90%; color: white; 
background: url('images/sidebar_blue_sml.JPG') top repeat-y;}
table.layout1 td.leftcol ul {margin: 8px 0px 20px 2px; padding: 0; list-style-type: none; font-weight: bold; text-align: left;}
table.layout1 td.leftcol ul li {width: 163px; text-decoration : none; border: none;}
table.layout1 td.leftcol ul li a {text-decoration: none; display: block; color: #EFEFEF; padding: 3px 0 3px 3px;}
table.layout1 td.leftcol ul li a:hover {text-decoration: none; display: block; background-color: #EFEFEF; color: #336699;}
table.layout1 td.leftcol ul li a.currentpage {border-bottom: 1px #EFEFEF dotted; border-collapse: collapse; margin-right: 2px; padding: 3px 0 3px 3px;}
table.layout1 td.leftcol ul li a:link {text-decoration: none; display: block;}

table.layout1 td.rightcol {width: 573px; padding: 0 1px 0 14px; text-align: left;}
table.layout1 td.rightcol h1 {font-size: 20px; font-weight: bold;}
table.layout1 td.rightcol h2 {font-size: 18px; font-weight: bold;}
table.layout1 td.rightcol h3 {font-size: 14px; font-weight: bold;}
table.layout1 td.rightcol p {line-height: 140%;}

table.navigator {width: 100%; border-collapse: collapse; border: 1px solid #cccccc; text-align: center; margin: 15px 0 15px 0;}
table.navigator td {width: 33.3%; border-collapse: collapse; border: 1px solid #cccccc; padding: 5px 2px 5px 2px;}

#footer {margin: 0 auto; padding: 3px; width: 739px; text-align: center; font-size: 10px; clear: both;}

a {font-weight: bold; color: #336699; text-decoration: underline;}
a:hover {font-weight: bold; color: #00BDEC; text-decoration: underline;}

hr {width: 100%; margin: 1px 0; height: 1px; color: #C0C0C0; clear: both;}

/* -- Table Styles -- */

table.tableindex {width: 100%; margin: 0; padding: 0; border: 0; border-collapse: collapse;}
table.tableindex td {width: 50%; padding: 0px;  border: 0; border-collapse: collapse; vertical-align: top;}

table.buysmart {width: 100%; margin: 0px 0px 20px 0px; padding: 0; border: 0px; border-collapse: collapse;}
table.buysmart th {width: 49%; padding: 0px 0px 7px 0px; vertical-align: top;}
table.buysmart td {width: 49%; padding: 3px 0px 4px 3px; vertical-align: top; border: 2px solid #CCCCCC; border-collapse: collapse;}

table.tablecomparison {margin: 15px 0 30px 0; border: 1px solid #CCCCCC; border-collapse: collapse; width: 100%;}
table.tablecomparison caption {padding: 0 0 8px 0;}
table.tablecomparison thead {font-size: 85%;}
table.tablecomparison tbody {font-size: 85%;}
table.tablecomparison td {vertical-align: top; text-align: center; padding: 4px; border: 1px solid #CCCCCC; font-size: 85%;}

table.tablecomparison thead th {width: 16.66%; vertical-align: top; text-align: center; padding: 6px 2px 7px 2px; border: 1px solid #CCCCCC; font-size: 95%; font-weight: bold; background-color: #CCFFFF;}
table.tablecomparison tbody th {width: 16.66%; vertical-align: top; text-align: center; padding: 4px 2px; border: 1px solid #CCCCCC; border-collapse: collapse; font-weight: normal; background-color: #FFDCB9;}
table.tablecomparison tbody td {width: 16.66%; vertical-align: top; text-align: center; padding: 4px 2px; border: 1px solid #CCCCCC; border-collapse: collapse; font-weight: normal; background-color: #FFFFDD;}

/* Universal Styles */

.blue {color: #336699;}
.red {font-weight: bold; color: #AE0000;}

.highlite1 {background-color: #FFFF99;}
.highlite2 {background-color: #CCFFFF; padding: 2px;}
.highlite2a {background-color: #CCFFFF; padding: 4px; border: 2px #CCCCCC solid; margin-bottom: 25px;}
.highlite3 {background-color: #E8E8FF; padding: 2px;}
.highlite4 {background-color: #E1E1FF; padding: 2px;}
.highlite4a {background-color: #E1E1FF; padding: 4px; border: 2px #CCCCCC solid; margin-bottom: 25px;}

.textcenter {text-align: center;}
.textright {text-align: right;}
.text_colorblack {color: #333333;}
.text_colorwhite {color: #FFFFFF;}
.text_colorgrey {color: #0A0A0A;}

.lineheight2 {line-height: 130%;}
.lineheight1 {line-height: 160%;}
.lineheight180 {line-height: 180%;}

.fontlarger1 {font-size: 110%; font-weight: bold;}
.fontsmaller1 {font-size: 90%;}

.marginbottom1 {margin-bottom: 10px;}

.top_link {font-size: .9em; text-align: right; padding-right: .8em; margin: 0 0 1em 0;}

.testclass {margin: 0;}