body{ 
 margin:0; 
 padding:0; 
 text-align:center;
  background-image:url(../images/bgd_green.gif);
 background-position:center;
 background-repeat:repeat-y;
 background-color:#EEEEEE
} 

.skipLinks {display: none;}

	
#content {
	width: 750px; 
	padding: 0px;
	margin-top: 20px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto; 	
	/* opera does not like 'margin:20px auto' */
	background: #fff;
	border: 1px solid #fff;
	text-align:left; 
	/* part 2 of 2 centering hack */
	width: 727px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 727px;
	clear:both;
	}
html>body #content {
	width: 740px; /* ie5win fudge ends */

	}

	
#navbar {
	width: 750px; 
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto; 	
	/* opera does not like 'margin:20px auto' */
	background-image: url("../images/nav_bgd.gif");
	background-repeat:repeat-x;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	text-align:center;
	/* part 2 of 2 centering hack */
	width: 750px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 727px;
	}
html>body #navbar {
	width: 727px; /* ie5win fudge ends */
	}
	
	
#banner {
	width: 750px; 
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto; 	
	/* opera does not like 'margin:20px auto' */
	background: #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	text-align:left; 
	/* part 2 of 2 centering hack */
	width: 750px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 727px;
	}
html>body #banner {
	width: 727px; /* ie5win fudge ends */
	}
	
#mainbody {
	background-color: #ffffff;
	height:100%;
	min-height:100%;
	width: 750px; 
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto; 	
	/* opera does not like 'margin:20px auto' */
	background-color: #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	text-align:left; 
	/* part 2 of 2 centering hack */
	width: 750px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 727px;
	}
html>body #mainbody {
	width: 727px; /* ie5win fudge ends */
	}
	
	
.leftside {
	float: left;
	padding: 10px;
	margin-left: 10px;
	margin-top: 10px;
	background: #fff;
	border: 1px solid #ccc;
	width: 529px; 
	/* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 499px;
	}
html>body .leftside {
	width: 499px; 
	/* ie5win fudge ends */
	}

.leftside_full {
	float: left;
	padding: 10px;
	margin-left: 10px;
	margin-top: 10px;
	background: #fff;
	border: 1px solid #ccc;
	width: 720px; 

	}



.rightside {
	float: left;
	padding: 0px;
	margin-left: 10px;
	margin-top: 10px;
	background: #fff;
	border: 1px solid #ccc;
	width: 157px; 
	/* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 157px;
	}
html>body .rightside {
	width: 157px; 
	/* ie5win fudge ends */
	}

.navright {
	float: left;
	padding: 0px;
	margin-left: 10px;
	margin-top: 10px;
	background: #fff;
	border: 1px solid #ccc;
	width: 157px; 
	/* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 157px;
	}
html>body .navright {
	width: 157px; 
	/* ie5win fudge ends */
	}


#box {
	float: left;
	padding: 10px;
	margin-left: 10px;
	margin-top: 10px;
	background: #fff;
	border: 1px solid #ccc;
	width: 264px; 
	/* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 234px;
	}
html>body #box {
	width: 234px; 
	/* ie5win fudge ends */
	}
	
#box a:hover{
	float: left;
	padding: 10px;
	background: #f1f1f1;
	text-decoration:underline;
	margin-left: 10px;
	margin-top: 10px;
	border: 1px solid #ccc;
	width: 264px; 
	/* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 234px;
	}
html>body #box {
	width: 234px; 
	/* ie5win fudge ends */
	}
	
.portfolio {
display: block;
float: right;
padding: 5px;
margin: 2px;
border: 0px;
width: 110px;
}

.portfolio a:link{
display: block;
float: right;
padding: 5px;
margin: 0px;
border: 0px;
width: 110px;
background-color:#EDEDED;
color:#FFFFFF;
}

.portfolio a:visited{
display: block;
float: right;
padding: 5px;
margin: 0px;
border: 0px;
width: 110px;
background-color:#C6C6C6;
}

.portfolio a:hover{
display: block;
float: right;
padding: 5px;
margin: 0px;
border: 0px;
width: 110px;
background-color:#E94F13;
}

<!-- portfolio page -->

.hportfolio {
position:relative;
display: block;
float: left;
padding: 5px;
margin: 10px;
border: 0px 0px 2px 0px;
border-bottom: 2px dashed grey;
width: 450px;
clear:left;
}

.hportfolio a:link{
display: block;
float: left;
padding: 5px;
margin: 0px;
border: 0px;
width: 450px;
background-color:#EDEDED;
border: 0px 0px 2px 0px;
border-bottom: 2px dashed grey;
color:#FFFFFF;
clear:left;
}

.hportfolio a:visited{
display: block;
float: left;
padding: 5px;
margin: 0px;
border: 0px;
width: 450px;
background-color:#C6C6C6;
}

.hportfolio a:hover{
display: block;
float: left;
padding: 5px;
margin: 0px;
border: 0px 0px 2px 0px;
border-bottom: 2px dashed white;
width: 450px;
background-color:#C9C9C9;
color:#000
}