/*----------------------------------------------------------------------------------
	CSS :: Cooperative Business Services, LLC
----------------------------------------------------------------------------------*/

* {
	font: normal normal normal 11px Tahoma;
	margin: 0;
	padding: 0;
	border: 0;
}

html,
body,
div#outer,
div#inner
{
    min-height: 100%;
	height: auto; 
}

* html,
* html body,
* html div#outer,
* html div#inner
{
	height: 100%;
}

body {
	background: #BABABA url(../images/bg/body.jpg) repeat-x !important;
}

div#outer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

div#inner {
    position: absolute;
    left: 50%;
    width: 790px;
    margin-left: -395px; /* lines up the wrapper b area flushed to the background of wrapper a ( due to the shadow effect on wrapper a )*/
	text-align: center;
}

/*----------------------------------------------------------------------------------
	CSS :: Cooperative Business Services, LLC :: ControlPanel
----------------------------------------------------------------------------------*/

#inner div#controlpanel {
    width: 100%;
    position: relative;
}


/*----------------------------------------------------------------------------------
	CSS :: Cooperative Business Services, LLC :: Header
----------------------------------------------------------------------------------*/

#inner div#header {
	height: 180px;
	position: relative;
}

#header div#logo {
	position: absolute;
	top: 14px;
	left: 15px;
	width: 243px;
	height: 165px;
	background: transparent url(../images/logo/cbscuso.png) no-repeat;
	z-index: 15;
}

    * html #header div#logo {
        background: transparent url(../images/logo/cbscuso.gif) no-repeat;
    }

#header a#home-link {
	position: absolute;
	top: 19px;
	left: 20px;
	z-index: 20;
	display: block;
	width: 233px;
	height: 155px;
	text-align: left;
	text-indent: -999em;
	text-decoration: none;
	outline: none;
}

#header div#navigation {
	position: absolute;
	top: 64px;
	right: 0;
	width: 509px;
	height: 32px;
	background: transparent url(../images/nav/bg.jpg) repeat-x;
	z-index: 10;
}





#navigation ul#drop {
	list-style: none;
	width: 509px;
	height: 32px;
	padding-top: 0;
	margin-left: 10px;
	margin: 0px auto;
}

#drop a {
	color: #fff;
	margin: 0 0 0 0;
}

#drop li { /* all list items */
    float: left;
    position: relative;
	list-style: none;
	margin: 0 0 0 0;
}

#drop li ul {
    width: 180px;
	list-style: none;
}

#drop li ul { /* second-level lists */
	position: absolute;
    top: 32px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	background: #000;
	font: normal normal bold 11px Arial, sans-serif;
	z-index: 1000;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	border-left: 1px solid #000;
}

#drop li ul ul { /* third-and-above-level lists */
	margin-left: 210px;
    top: 0px;
	background: #212127;
}

#drop li li {
    text-indent: 10px;
	border-bottom: 1px solid #cacaca;
	width: 100%;
}

#drop li:hover ul ul,
#drop li.sfhover ul ul {
	left: -999em;
}

#drop li:hover ul, 
#drop li li:hover ul, 
#drop li.sfhover ul, 
#drop li li.sfhover ul { /* lists nested under hovered list items */
	left: 0px;
}


#drop li ul a {
    float: none;
    display: block;
    text-align: left;
	height: 100%;
	width: 100%;
	padding: 10px 0;
	text-decoration: none;
	font-weight: bold;
	color: #cacaca;
	text-indent: 7px;
}

#drop li ul a:hover {
	color: #fff;
}

#drop li ul a.sub-menu {
	background: url(../images/nav/arrow.gif) no-repeat 180px 6px;
}

#drop li ul a.sub-menu:hover {
	background-color: #fff;
	background-image: none;
}

#drop a
{
	float: left;
	display: block;
	height: 32px;
	text-align: left;
	text-indent: -999em;
	text-decoration: none;
	outline: none;
	background-repeat: no-repeat;
	line-height: 0.5;
}

#drop a:hover,
#drop li.hover a#home-btn,
#drop li.hover a#about-btn,
#drop li.hover a#services-btn,
#drop li.hover a#news-btn,
#drop li.hover a#training-btn,
#drop li.hover a#contact-btn {
	background-position: 0 -32px;
}


#drop a#home-btn {
	width: 36px;
	background-image: url(../images/nav/home.jpg);
	padding-right: 26px;
}

#drop a#about-btn {
	width: 55px;
	background-image: url(../images/nav/about.jpg);
	padding-right: 26px;
}

#drop a#services-btn {
	width: 52px;
	background-image: url(../images/nav/services.jpg);
	padding-right: 26px;
}

#drop a#news-btn {
	width: 35px;
	background-image: url(../images/nav/news.jpg);
	padding-right: 26px;
}

#drop a#training-btn {
	width: 119px;
	background-image: url(../images/nav/training.jpg);
	padding-right: 26px;
}

#drop a#contact-btn {
	width: 47px;
	background-image: url(../images/nav/contact.jpg);
}

* html #drop a#home-btn,
* html #drop a#about-btn,
* html #drop a#services-btn,
* html #drop a#news-btn,
* html #drop a#training-btn {
    margin-right: 13px;
}





/** 
 ** Drop Down Links
**/

#dropmenudiv {
	position:absolute;
	font:normal 12px Tahoma;
	line-height:30px;
	z-index:100;
}

#dropmenudiv a {
    float: none;
    display: block;
    text-align: left;
    text-indent: 10px;
	height: 100%;
	width: 100%;
	padding: 8px 0;
	margin-left: 0;
	color: #cacaca;
	background: #000;
	border-bottom: 1px solid #cacaca;
	text-decoration: none;
}

#dropmenudiv a:hover { /*hover background color*/
	color: #fff;
}


/*----------------------------------------------------------------------------------
	CSS :: Cooperative Business Services, LLC :: Header :: Client Login
----------------------------------------------------------------------------------*/

#header a#client-login,
#header a#dnn_dnnUSER_hypRegister,
#header a#dnn_dnnLOGIN_hypLogin,
#header a#borrower-login {
	position: absolute;
	top: 5px;
	right: 35px;
	color: #C4C4C4;
	display: block;
	font: normal normal normal 11px Tahoma;
	font-weight: bold;
	width: 120px;
	height: 13px;
	text-align: left;
	text-indent: 18px;
	background: transparent url(../images/bg/lock.gif) no-repeat;
	text-decoration: none;
}

#header a#borrower-login {
	top: 22px;
	right: 35px;
}

#header a#dnn_dnnUSER_hypRegister {
    right: 85px;
    background: none;
}

#header a#client-login:hover,
#header a#dnn_dnnUSER_hypRegister,
#header a#dnn_dnnLOGIN_hypLogin,
#header a#borrower-login:hover {
	text-decoration: underline;
}

/*----------------------------------------------------------------------------------
	CSS :: Cooperative Business Services, LLC :: Top Section :: Top Links
----------------------------------------------------------------------------------*/

#header div#top-links,
#header div#top-links {
	position: absolute;
	top: 112px;
	right: 14px;
	width: 120px;
	height: 10px;
	background: transparent url(../images/misc/top_icons_bg.gif) no-repeat;
}

#top-links a#top-home {
	position: absolute;
	top: 0;
	left: 6px;
	color: #C4C4C4;
	display: block;
	font: normal normal normal 11px Tahoma;
	font-weight: bold;
	width: 11px;
	height: 10px;
	text-align: left;
	text-indent: 18px;
	background: transparent url(../images/misc/home.gif) no-repeat;
	text-decoration: none;
}

#top-links a#top-contact {
	position: absolute;
	top: 0;
	left: 50px;
	color: #C4C4C4;
	display: block;
	font: normal normal normal 11px Tahoma;
	font-weight: bold;
	width: 11px;
	height: 10px;
	text-align: left;
	text-indent: 18px;
	background: transparent url(../images/misc/contact.gif) no-repeat;
	text-decoration: none;
}

#top-links a#top-sitemap {
	position: absolute;
	top: 0;
	left: 96px;
	color: #C4C4C4;
	display: block;
	font: normal normal normal 11px Tahoma;
	font-weight: bold;
	width: 11px;
	height: 10px;
	text-align: left;
	text-indent: 18px;
	background: transparent url(../images/misc/sitemap.gif) no-repeat;
	text-decoration: none;
}

/*----------------------------------------------------------------------------------
	CSS :: Cooperative Business Services, LLC :: Header :: Top Links
----------------------------------------------------------------------------------*/
#inner div#top-section {
	position: absolute;
	top: 93px;
	left: 0;
	width: 100%;
	height: 251px;
	background: transparent url(../images/bg/top_section.png) no-repeat;
}

    * html #inner div#top-section {
	    background: transparent url(../images/bg/top_section.gif) no-repeat;
    }

#inner div#int-top-section {   
    position: absolute;
    top: 93px;
    left: 0;
    width: 100%;
    height: 151px;
    background: transparent url(../images/bg/int_top_section.png) no-repeat;
}

    * html #inner div#int-top-section {
        background: transparent url(../images/bg/int_top_section.gif) no-repeat;
    }

#top-section div#flash {
	position: absolute;
	top: 42px;
	left: 11px;
	height: 209px;
	width: 768px;	
}

#int-top-section div#flash-int {   
	position: absolute;
	top: 42px;
	left: 11px;
	height: 95px;
	width: 768px;	
	background: transparent url(../images/bg/int-flash.png) no-repeat;
}

/*----------------------------------------------------------------------------------
	CSS :: Bimac Corporation :: Body
----------------------------------------------------------------------------------*/
#inner div#space {
	width: 100%;
	height: 164px;
}

#inner div#int-space {   
    width: 100%;
    height: 50px;
}

#inner div#body {
	width: 790px;
	background: transparent url(../images/bg/content.gif) repeat-y;
	text-align: left;
}

#inner div#int-body {
    width: 790px;
    background: transparent url(../images/bg/int_content.gif) repeat-y;
    text-align: left;
}

#body div#body-top {
	height: 121px;
	width: 790px;
	background: transparent url(../images/bg/content_top.gif) no-repeat;
}

#int-body div#int-body-top {   
    height: 121px;
    width: 790px;
    background: transparent url(../images/bg/int_content_top.gif) no-repeat;
}

#body div#content {
	text-align: left;
	width: 480px;
	margin: -96px 0 0 281px;
	padding: 0 0 14px 0;
}

#int-body div#int-content {
    text-align: left;
    width: 721px;
    margin: -96px 0 0 40px;
    padding: 25px 0 14px 0;
    min-height: 300px;
}

#int-content div#ie-6 {
	float: right;
	width: 1px;
	height: 300px;
}

#int-content div#biographies,
#int-content div#members,
#int-content div#faq,
#int-content div#newsletters,
#int-content div#testimonials-content,
#int-content div#services,
#int-content div#dnn_ctr393_ModuleContent,
#int-content div#links,
#int-content div#indent {
    width: 675px;
    margin: 25px 0 0 20px;
}

#int-content div#indent {
    min-height: 300px;
}

#indent div#v3,
#indent div#v2,
#indent div#v1 {
    position: relative;
    width: 100%;
    height: 230px;
}

#v3 div#v3i1,
#v3 div#v3i2,
#v3 div#v3i3,
#v3 div#v3i4,
#v2 div#v2i4,
#v2 div#v2i3,
#v2 div#v2i2,
#v2 div#v2i1,
#v1 div#v1i3,
#v1 div#v1i2,
#v1 div#v1i1 {
    position:absolute;
    top: 0;
    text-align: center;
}

#v2 div#v2i1,
#v3 div#v3i1 {
    left: 0;
}

#v2 div#v2i2,
#v3 div#v3i2 {
    left: 175px;
}

#v2 div#v2i3,
#v3 div#v3i3 {
    left: 325px;
}

#v2 div#v2i4,
#v3 div#v3i4 {
    right: 0;
}

#v1 div#v1i1 {
    left: 0;
}

#v1 div#v1i2 {
    right: 255px;
}

#v1 div#v1i3 {
    right: 0;
}

#dnn_ctr393_ModuleContent {
    background: url(../images/misc/contact-bg.gif) no-repeat;
    padding: 15px 0 0 50px;
}

#indent .bio-img,
#indent .members-img {   
    float: right;
    margin: 0 0 0 50px;
    text-align: center;
}

#indent ul.services li,
#indent ul.sitemaps li,
#indent ul li {
    margin: 10px 0 5px 15px;
}

#dnn_ctr417_Feedback_plEmail_imgHelp,
#dnn_ctr417_Feedback_plName_imgHelp,
#dnn_ctr417_Feedback_plBody_imgHelp {
    display: none;
}

#dnn_ctr417_Feedback_txtEmail,
#dnn_ctr417_Feedback_txtName,
#dnn_ctr417_Feedback_txtBody,
.FormTextBox {
    border: 1px solid #000;
}

.FormSubmit {
	border: 1px solid #000;
	height: 25px;
	width: 75px;
}

#feedback-table {
    margin: 15px 0 0 0;
    border: 1px solid #000;
    background-color: #cacaca;
    padding: 10px 35px 35px 35px;
}

h1 {
	font-family:"Helvetica75" !important;
	font-size: 20px !important;
	color: #006E51 !important;
	margin: 0;
}

h2 {
	font-family:"Helvetica75" !important;
	font-size: 16px !important;
	color: #006E51 !important;
	margin: 0;
}

h3 {
	font-family:"Helvetica75" !important;
	font-size: 13px !important;
	color: #000 !important;
	margin: 0;
}

a {   
  font-weight: bold;
  color: #10775B;
}

a:hover {
  text-decoration: underline;
  color: #10775B;
}

#content p,
#int-content p {
	font-size: 11px;
	line-height: 16px;
	font-family: Tahoma;
	color: #4F4F4F;
	margin: 10px 10px 10px 0;
}

#content p.black {
	font-weight: bold;
	color: #000;
	margin: 10px 10px 10px 0;
}

.center {
    text-align: center;
}

b,
strong {
    font-weight: bold;    
}

/*----------------------------------------------------------------------------------
	CSS :: Cooperative Business Services, LLC :: Body :: Testimonials & News
----------------------------------------------------------------------------------*/

#body div#left {
	position: absolute;
	top: 352px;
	left: 15px;
	height: 280px;
	width: 238px;
}
	

#left div#testimonials {
	position: absolute;
	top: 0;
	left: 0;
	background: transparent url(../images/bg/testimonials.gif) no-repeat;
	width: 238px;
	height: 125px;
	text-align: left;
}

#testimonials p {
	color: #fff;
	font: normal normal normal 10px Tahoma;
	line-height: 14px;
	margin: 8px 5px 5px 8px;
}

#testimonials div#read-test {
	position: absolute;
	width: 153px;
	top: 97px;
	left: 10px;
	text-align: center;
	color: #fff;
}

#left div#news {
	position: absolute;
	top: 129px;
	left: 0;
	width: 238px;
	height: 163px;
	background: transparent url(../images/bg/news.gif) no-repeat;
	text-align: left;
	font: normal normal normal 10px Tahoma;
	padding: 25px 0 0 8px;
}

#news p {
	color: #D9D9D9;
	line-height: 14px;
	margin-right: 10px;
}

.date {
	color: #9F9A89;
	font-weight: bold;
}

.title,
.title a {
	color: #fff;
	text-decoration: underline;
	font-weight: bold;
}

.title a:hover {
	text-decoration: none;
}

#news div#read-news {
	position: absolute;
	width: 153px;
	top: 127px;
	left: 10px;
	text-align: center;
	color: #fff;
}

#read-news a,
#read-test a {
	font: normal normal normal 10px Tahoma;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

#read-news a:hover,
#read-test a:hover {
	text-decoration: underline;
}

.right {
	float: right;
	margin: 0 5px 0 0;
	color: #fff;
	font: normal normal normal 10px Tahoma;
	font-weight: bold;
}

/*----------------------------------------------------------------------------------
	CSS :: Cooperative Business Services, LLC :: Footer
----------------------------------------------------------------------------------*/
#inner div#footer,
#inner div#int-footer {
	position: relative;
	width: 100%;
	height: 115px;
	margin: -10px 0 0 0;
}

#inner div#footer {
	background: url(../images/bg/footer.jpg) no-repeat;
}

#inner div#int-footer {
    background: url(../images/bg/int_footer.jpg) no-repeat;
}

#footer div#copyright {
	position: absolute;
	top: 50px;
	left: 33px;
}

#int-footer div#copyright {
    position: absolute;
    top: 80px;
    left: 33px;
}

#footer div#sublinks,
#int-footer div#sublinks {
	position: absolute;
	top: 80px;
	right: 17px;
}

#sublinks ul,
#sublinks ul li {
	display: inline;
}

#sublinks ul li {
	margin: 0 1px 0 1px;
}

#sublinks ul li a,
#copyright {
	font: normal normal normal 11px Tahoma;
	color: #575757;
	text-decoration: none;
}

#sublinks ul li a:hover {
	text-decoration: underline;
}

/*----------------------------------------------------------------------------------
    CSS :: Cooperative Business Services, LLC :: Services, Applications and Products
----------------------------------------------------------------------------------*/

	.product {
		padding-top: 15px; 
		padding-bottom: 10px;
	}
	
	.product img {
		float: left; 
		margin-right: 20px;
		margin-bottom: 10px;
		border: 1px solid #fff;
	}
	
	.product img:hover {
	    border: 1px dashed #000;
	}
	
	.product_info {
		width: 360px;
		float: left;
	}
	
	.product_info p {
		margin-top: 0;
	}
	
	.productinfo {
		font-family:"Helvetica75";
	    font-size: 16px;
	    color: #006E51;
	    margin: 0;
	}

	p.pdf {
		font-size: 16px; 
		color: #505153; 
		text-align: center; 
		width: 100px; 
		float: right; 
		padding: 10px 40px 0 0;
	}
	
	p.pdf img {
		padding-top: 10px;
	}
	
	div.clr {
	    clear: both;
	}
	
	.spacer {
		clear: both;
	}
	
/*----------------------------------------------------------------------------------
    CSS :: Cooperative Business Services, LLC :: Biographies
----------------------------------------------------------------------------------*/

table.bio-table {
	
}

table.bio-table td:first-child+td {
	text-align: center;
}

table.bio-table tr td {
	padding: 10px 0 10px 0;
}

table.bio-table tr td img {
	padding: 2px !important;
	border: 1px solid #006B57;
}