.header { height: 66px; }
.leftSide { width: 650px; float: left; }
.rightSide { width: 255px; float: left; clear: right; }

.leftSide .contentBox { padding: 1px 1px 1px 0; margin: 5px 5px 5px 0; }
.rightSide .contentBox { padding: 1px 0 1px 1px; margin: 5px 0 5px 5px; }

.leftSpacer { margin-left: 10px; }
.rightSpacer { margin-right: 10px; }

.contentBox p,
.contentBox h3,
.contentBox h4 { margin-top: 5px; }
.contentBox strong { font-weight: bold; }
.contentBox em { font-style: italic; }
.contentBox ul { margin: 10px; padding:15px  }
.contentBox ul li {list-style-type:none; padding-left:15px; margin:10px 0px}
.twoColWide { float: left; width: 375px; }
.twoColWide { float: left; }
.twoColNarrow { float: left; width: 260px; }

.partners  {
	width: 48%;
	}


.leftSide .contentBox p,
.leftSide .contentBox h3,
.leftSide .contentBox h4 { margin: 10px 15px 10px 10px; }

/*Rounded Boxes*/
.spiffy{display:block}
.spiffy *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#f8f8f8}
.spiffy1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #f2f2f2;
  border-right:1px solid #f2f2f2;
  background:#f5f5f5}
.spiffy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #efefef;
  border-right:1px solid #efefef;
  background:#f6f6f6}
.spiffy3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #f6f6f6;
  border-right:1px solid #f6f6f6;}
.spiffy4{
  border-left:1px solid #f2f2f2;
  border-right:1px solid #f2f2f2}
.spiffy5{
  border-left:1px solid #f5f5f5;
  border-right:1px solid #f5f5f5}
.spiffyfg{
  background:#f8f8f8; padding:8px; margin:0}

/*.rightSide .contentBox p,*/
.rightSide .contentBox h3,
.rightSide .contentBox h4 { margin: 10px 15px 10px 5px; }
.contentBoxRight { background: #fff; border: 1px #fff solid; padding: 7px; margin: 20px}
p.business_web,
p.web_design,
p.internet_marketing { margin:  0 4px 0 0;}
.bottom { margin-top: 0; padding-top: 0; }

.rightSide fieldset { padding: 5px 5px 10px 5px; margin-left: 5px; margin-top: 5px;   }

.login .left,
.login .right { float: left; margin-top: 10px;  }
.login label { display: block; width: 145px; padding-top:5px;text-align: right; margin-bottom: 2px;  }
.login input { width: 75px; height: 20px; }
.login .right {padding-left: 21px; margin-left: 3px; 
				margin-top: 30px; width:197px }
.login #submit { width: 61px; height: 36px; }

.newsBox { width: 617px; margin: 0 auto 0 auto; padding-top: 10px; }
.newsBox h2 { height: 38px; margin: 0; padding: 0; }
.newsContainer { margin-top: 0; padding: 10px; }


/* footer shite */
#footer .inner { width: 910px; font-size:11px;}
#footer ul li a,
#footer ul li span { display: block; padding: 5px; }
#footer ul { display: block; margin: 0 auto 0 auto;  }
#footer ul li { display: block; float: left; padding: 0px;}
#footer ul li div { position: absolute; display: none; width: 150px; padding: 0; }
#footer ul li ul { position: absolute; bottom: 1.8em; left: -10px; width: 150px;  }
#footer ul li ul li { float: none; display: block; z-index: 3; }
#footer ul li ul li ul { position: absolute; left: auto; right: -145px; bottom: 1px; z-index: 5;}
#footer .divider { text-align: center; display: block; width: 40px; }

H1 {
font-size:14px;
margin:0;
padding:0;
}

.cssform p{
position:relative;
width: 250px;
clear: left;
margin-left: 20px;

font-size:14px;
font-weight:bolder;
color:#000000;
text-align:left;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dotted gray;
height: 75%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 250px;
height: 60px;
}

.required-fields {
	color:#FF0000;
	font-size:10px;
	text-align:left;
	}
	
.form {
	background-color:#fff;
	width:575px;
	padding:20px;
	text-align:left;
	}

.form-intro {
	color:#000;
	font-size:10px;
	text-align:left;
	}
		
/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/


/* necessary evils */
.clr { float: none; clear: both; width: 100%; font-size: 0; line-height: 0; }
.content_clr { float: none; clear: both; }