/* Compliance Club */

/* here we'll set up the basic screen layout*/
body { margin: 17px; background: #FFFFFF url("../images/bluekeyline.gif") repeat-x; }

div#masthead { width: 732px; height: 80px; }
div#masthead h1 { width: 401px; height: 0px !important; height /**/: 68px; margin: 0; background: url("/images/compliance-club.gif") no-repeat; padding: 68px 0 0 0; overflow: hidden; }
div#masthead h1 a { width: 100%; height: 100%; display: block; text-decoration: none; }

div#banner { float: left; width: 432px; height: 80px; }

div#search { float: left; width: 200px; margin-left: 90px; }
div#search p { font: 9px Arial, Helvetica, sans-serif;  color: #0089CF; margin: 3px 0px; }
div#search input { border: 1px solid #0089CF; font: 10px Arial, Helvetica, sans-serif; padding: 1px; }
div#search form { margin: 0; padding: 0; }
div#search p.searchweb { float: left; width: 50px; }
div#search p.searchcc { float: left; width: 140px; }

div#frame { clear: both; width: 732px; }

div#menu { width: 149px; float: left; margin: 17px 0 0 0; border-top: 1px solid #0089CF; }
ul#menuoptions { list-style-type: none; margin: 0; padding: 0; width: 149px; }
ul#menuoptions li { width: 145px; border-bottom: 1px solid #0089CF; border-left: 3px solid #0089CF; border-right: 1px solid #0089CF; font: 12px Arial, sans-serif; line-height: 15px; font-weight: bold; overflow: hidden; }
ul#menuoptions li a { width: 100%; height: 100%; display: block; background-color: #D9EDF8; text-decoration: none; padding: 6px 5px; color: #0089CF; }
ul#menuoptions li a:hover { background-color: #0089CF; color: #FFFFFF; }

ul#menuoptions li ul { list-style-type: none; margin: 0; padding: 0; width: 149px; }
ul#menuoptions li ul li { width: 145px; border-left: none; border-right: none; border-top: 1px dotted #0089CF; border-bottom: none; font: 10px Arial, sans-serif; line-height: 15px; font-weight: bold; overflow: hidden; }
ul#menuoptions li ul li a { width: 100%; height: 100%; display: block; background-color: #D9EDF8; text-decoration: none; padding: 6px 5px 6px 12px; color: #0089CF; }
ul#menuoptions li ul li a:hover { background-color: #0089CF; color: #FFFFFF; }

div#googleads { margin-top: 10px; width: 145px; border: 1px solid #0089CF; border-left: 3px solid #0089CF; padding-top: 5px; }
	

div#content { width: 432px; float: left; margin: 17px 0 25px 17px; }
div#edcontent { width: 550px; float: left; margin: 17px 0 25px 17px; }
div#rightcol { width: 109px; float: left; margin: 17px 0 0 17px; }


ul#submenu li { width: 145px; border-bottom: 1px dotted #0089CF; border-left: 3px solid #0089CF; }
ul#submenu li a { padding: 4px 2px 4px 16px; width: 100%; height: 100%; display: block; font: 10px Arial, sans-serif; font-weight: bold; color: #0089CF; }
div#submenu a:hover { background-color: #0089CF; text-decoration: none; color: #FFFFFF; }


div#content p.breadcrumb, div#edcontent p.breadcrumb { font: 10px Arial, Helvetica, sans-serif; color: #0089CF; margin: 0 0 6px 0; }
p.breadcrumb a { text-decoration: none; }
p.breadcrumb a:hover { text-decoration: underline; }


div#content h1,h2,h3,h4,h5,h6 { font-family: Arial, Helvetica, sans-serif; color: #333333; margin: 6px 0px 2px 0px; }
div#edcontent h1,h2,h3,h4,h5,h6 { font-family: Arial, Helvetica, sans-serif; color: #333333; margin: 6px 0px 2px 0px; }

div#content h2, div#edcontent h2 { font-size: 22px; }
div#content h3, div#edcontent h3 { font-size: 18px; }
div#content h4, div#edcontent h4 { font-size: 14px; }
div#content h5, div#edcontent h5 { font-size: 12px; }

div#content p, div#edcontent p { font: 12px Arial, Helvetica, sans-serif; font-weight: normal; line-height: 18px; color: #333333; margin: 2px 0px 6px 0px; }


div#content a, div#edcontent a { color: #0089CF; text-decoration: none; }
div#content a:hover, div#edcontent a:hover { color: #0089CF; text-decoration: underline; }


div#edcontent input {
	border: 1px solid #666666;
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}

div#edcontent textarea {
	border: 1px solid #666666;
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}

div#content li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	color: #333333;
	margin: 2px 0px;
}

div#edcontent li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	color: #333333;
	margin: 2px 0px;
}

/*subscription panel*/
div#subscribe { background-color: #D9EDF8; border: 1px solid #0089CF; padding: 3px; }
div#subscribe form { margin: 0px; padding: 0px; }
div#subscribe h3 { font: 12px Arial, Helvetica, sans-serif; line-height: 14px; margin: 0px; color: #0089CF; font-weight: bold; }
div#subscribe p { font: 11px Arial, Helvetica, sans-serif; line-height: 13px; color: #000000; margin-top: 3px; }
div#subscribe input { border: 1px solid #0089CF; font: 10px Arial, Helvetica, sans-serif; padding: 1px; }
.subscribebut { margin-top: 3px; padding: 2px; border: 0px; }

div#articlecontrols {
	width: 135px;
	float: right;
	height: 70px;
	margin-left: 20px;
	margin-bottom: 20px;
	border: 1px solid #666666;
}

div#subscribe a { color: #0089CF; text-decoration: none; }
div#subscribe a:hover { text-decoration: underline; }