@charset "utf-8";
/* CSS Document */

body {font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px;}
h1 {margin:0px; font-size:18px; color:#1165a7; text-align:left;}
h2 {margin:0px; font-size:16px; color:#1165a7;}


a:link {color: #1165a7; text-decoration:none;}
a:visited {color: #1133a7; text-decoration:none;}
a:hover {color: #ed1c24; text-decoration:none;}
a:active {color: #1165a7; text-decoration:none;}

.white {padding-left:20px; color:#FFFFFF;}
.white a:link {color: #ffffff; text-decoration:none;}
.white a:visited {color: #ffffff; text-decoration:none;}
.white a:hover {color: #ed1c24; text-decoration:none;}
.white a:active {color: #ffffff; text-decoration:none;}


.footer {width:942;height:79px;text-align:center;color:white;padding: 10px;}
.footer a:link {color:#ffffff; text-decoration:none;}
.footer a:visited {color:#ffffff; text-decoration:none;}
.footer a:hover {color:#ed1c24; text-decoration:none;}
.footer a:active {color:#ffffff; text-decoration:none;}


.redText{ color:#FF0000;}

.content {padding-left:20px; padding-right:20px; padding-bottom:10px; padding-top:15px; text-align:justify; vertical-align:top; width:742px;}
.CTAcontent {padding-left:20px; padding-right:20px; padding-bottom:10px;}
.tableHeader {margin:0px; font-size:16px; color:#ebebeb; background-color:#1165a7; font-weight:bold;}

.ind {}
.ind p { text-indent: 3em; margin-top: 0; margin-bottom: 1em; }
.ind li {padding-bottom:1em; }

.login {font-size:10px; color:#999999;}
.cookie {position:absolute; left:40px;}
.Crumbs {font-size:10px; color:#000000;margin:5px 0 5px 10px;float:left;}
.art {float:left; padding:10px 10px 5px 10px;}
.mod{font-weight:700;  }
.button{display:run-in;}
.head {width:320px;}
.fHead2{ background-color:#7cbbee; text-align:center; color:#FFFFFF;}
.user {background-color:#dbdbdb; border-collapse:collapse; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
.nuser {background-color:#dbdbdb; border-collapse:collapse; text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
.inner{text-align:center; background-color:#82c2f2; border-collapse:collapse; border:solid thin #1165a7;width:100%;}
.fcol{background-color:#898989;}
.fcol:hover {background-color:#e5e5e5;}
.inside{text-align:left; background-color:#82c2f2;border:solid thin #1165a7;}
table.inner {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#003399;}
.posts{ font-family:Arial, Helvetica, sans-serif; font-size:14px; border-collapse:collapse; width:100%;  background-color:#ffffff; }
td.posts {background-color:#eeeeee; padding: 10px 10px 10px 10px;}
.forum0{ background-color:#FFFFFF; color:#1165a7;}
td.forum0 {background-color:#CCCCCC;}
td.forum0:hover{background-color:#6cafe4;}
.forum0 a:hover{color:#FFFFFF;}
.forum0:hover{background-color:#6cafe4; color:#FFFFFF; }
.forum1{ background-color:#e5e5e5; border-collapse:collapse; color:#1165A7; }
.forum1 a:hover{color:white;}
.forum1:hover {background-color:#6cafe4; color:white;}
.pad { padding: 10px 10px 10px 10px;} 
.cfin { color:#448ccb; font-size:10px;}
.quote{font-weight:400; font-style:italic; background-color:#666666; border:thin solid black ;}
.sig{ vertical-align:bottom; line-height:1px;}
thead.quote{text-align:right; background-color:#888888; }
/*.top { color:#FFFFFF; background-color:#1165a7; font-variant:small-caps;}*/
.cfin[type="submit"]{ vertical-align:bottom;  }
.forum {background-color:#6cafe4; border-collapse:separate; text-align:center;font-size:14px; color:#ebebeb; font-weight:bold;padding:5px;}
.forum a:link {color: #FFFFFF; text-decoration:none;}
.forum a:visited {color: #FFFFFF; text-decoration:none;}
.forum a:hover {color: #ffffff; text-decoration:none;}
.forum a:active {color: #1165a7; text-decoration:none;}
.forumlink {font-weight:bold;color:#FF0000;}
.forumlink a:hover {font-size:18px;color:#FFF;}
.tiny {font-size:10px; float:left; font-weight:bold;}
.profile{text-align:left;vertical-align:top;background-color:#82c2f2; color:#1165a7;padding-top:15px;padding-left:15px;padding-right:15px;}
table.profile {border:solid thin #1165a7;border-collapse:collapse;width:100%;}
form {margin:0px;};
.pinned {background-color:#fff7cc;}
.r {text-align:right; vertical-align:inherit;}
.l {text-align:left; vertical-align:inherit;}

.bodyclass {background-color:#ebebeb; vertical-align:top; padding:10px; width:150px;}
table.benefit {border:1px black solid; }
table.benefit td{border:1px black solid; }
table.benefit tr:hover{color:#ffffff; background-color:#0000CC;}
.color {background-color:#bddced;}

table.admin {border:thin gray solid; border-collapse:collapse; padding:5px 5px 5px 5px;}
table.admin td{border:1px gray solid; border-collapse:collapse;text-align:left; padding:5px 5px 5px 5px;}
table.admin tr:hover{background-color:#CCCCCC;}

#joinNow{cursor:pointer;}


#box {width:30%;border:1px solid #acacac; float:left; height:375px; vertical-align:middle; margin-left:15px; margin-right:14px;}
#box2 {width:30%;border:1px solid #acacac; float:left; height:375px; vertical-align:middle; margin-left:15px; margin-right:14px;}
#box3 {width:30%;border:1px solid #acacac; float:left; height:375px; vertical-align:middle; margin-left:15px; margin-right:14px;}
#container {max-width:942px;  padding-bottom:10px; padding-top:10px;float:left;}

img {border:none;float:left}
#generalText p, #discountText p, #insuredText p {float:right; margin-left:8px;padding:10px 0px;}
#discountText a img , #ppoText a img , #insured a img{margin-top:20px;}
.general, .Discount ,.insured{ cursor:pointer;cursor:hand;}
.provider { margin-top:15px;}
.generalText img {margin-right:5px;}
/*ul {padding-left:0px;}*/
ul.sub {padding-left:20px;}
#insuredList li ul li {margin-left:15px;}
/*ul{margin-left:15px;}*/
h3 span{font-weight:100;}

/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/pro_dropdown_3.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.preload1 {background: url(three_0a.gif);}
.preload2 {background: url(three_1a.gif);}

#nav {padding:0; margin:0; list-style:none; height:38px;position:relative; z-index:500; font-family:arial, verdana, sans-serif;float:left;width:907px}
#nav li.top {display:block; float:left;}
#nav li a.top_link {display:block; float:left; height:35px; line-height:33px; color:#ABD3F6; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;/*background: url(three_0.gif)*/;}
#nav li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:35px; /*background: url(three_0.gif) right top no-repeat;*/}
#nav li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:35px; /*background: url(three_0a.gif) no-repeat right top;*/}

#nav li:hover a.top_link {color:#ABD3F6; /*background: url(three_1.gif) no-repeat;*/}
#nav li:hover a.top_link span {/*background:url(three_1.gif) no-repeat right top;*/}
#nav li:hover a.top_link span.down {/*background:url(three_1a.gif) no-repeat right top;*/ padding-bottom:3px;}

/* Default list styling */

#nav li:hover {position:relative; z-index:200;}
#nav li:hover ul.sub{left:1px; top:31px; background: #ABD3F6; padding:3px; border:1px solid #0b4d97; white-space:nowrap; width:140px; height:auto; z-index:300;}
#nav li:hover ul.sub li{display:block; height:20px; position:relative; float:left; width:140px; font-weight:normal;}
#nav li:hover ul.sub li a{display:block; font-size:11px; height:18px; width:140px; line-height:18px; text-indent:5px; color:#000; text-decoration:none;/*border:1px solid #50b5d0;*/}
#nav li ul.sub li a.fly{background:#ABD3F6 url(images/arrow.gif) 135px 6px no-repeat;}
#nav li:hover ul.sub li a:hover{background:#3f96a9; color:#fff; border-color:#fff;}
#nav li:hover ul.sub li a.fly:hover{background:#3f96a9 url(images/arrow_over.gif) 135px 6px no-repeat; color:#fff;}

#nav li b {display:block; font-size:11px; height:18px; width:88px; line-height:18px; margin-bottom:3px; text-indent:6px; color:#ff6; border-bottom:1px solid #ff6; cursor:default;}

#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:140px; top:-4px; background: #ABD3F6; padding:3px; border:1px solid #0b4d97; white-space:nowrap; width:138px; z-index:400; height:auto;}

#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover li:hover a.fly,
#nav li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover li:hover a.fly
{background:#3f96a9 url(images/arrow_over.gif) 135px 6px no-repeat; color:#fff; border-color:#fff;} 

#nav li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li:hover li a.fly
{background:#50b5d0 url(images/arrow.gif) 135px 6px no-repeat; color:#000; border-color:#50b5d0;} 

#home{background:url(http://www.hccua.org/images/nav/home.jpg) no-repeat;height:31px;width:74px;}
#home:hover{background:url(http://www.hccua.org/images/nav/home_over.jpg) no-repeat;}
#myAccount{background:url(http://www.hccua.org/images/nav/myAccount.jpg) no-repeat;height:31px;width:103px;}
#myAccount:hover{background:url(http://www.hccua.org/images/nav/myAccount_over.jpg) no-repeat;}
#creditUnions{background:url(http://www.hccua.org/images/nav/creditunions.jpg) no-repeat;height:31px;width:113px;}
#creditUnions:hover{background:url(http://www.hccua.org/images/nav/creditunions_over.jpg) no-repeat;}
#benefits{background:url(http://www.hccua.org/images/nav/benefits.jpg) no-repeat;height:31px;width:131px;}	
#benefits:hover{background:url(http://www.hccua.org/images/nav/benefits_over.jpg) no-repeat;}
#healthAndWellness{background:url(http://www.hccua.org/images/nav/health.jpg) no-repeat;height:31px;width:143px;}
#healthAndWellness:hover{background:url(http://www.hccua.org/images/nav/health_over.jpg) no-repeat;}
#resourceCenter{background:url(http://www.hccua.org/images/nav/resources.jpg) no-repeat;height:31px;width:132px;}
#resourceCenter:hover{background:url(http://www.hccua.org/images/nav/resources_over.jpg) no-repeat;}
#aboutHCCUA{background:url(http://www.hccua.org/images/nav/about.jpg) no-repeat;height:31px;width:113px;}
#aboutHCCUA:hover{background:url(http://www.hccua.org/images/nav/about_over.jpg) no-repeat;}
#contactUs{background:url(http://www.hccua.org/images/nav/contact.jpg) no-repeat;height:31px;width:98px;}
#contactUs:hover{background:url(http://www.hccua.org/images/nav/contact_over.jpg) no-repeat;}
#nav{top:32px;left:35px;background:none;}
#nav li a.top_link {padding:0;}