/* CSS Document
top, right, bottom, left
 */
/***************************
Body Formatting 
***************************/
#wrapper {
margin:auto;
padding: 0px; 
background:url(../images/BGtop.jpg) repeat-x;
}

#main {
	width:770px;
	margin:auto;
}

#header {
width:770px;
padding: 0px 0px 10px 0px;

}

#flash {
margin:0px;
}

/***************************
Content Formatting
***************************/
#outlined630{
	width:599px;
	border:#999999 solid 1px;
	padding:15px 15px 20px 15px;
	margin:0px 0px 20px 0px;
	float:left;
}

#outlinedShell{
	width:630px;
	border:#999999 solid 1px;
	padding:0px;
	margin:0px 0px 20px 0px;
	float:left;
}

.topBorder{
	width:630px;
	border-top:#999999 solid 1px;
	float:left;
}
/*             For if the Right Box is longer than the Left Box                  */
.innerLeftBox{
	padding:15px;
	width:285px;
	float:left;
	min-height:150px;
}
.innerRightBox{
	padding:15px;
	width:284px;
	border-left:#999999 solid 1px;	
	float:right;
	min-height:150px;
}

/*             For if the Left Box is longer than the Right Box                  */
.innerLeftBoxALT{
	padding:15px;
	width:285px;
	float:left;
	min-height:150px;
	border-right:#999999 solid 1px;	
}
.innerRightBoxALT{
	padding:15px;
	width:284px;
	
	float:right;
	min-height:150px;
}

.productLeftBox{
	padding:15px;
	width:405px;
	float:left;
	min-height:150px;
}
.productRightBox{
	padding:15px;
	width:164px;	
	float:right;
	min-height:150px;
	border-left:#999999 solid 1px;
}

.productLeftBoxALT{
	padding:15px;
	width:405px;
	float:left;
	min-height:150px;
	border-right:#999999 solid 1px;
}
.productRightBoxALT{
	padding:15px;
	width:164px;	
	float:right;
	min-height:150px;
	
}

#contentBG {
	width:630px;
	padding:0px 70px 20px 70px;
	background-image:url(../images/mainBG.jpg);
	background-repeat:no-repeat;
	background-position:0;
	margin:0px;
	min-height: 500px;
}

#logo{
margin:0px;
padding:20px;
}

#sideBar {
width:215px;
float:left;
	padding:0px 0px 0px 0px;
	margin:0px;
	text-align:center;
	vertical-align:middle;
}

#sideNav {
width:195px;
background:url(../images/BGsideNav.gif) repeat-x;
float:left;
	padding:20px 0px 40px 20px;
	margin:0px;
	text-align:left;
}


.clear {
clear:both;
}

#footer {
	margin: auto;
	padding:30px 0px 20px 0px;
	text-align: center;
	background:url(../images/BGbottom.jpg) repeat-x;

}
#jointbodyImage{
	float:left;
	margin:0px;
	padding:10px;

}