/* ---------------------------------------------
Companion Benefit Alternatives, Inc. Screen Style Sheet
author: Cyberwoven
version:  2007.11
----------------------------------------------- */

body {
	font:normal 11px/18px Arial, Helvetica, sans-serif;
	color:#3c3c3c;
	margin:0;
	padding:0 0 15px 0;
	background:#fff url(../images/bodybg2.jpg) no-repeat top center;
	text-align:center;}

a,
a:link {color:#a80532; text-decoration:underline;}
a:visited {color:#5b021b;}
a:hover {text-decoration:none;}

h5 {font-size:16px; line-height:20px;}

/* Content Area Styling that should be applied to editor...
--------------------------------------------------------- */
.rcol h3 {font-size:18px; line-height:25px; padding:8px 0; margin:0; text-transform:uppercase; color:#5b021b;}
.rcol h4 {font-size:24px; line-height:30px; font-weight:normal; padding:5px 0 10px 0; margin:0; color:#7a6e6b; background:url(../images/dottedline.gif) repeat-x bottom left;}
.rcol ul {list-style:none;}
.rcol ul li {background:url(../images/bullet-red.gif) no-repeat 0 8px; padding-left:8px; margin-left:0; font-weight:bold; font-size:11px; line-height:16px;}
.rcol ul ul {padding-left:15px; margin-left:0;}
.rcol ol li {padding-left:0px; margin-left:8px; font-weight:bold; font-size:11px; line-height:16px;}
.rcol img {float:right; margin:0 0 10px 10px;}

/* Layout Blocks
----------------------------------------------- */

#container {max-width:1140px; min-width:772px; margin:0 auto; position:relative; background:url(../images/tstripe2-blue.gif) repeat-x center 100px;}
	body.green #container {background-image:url(../images/tstripe2-green.gif);}
	body.ygreen #container {background-image:url(../images/tstripe2-ygreen.gif);}
	body.orange #container {background-image:url(../images/tstripe2-orange.gif);}
	body.brown #container {background-image:url(../images/tstripe2-brown.gif);}

#header {height:115px; width:772px; margin:0 auto; position:relative;}
	#header a.skiplink {display:none;}
	#header h1 {width:235px; height:100px; margin:0; padding:0; text-align:left; float:left;}
	#header h1 a {display:block; width:235px; height:100px; background:url(../images/cbalogo.gif) no-repeat center left; font-size:1px; text-indent:-9999px; outline:none; margin:0 0 0 -3px;}
	ul#topnav {float:right; width:480px; height:102px; margin:0; padding:0 0 0 1px; list-style:none; background:url(../images/topnavulbg.gif) no-repeat;}
	ul#topnav li {width:120px; height:102px; padding:0; margin:0; float:left;}
	ul#topnav li a {display:block; width:120px; height:102px; padding:0; margin:0; background:url(../images/topnav.gif) no-repeat; text-indent:-9999px; outline:none;}
		ul#topnav li#green a {background-position:0 0;}
		ul#topnav li#green a:hover {background-position:0 -102px;}
		body.green ul#topnav li#green a {background-position:0 -204px !important;}

		ul#topnav li#ygreen a {background-position:-120px 0;}
		ul#topnav li#ygreen a:hover {background-position:-120px -102px;}
		body.ygreen ul#topnav li#ygreen a {background-position:-120px -204px !important;}

		ul#topnav li#orange a {background-position:-240px 0;}
		ul#topnav li#orange a:hover {background-position:-240px -102px;}
		body.orange ul#topnav li#orange a {background-position:-240px -204px !important;}

		ul#topnav li#brown a {background-position:-360px 0;}
		ul#topnav li#brown a:hover {background-position:-360px -102px;}
		body.brown ul#topnav li#brown a {background-position:-360px -204px !important;}

#content {width:772px; padding:0; margin:20px auto 8px auto; position:relative; text-align:left; background:url(../images/contentbg.gif) repeat-y 247px 0;}
	.lcol {width:247px; float:left;}
		ul.subnav {margin:0; padding:0 0 60px 0; width:247px; display:block; text-align:right; background:url(../images/subnav-bot.gif) no-repeat bottom;}
		ul.subnav li {list-style:none; display:block; margin:0; padding:0; background:url(../images/subnav-side.gif) repeat-y top right;}
		ul.subnav li a {padding:0; display:block; margin:0; color:#9e042b !important; text-decoration:none; font-size:13px; line-height:15px; font-weight:bold; border-right:12px solid #d4e4e7; background:url(../images/subnav-dotted-single.gif) repeat-x 0 -50px; outline:none;}
		ul.subnav li a span {display:block; padding:10px 38px 10px 0;}
		ul.subnav li a:hover {border-right:12px solid #b7cace; background-position:bottom;}
		ul.subnav li a:hover span {background:url(../images/subnav-dotted-single.gif) repeat-x 0 0;}
		ul.subnav li ul {margin:0; padding:5px 0 10px 0;}
		ul.subnav li ul li {background:none; margin:0; padding:0;}
		ul.subnav li ul li a {padding:10px 38px 10px 0; font-size:11px; padding:0 50px 0 0; height:26px; line-height:26px; font-weight:normal; text-decoration:underline; color:#5c021b; background:url(../images/subnav-dotted.gif) repeat-x 0 -50px;}
		ul.subnav li ul li a:hover {text-decoration:underline;}
		
		.pagephoto {margin-top:0px;}
		form.searchbox {width:200px; padding:10px 0 0 8px; margin:0; background:url(../images/searchboxbg.gif) repeat-x; height:41px;}
		form.searchbox input {width:145px; border:1px solid #c7c4c0; border-right:1px solid #e2dfdc; border-bottom:1px solid #e2dfdc;}
		form.searchbox a.searchlink {font-weight:bold; text-decoration:none; padding-left:3px;}
		form.searchbox a.searchlink:hover {text-decoration:underline;}

	.rcol {width:447px; float:right; position:relative; min-height:300px; height:auto !important; height:300px;}

	.rcol h2 {position:absolute; top:0; left:-77px; margin:0; padding:0; font-size:1px; text-indent:-99999px; width:44px; height:300px;}
		body.green .rcol h2 {background:url(../images/h2-members.gif);}
		body.ygreen .rcol h2 {background:url(../images/h2-providers.gif);}
		body.orange .rcol h2 {background:url(../images/h2-eap.gif);}
		body.brown .rcol h2 {background:url(../images/h2-agents.gif);}		

		ul.breadcrumbs {margin:0; padding:0 0 5px 0; background:url(../images/dottedline.gif) repeat-x bottom left; color:#a80532;}
		ul.breadcrumbs li {list-style:none; display:inline; background:none; padding:0 5px 0 0;}
		ul.breadcrumbs li a {padding-right:8px; background:url(../images/breadcrumb-parent.gif) no-repeat right center; color:#a80532 !important; text-decoration:none;}
		ul.breadcrumbs li a:hover {text-decoration:underline;}
		ul.breadcrumbs li.current {padding-right:8px; background:url(../images/breadcrumb-current.gif) no-repeat right center;}
		
#footer {background:url(../images/footerbg.gif) no-repeat center 47px; height:190px; color:#454545; font-size:10px; line-height:15px;}
	#footernav {background:#163c4e url(../images/footerblue.jpg) top center; height:40px; margin:0 0 20px 0; padding:0;}
	#footernav li {display:inline; margin:0; padding:0;}
	#footernav li a {padding:0 10px; line-height:40px; font-size:11px; color:#fff; text-decoration:none;}
	#footernav li a:hover {text-decoration:underline;}
	#footer a.cyberwoven {text-decoration:none; color:#454545;}
	#footer a.cyberwoven span {color:#a80532;}
	#footer a.cyberwoven:hover {text-decoration:underline;}


/* Home Specific Styles
----------------------------------------------- */

body.home #container {background-image:url(../images/home-containerbg.jpg);}
body.home #header {height:100px;}
body.home h2.sailtop {position:absolute; width:73px; height:100px; top:0; left:236px; margin:0; font-size:1px; text-indent:-99999px; background:url(../images/home-sailtop.gif);}
body.home #content {height:380px; width:772px; left:-2px; overflow:hidden; margin:0 auto 8px auto; padding:0 !important; color:#fff; background:none;}


/* Reusables
----------------------------------------------- */

#searchresults {font-size:12px; margin:15px 0 5px 0; padding:0; display:block; list-style:none; line-height:25px;}
#searchresults li {list-style:none; margin-bottom:10px; background:none !important;}
#searchresults li a.searchitem {font-weight:bold; background:none !important;}

.hidden {display:none;}

.clear {border:0; clear:both; display:block; float:none; margin:0; overflow:hidden; visibility:hidden; width:0; height:0;}

.nomargin {margin:0 !important;}

.contactformtable {background:url(../images/dottedline.gif) repeat-x top left; padding-top:10px;}
.input, .textBox, .dropdown {width:200px; border:1px solid #b7aca9; padding:3px;}
.smallinput {width:40px; border:1px solid #b7aca9; padding:3px;}
.textBox {width:425px;}
.print {display:none;}
tr.alt td {background:#eee;}
.contactformtable td strong {font-size:14px;}

.submitbutton {border:1px solid #b7aca9; background:#f5f1ed; padding:2px 12px; margin:10px 0; font-size:12px; text-transform:uppercase;}
.submitbutton:hover {background:#fff;}