/* * {
padding: 0;
margin: 0;
} */
body {
background-image: url(images/bluecrossbg.png);
background-repeat: repeat-x;
font: 14px Arial, Helvetica, sans-serif
}
#container {
width: 900px;
background-position: top;
background-image: url(images/contentbg.png);
background-color: #4599ca;
background-repeat: repeat-x;
margin-left: auto;
margin-right: auto;
border: solid 3px;
border-color: #888888;
border-top: none;
border-left: none;
}
#header { /* contains banner and navigation bar */
background: url(images/bluecrosslogobg.png);
background-color: #e5f6fe;
}
#homelink {
float: right;
vertical-align: bottom;
}
#contentholder { /* holder for left, right and center panes */
float: left;
width: 100%;
}
#leftbar {
float: left;
width: 21%;
}
#contentmain {
float: left;
width: 57%;
}
#rightbar {
float: right;
width: 22%;
}
.footer {
clear: both;
}
#topnav { /* primary navbar */
	margin: auto;
	width: 100%;
	background: orange;
}
#navigation {
   list-style: none;
   margin: 0; padding: 0;
}
#navigation li {
   float: left;
   width: 146px;
   background: orange;
   border: solid 2px;
   border-color: orange;
   border-collapse: collapse;
}
#navigation li a {
   font-weight: bold;
   border-collapse: collapse;
   display: block;
   background: #0082d6;
   width: 100%;
   text-align: center;
   color: white;
   padding: 3px 0;
   text-decoration: none;
   font-size: 12px;
}

#navigation li a:hover {
   background: orange;
   color: white;
}







#navigation1 {
   list-style: none;
   margin: 0; padding: 0;
}
#navigation1 li {
   float: left;
   width: 146px;
   background: orange;
   border: solid 2px;
   border-color: orange;
   border-collapse: collapse;
}
#navigation1 li a {
   font-weight: bold;
   border-collapse: collapse;
   display: block;
   background: orange;
   width: 100%;
   text-align: center;
   color: white;
   padding: 3px 0;
   text-decoration: none;
   font-size: 12px;
}

#navigation1 li a:hover {
   background: #0082d6;
   color: white;
}















#centernav { /* bottom navbar */
	margin: auto;
	width: 498px;
	background: #bbbbbb;
}
#navbar {
   list-style: none;
   margin: 0; padding: 0;
}
#navbar li {
   float: left;
   font-size: 12px;
   background: #bbbbbb;
   display: inline;
   text-align: center;
   color: #000000;
   padding: 3px 0;
   padding-left: 32px;
   padding-right: 32px;
   margin-top: 0;
}
#navbar li a{
   text-decoration: none;
   color: #000000;
}

#navbar1 a{
   text-decoration: none;
   color: #fff;
}

#navbar li a:visited{
   text-decoration: none;
   color: #000000;
}
#navbar li a:hover{
   font-size: 12px;
   color: #ffffff;
   text-decoration: none;
}
#pagefooter { /* copyright statement and Adrien link */
   padding: 5px;
   font-size: 10px;
}
#pagefooter a {
   color: white;
   text-decoration: none;
}
.leftbox {
width: 85%;
/* height: 100%; */
padding: 5px;
margin: auto;
margin-top: 2px;
margin-bottom: 2px;
border: solid 2px;
border-left: none;
border-top: none;
border-color: #888888;
background-image: url(images/leftboxbg.png);
background-color: #b7dcf2;
background-repeat: repeat-x;
}
.leftbox a {
	color: #FFCC00;
	font-weight: bold;
	text-decoration: none;
}
.leftbox a:hover {
	color: #FF9900;
}

.leftbox2 {
width: 85%;
/* height: 100%; */
padding: 5px;
margin: auto;
margin-top: 2px;
margin-bottom: 2px;
border: solid 2px;
border-left: none;
border-top: none;
border-color: #888888;
background-image: url(images/leftboxbg.png);
background-color: #b7dcf2;

}
.leftbox2 a {
	color: #FFCC00;
	font-weight: bold;
	text-decoration: none;
}
.leftbox2 a:hover {
	color: #FF9900;
}

.leftboxtransparent { /* left pane content with no box styling */
font-size: 12px;
font-weight: bold;
width: 90%;
height: 100%;
margin: auto;
margin-top: 10px;
margin-bottom: 0px;
}
.centerbox { /* fixed-size whitespace for actual page content */
width: 498px;
/* height: 380px; */
height: 400px;
margin: auto;
margin-top: 5px;
background: white;
overflow: auto;
}
.textbox {
padding: 5px;
}
.rightbox {
width: 90%;
height: 110px;
padding: 5px;
margin: auto;
margin-top: 5px;
margin-bottom: 5px;
border: solid 2px;
border-left: none;
border-top: none;
border-color: #888888;
background-image: url(images/rightboxbg.png);
background-color: #FFFFFF;
background-repeat: repeat-y;
}
.rightbox a {
color: white;
border-bottom: 1px solid #FFCC00;
text-decoration: none;
}
.rightbox a:hover {
color: #FFCC00;
}
.imglink a { /* div to prevent underlines appearing under right pane image links */
border-bottom: 0px none;
}
.text1 { /* left pane text */
	color: white;
	font-weight: bold;
}
.text2 { /* right pane text */
	color: white;
}
.text3 { /* "Welcome to" */
	color: black;
	font-weight: bold;
	font-size: 18px;
}
.text4 { /* large Blue Cross text on profile */
	color:#3399FF;
	font-size: 36px;
	font-weight: bold;
}
.text5 { /* profile text */
	color: black;
	font-size: 16px;
	font-style: italic;
}
.text6 {
	font-weight: bold;
}
.text7 {
	text-decoration: underline;
}
.text8 {
	font-style: italic;
}
.blacklink a {
	font-weight: normal;
	text-decoration: none;
	color: #000000;
}
.blacklink a:hover {
	font-weight: normal;
	color: #3399FF;
}
.right {
display: block;
float: right;
padding: 5px;
}
.left {
display: block;
float: left;
padding: 5px;
}
.down {
margin-bottom: 0px;
}
img.centered {
display: block;
margin: 0 auto;
text-align: center;
}
.centered {
margin: 0 auto;
text-align: center;
}
.header4 { /* plan name */
font-size: 16px;
font-weight: bold;
}
.header3 { /* plan name */
font-size: 15px;
font-weight: bold;
}
.header2 { /* plan category */
font-size: 14px;
font-weight: bold;
text-decoration: underline;
}
.headerp {
font-size: 14px;
font-weight: bold;
}
.header1 {
font-size: 18px;
font-weight: bold;
color: #3399FF;
}
ul {
	margin-top: 0px;
	margin-bottom: 5px;
}
ul.blue {
	list-style-type: disc;
	color: #3399FF;
}
ul.pink {
	list-style-type: disc;
	color: #CE0073;
}
ul.spaced li {
	margin-bottom: 5px;
}
ul.unspaced li {
	margin-bottom: 0px;
}
.black {
	color: #000000;
}
.headerbg {
width: 80%;
background-image: url(images/bluedot.png);
background-repeat: repeat-x;
background-position: bottom;
}
a img {
border: 0px none;
}
a {
font-weight: bold;
color: #3399FF;
text-decoration: underline;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}
.toggle {
	color: #000000;
}
.hotspot {
/*	color: #FF6600;
	border-bottom-style: dotted;
	border-bottom-width: 1px; */
	cursor: help;
}
.hotspotall {
/*	color: #FF6600;
	border-bottom-style: dotted;
	border-bottom-width: 1px; */
	cursor: help;
	font-weight: bold;
}
table {
	border-collapse: separate;
	border-spacing: 2px 0px;
}
.tblfont {
	color: #10287B;
	font-weight: bold;
	font-size: 14px;
}
.tblrow {
	background-color: #0C2678;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 14px;
}
.col1 {
	background-color: #8ED5E6;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	font-size: 14px;
}
.col2 {
	background-color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	font-size: 14px;
}
.col3 {
	background-color: #C0E7F1;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	font-size: 14px;
}
.col4 {
	background-color: #CCCCCC;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	font-size: 14px;
}
.sheader1 {
font-size: 18px;
font-weight: bold;
color: #CE0073;
}
.stblfont {
	color: #CE0073;
	font-weight: bold;
	font-size: 14px;
}
.gtblrow {
	background-color: #818181;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 14px;
}
.stblrow {
	background-color: #C8006D;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 14px;
}
.scol1 {
	background-color: #FDCAE6;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	font-size: 14px;
}
.scol2 {
	background-color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	font-size: 14px;
}
.scol3 {
	background-color: #CBCBCB;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	font-size: 14px;
}
.pheader1 {
font-size: 18px;
font-weight: bold;
color: #216521;
}
.ptblfont {
	color: #216518;
	font-weight: bold;
	font-size: 14px;
}
.ptblrow {
	background-color: #21641D;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 14px;
}
.pcol1 {
	background-color: #d2e0d2;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	font-size: 14px;
}
.pcol2 {
	background-color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	font-size: 14px;
}
.pcol3 {
	background-color: #CCCCCC;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	font-size: 14px;
}
.fheader1 {
font-size: 18px;
font-weight: bold;
color: #00A2C6;
}
.ftblfont {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 14px;
}
.ftblrow {
	background-color: #00A2C6;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 14px;
}
.fcol1 {
	background-color: #CECECE;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	font-size: 14px;
}
.fcol2 {
	background-color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	font-size: 14px;
}
.fcol3 {
	background-color: #C6E7F7;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	font-size: 14px;
}
.super {
	vertical-align: super;
	font-size: 9px;
}
.profhead {
	font-weight: bold;
	color: #3399FF;
}
.red {
	color: #FF0000;
}
.ttblrow {
	background-color: #00A2C6;
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;
	vertical-align: text-top;
}
.tcol1 {
	background-color: #E7F7F7;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	font-size: 14px;
}
.tcol2 {
	background-color: #ffffff;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	font-size: 14px;
}
.tleft{
	text-align: left;
	font-weight: bold;
	font-size: 14px;
}
.mleft{
	text-align: left;
}
.tcell {
	text-align: right;
	vertical-align: middle;
	font-size: 14px;
}
table {
/*    border-color: #600;*/
    border-color: #BBBBBB;
    border-width: 0 0 1px 1px;
    border-style: solid;
    border-collapse: collapse;
}
table td {
/*    border-color: #600;*/
    border-color: #BBBBBB;
    border-width: 1px 1px 0 0;
    border-style: solid;
    margin: 0;
    padding: 4px;
	background: #ffffff;
	width: 150px;
	text-align: center;
	color: #000000;
}
.bordless {
   border-width: 0 0 0 0;
   border-style: none;
}
.bordless td {
   border-width: 0 0 0 0;
   border-style: none;
}
.premtab td {
	width: 100px;
}

#navbar2 {
   list-style: none;
   margin: 0; padding: 0;
}
#navbar2 li {
   float: left;
   font-size: 12px;
   background: #bbbbbb;
   display: inline;
   text-align: center;
   color: #000000;
   padding: 3px 0;
   padding-left: 54px;
   padding-right: 54px;
   margin-top: 0;
}
#navbar2 li a{
   text-decoration: none;
   color: #000000;
}
#navbar2 li a:visited{
   text-decoration: none;
   color: #000000;
}
#navbar2 li a:hover{
   font-size: 12px;
   color: #ffffff;
   text-decoration: none;
}
.ttbl td {
    border-color: #600;
    border-width: 1px 1px 0 0;
    border-style: solid;
    margin: 0;
    padding: 4px;
	width: 100px;
}
.bordered1 {
	border-top: #600 1px solid;
	border-left: #600 1px solid;
	border-right: #600 1px solid;
}
.bordered1 td {
	border-bottom: #600 1px solid;
}
.traveltable td {
	width: 100px;
	padding: 2px;
	font-size: 10px;
}
.traveltable td.tleft {
	width: 100px;
	font-size: 10px;
}
.smap1 {
	font-size: 15px;
	font-weight: bold;
	text-decoration: underline;
}
.smap2 {
	font-size: 14px;
	font-weight: bold;
	padding-left: 20px;
	text-decoration: none;
}
.smap3 {
	font-size: 12px;
	font-weight: normal;
	padding-left: 20px;
	text-decoration: none;
}
.smap1 a,.smap2 a,.smap3 a {
	text-decoration: none;
	color: #000000;
}
.clearfix {display: inline-block;}
* html .clearfix {height: 1px;}
.clearfix {display: block;}