/* global */
html	{
		height: 100%;
		}

body	{ 
		font-family: verdana, sans-serif;
	    padding: 0pt;
	    margin: 0pt;
	    font-size: 0.7em;
	    background: #FFF url(../img/bg.png) repeat;
	    color: #FFF;
		}

p		{ 
		margin: 0pt;
  		padding: 0pt 0pt 16px 0pt;
  		line-height: 1.7em;
		}

h1 		{
		font: bold 1.3em Verdana;
		color: #516d36;
		margin: 0pt 0pt 8px 0pt;
		}

h2 		{
		font: bold 1.3em Verdana;
		color: #516d36;
		margin: 0pt 0pt -3px 0pt;
		}
		
h3		{
		font: bold 1.0em Verdana;
		color: #000;
		margin: 12px 0pt 5px 0pt;
		}

h4		{ 
		font: bold 1.1em Verdana;
		color: #000;
		margin:0pt;
		padding:0pt;
		}
		
img		{
		border:0pt;
		}

.image	{ 
		border: 0pt; 
  		margin: 0pt; 
  		padding: 5px 5px 5px 0pt;
		}
		
.center	{
		text-align:center;
		}

/* image positioning - left, right and center */
.left	{
		float: left; 
  		border-right: 18px solid;
		}

.right	{ 
		float: right; 
  		border-left: 18px solid;
		}

.center	{ 
		display: block;
  		text-align: center;
  		margin: 0 auto;
		}

.left, .right {
		border-color: #FFF;
		}

/* block quote */
blockquote { 
		margin: 20px 0pt 20px 0pt; 
  		padding: 10px 20px 0pt 20px;
  		border-left: 8px solid #4D4D4D;
		}

/* margin lefts / margin rights - to center content */
#main, #footer, #logo, #menubar, #site_content { 
		margin-left: auto; 
  		margin-right: auto;
		}

/* main container */
#main	{ 
		width: 776px;
  		background: #FFF url(../img/main.gif) repeat-y;
  		color: #333;
		}

/* logo */
#logo	{ 
		width: 760px;
  		height: 151px;
  		border-top: 1px solid #F2F2F0;
  		background: #333 url(../img/banner.jpg) no-repeat left center;
  		color: #FFF;
		}
		
/* search */

form#search {
		float:right;
		margin-top:90px;
		margin-right:15px;
		margin-bottom:-20px;
		}
		
form#search label {
		display:block;
		text-indent:-1000px;
		}

form input#zoom {
		background: url(http://www.collaborativeconnections.com/img/search2.gif) no-repeat;
		border:0 none;
		padding-left:10px;
		padding-top:1px;
		height:25px;
		width:180px;
		color:#999;
		}

/* navigation menu */
#menu_bar{ 
		height:30px; 
		width:100%; 
		display:block;
		background:url(../img/menu.gif) repeat-x; 
		background-position:0px -90px;
		}
		
#menu 	{
		float:left;
		height:30px;
		padding-left:8px;
		}
.menu_home, .menu_services, .menu_products, .menu_news, .menu_contact, .menu_who, .menu_home_on, .menu_services_on, .menu_products_on, .menu_news_on, .menu_contact_on, .menu_who_on {
		display:block;
		float:left;
		text-decoration:none;
		height:30px;
		text-align:center;
		border:0px;
		background:url(../img/menu.gif) no-repeat;
		}
		
.menu_home, .menu_home_on {
		width:96px;
		background-position: 0pt 0pt;
		}
		
.menu_home_on {
		background-position:0px -60px;
		}
		
.menu_home:hover {
		background-position:0px -30px;
		}
		
.menu_services, .menu_services_on {
		background-position:-96px 0pt;
		width:109px;
		}
		
.menu_services_on {
		background-position:-96px -60px;
		}
		
.menu_services:hover {
		background-position:-96px -30px;
		}
		
.menu_who, .menu_who_on {
		background-position:-205px 0pt;
		width:142px;
		}
		
.menu_who_on {
		background-position:-205px -60px;
		}
		
.menu_who:hover {
		background-position:-205px -30px;
		}
		
.menu_products, .menu_products_on {
		background-position:-347px 0pt;
		width:121px;
		}
		
.menu_products_on {
		background-position:-347px -60px;
		}
		
.menu_products:hover {
		background-position:-347px -30px;
		}
		
.menu_news, .menu_news_on {
		background-position:-468px 0pt;
		width:136px;
		}
		
.menu_news_on {
		background-position:-468px -60px;
		}
		
.menu_news:hover {
		background-position:-468px -30px;
		}
		
.menu_contact, .menu_contact_on {
		background-position:-604px 0pt;
		width:156px;
		}
		
.menu_contact_on {
		background-position:-604px -60px;
		}
		
.menu_contact:hover {
		background-position:-604px -30px;
		}

input.searchfield { 
		background: #FFF; 
  		border: 1px solid #646B5B; 
  		padding: 2px;
		}

input.searchbutton { 
	color:#667755;
	font-family:verdana;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	background-image:url(http://www.collaborativeconnections.com/img/request_program.gif);
	background-repeat:repeat-x;
	border-color:#DDDDDD rgb(102, 102, 102) rgb(102, 102, 102) rgb(221, 221, 221);
	border-style:solid;
	border-width:1px;
	padding:3px 3px;
	margin-bottom: 12px;
		}
		
input.searchbutton:hover {
	padding:3px 3px;
	border-left:1px solid #999;
	border-top:1px solid #999;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	background-image:url(http://www.collaborativeconnections.com/img/request_program_hover.gif);
	background-repeat:repeat-x;
	color:#000033;
}

/* main content */
#site_content { 
		width: 760px;
  		overflow: hidden;
		} 

/* sidebar */
.sidebar {
		float: left;
  		width: 190px;
  		padding: 15px 15px 15px 15px;
		}
		
.sidebar a {
		outline: none;
		font-weight:bold;
		color:#669933;
		}
		
.sidebar a:hover {
		color:#667755;
		font-weight:bold;
		}

/* sidebar items / links */
.sidebaritem {
		text-align: left;
  		width: 190px;
  		float: left;
  		margin: 0pt 0pt 15px 0pt;
		}

.sidebaritem h1, .sidebaritem h3, .sidebaritem p {
		margin: 8px 10px 10px 12px;
		}

.sidebaritem ul {
		border-top: 1px solid #D6D9C9;
  		width: 160px; 
  		padding: 2px 0pt 4px 0pt; 
  		margin: 14px 0pt 18px 16px;
		}

.sidebaritem li { 
		list-style: none; 
  		padding: 4px 0pt 4px 0pt; 
  		border-bottom: 1px solid #D6D9C9;
		}

.sidebaritem li a { 
		height: 16px;
  		text-decoration: none; 
  		background: transparent url(../img/arrow.png) no-repeat left center;
  		color: #555;
  		padding: 0pt 0pt 0pt 18px;
  		display: block;
		} 
		
.sidebaritem li a:hover {
		color: #669933;
		}

.sidebaritem li a.current, .sidebaritem li a:hover, .sidebaritem li a.current:hover {
		background: transparent url(../img/arrow_select.png) no-repeat left center;
		} 

/* page content */
#content_container { 
		text-align: left;
  		width: 525px;
  		float: left;
  		padding: 15px 15px 15px 0pt;
		}

#content { 
		text-align: left;
  		width: 495px;
  		padding: 8px 15px 8px 15px;
		}

#content a {
		font-weight:bold;
		color:#669933;
		text-decoration: none;
		}
		
#content a:hover {
		color:#667755;
		font-weight:bold;
		}
		
#content ul.home
{ margin: 2px 0px 18px 16px;
  padding: 0px;
}

#content ul.home li
{ list-style-type: disc;
  margin: 0px 0px 10px 0px; 
  padding: 0px;
}

#content ul.news
{ margin: -8px 0px 18px 16px;
  padding: 0px;
		line-height:1.7em;
}

#content ul.news li
{ list-style-type: disc;
  margin: 0px 0px 10px 0px; 
  padding: 0px;
}

#content ol.home
{ margin: 0px 0px 10px 18px;
  padding: 0px;
}

#content ol.home li
{ margin: 0px 0px 0px 0px; 
  line-height: 1.7em;
  padding: 0px;
}

#content ol.news
{ margin: 0px 0px 10px 18px;
  padding: 0px;
}

#content ol.news li
{ margin: 0px 0px 0px 0px; 
  line-height: 1.7em;
  padding: 0px;
}

#content ul.disc {
		list-style-type: disc;
		line-height:1.8em;
		}
		
#content ul.circle {
		list-style-type: circle;
		line-height:1.8em;
		}
		
#content ul.square {
		list-style-type: square;
		line-height:1.8em;
		}
		
#content a.requestbutton {
	color:#667755;
	font-family:verdana;
	font-size:9px;
	font-weight:bold;
	text-decoration:none;
	background-image:url(http://www.collaborativeconnections.com/img/request_program.gif);
	background-repeat:repeat-x;
	border-color:#DDDDDD rgb(102, 102, 102) rgb(102, 102, 102) rgb(221, 221, 221);
	border-style:solid;
	border-width:1px;
	padding:3px 3px;
	margin-bottom: 12px;
	}
#content a.requestbutton:hover {
	padding:3px 3px;
	border-left:1px solid #999;
	border-top:1px solid #999;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	background-image:url(http://www.collaborativeconnections.com/img/request_program_hover.gif);
	background-repeat:repeat-x;
	color:#000033;
}

.sidebaritem, #content {
		background: #FFF;
		}
		
#content .submit {
	color:#667755;
	font-family:verdana;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	background-image:url(http://www.collaborativeconnections.com/img/request_program.gif);
	background-repeat:repeat-x;
	border-color:#DDDDDD rgb(102, 102, 102) rgb(102, 102, 102) rgb(221, 221, 221);
	border-style:solid;
	border-width:1px;
	padding:3px 3px;
	margin-bottom: 12px;
	}
#content .submit:hover {
	padding:3px 3px;
	border-left:1px solid #999;
	border-top:1px solid #999;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	background-image:url(http://www.collaborativeconnections.com/img/request_program_hover.gif);
	background-repeat:repeat-x;
	color:#000033;
	}
	
/* columns */
.wrapper {
		text-align: left;
		padding: 0;
		border:0;
		width: auto;
		margin-top: 10px;
		}

.side-a {
		float: left;
		width: 325px;
		padding-right:5px;
		}

.side-b { 
		float: left;
		width: 155px;
		padding: 5px;
		background: #F2F3BA;
		}

/* footer */
#footer {
		width: 760px;
  		height: 30px;
  		text-align: center; 
  		line-height: 30px;
  		background: #7B846E url(../img/footer.gif) repeat-x;
  		color: #FFF;
		}

#footer a { 		
		background: transparent;
		font-weight: normal;
		text-decoration: underline;
  		color: #FFF;
		}

#footer a:hover {
		background: transparent;
		font-weight: normal;
		text-decoration: underline;
  		color: #D5D5D5;
		}

/* Based on Nifty Corners: rounded corners without images */
/* By Alessandro Fulciniti */
/* http://www.html.it/articoli/nifty/index.html */
.rtop, .rbottom {
		display: block;
		background: #F2F3BA;
		}

.rtop .r1, .rtop .r2, .rtop .r3, .rtop .r4,.rbottom .r1, .rbottom .r2, .rbottom .r3, .rbottom .r4 {
		display: block;
  		height: 1px;
  		overflow: hidden; 
  		background: #FFF;
		}

.r1 	{
		margin: 0 5px;
		}

.r2		{
		margin: 0 3px;
		}

.r3		{
		margin: 0 2px;
		}

.rtop .r4, .rbottom .r4 {
		margin: 0 1px;
  		height: 2px;
		}

/* sNews */
fieldset, .comment, .commentsbox {
		margin-bottom: 10px; 
  		background: transparent; 
  		color: #333;
		}

fieldset {
		border: 1px solid #D6D9C9; 
  		padding: 10px 8px;   
		}

/* misc */

input {
		padding: 2px;
		}

textarea {
		width: 95%; 
  		height: 200px;
  		padding: 3px;
		}

.comment {
		background: #F0F1EB; 
  		color: #333;
		}

.date {
		border-top: 1px solid #D6D9C9; 
  		margin: 15px 0pt 5px 0pt;
  		font-weight: bold;
		}

.ball	{
		padding-right:10px;
		padding-top:50px;
		}

.ball2	{
		padding-right:6px;
		padding-top:0pt;
		}