body {
	background:#FFF url("../images/bkgd_port.gif") no-repeat;
	font-family:Arial, Helvetica, Verdana sans-serif;
	margin:0px;
	color:#FFF;}
	
a:link,a:visited{
  color:#FFF;
  text-decoration:none;}
	
a:hover{
  text-decoration:underline;}
	
a:link img, a:hover img, a:visited img{ /* for linked images with transparent backgrounds */
  border-width:0px;
	text-decoration:none;}
	
a:link.menu, a:visited.menu, a:hover.menu{
	text-decoration:none;
	cursor:hand;}
	
a:hover.menuSub{
	cursor:hand;
	text-decoration:underline;}
	
a.bold:link, a.bold:visited, a.bold:hover{
  font-weight:bold;}

#logo {
	position:absolute;
	left:6px;
	top:10px;
	z-index:1;}
	
#breadcrumbs {
	position:absolute;
	left:25px;
	top:50px;
	z-index:1;
	font-size:.625em;}
	
#mainLinks{
	position:absolute;
	left:340px;
	top:4px;
	z-index:1;
	font-size:.7em;
	font-weight:bold;
	color:#FFF;}
	
#mainLinks span{
	padding:0 10px 0 6px;
	border-right:1px solid white;}
	
#content{
	position:absolute;
	left:83px;
	top:78px;
	width:650px;
	z-index:1;
	background:#4E4E4E url("../images/bkgd_portContent.gif") bottom right no-repeat fixed;
	text-align:center;}
	
#categories {
	width:100%;
	height:17px;
	padding-top:5px;
	vertical-align:middle;
	border-bottom:1px solid #717171;
	font-size:.6em;
	text-align:right;}
	
#subMenu {
	position:absolute;
	left:512px;
	top:100px;
	width:220px;
	z-index:100;
	background:#575757;
	border-bottom:1px solid #FFF;
	border-left:1px solid #FFF;
	font-size:.6em;}
	
#subMenu div { /* main menu options */
	padding:5px 0 0 20px;
	height:18px;
	color:#CCC;}
	
#subMenu span{ /* sub menus container */
	background:#5D5C5C;}
	
#subMenu div.sub{ /* sub menus */
	padding:1px 0 0 30px;
	height:16px;
	color:#FFF;}
	
.on{
	background: url("../images/menuArrow.gif") 15px 4px no-repeat;}
	
#subMenu div img {
	padding-right:7px;}

.hide {
  display: none;
	padding:0;}

.show {
  display: block;}
	
.collapse {
  background: url("../images/menuPlus.gif") 6px 7px no-repeat;
	border-top:1px solid #6B6B6B;}

.expand { /* minus sign */
  background: url("../images/menuMinus.gif") 6px 7px no-repeat;
	border-top:1px solid #6B6B6B;}
	
#greyArea {
	padding:20px 40px 10px 40px;
	margin-bottom:20px;
	text-align:left;
	font-size:.75em;
	font-family:Verdana, sans-serif;
	color:#DBD9D9;}
	
#greyArea div {
	line-height:1.5em;}
		
#greyArea img{
	padding:3px 0 10px 0;}
	
.mainTitle {
	font-size:1.2em;
	line-height:1.5em;
	font-weight:bold;
	font-family:Georgia, Verdana, sans-serif;
	border-bottom:1px solid #616161;
	color:#FFF;}
	
.subTitle {
	background:#616161;
	padding:5px;
	font-size:.9em;}
	
.greyBkgd {
	align:left;
	float:left;
	clear:right;
	/*background:#616161; */
	padding:8px 8px 30px 8px;
	font-size:.9em;
	line-height:normal !important;
	/*border-bottom:1px solid #4E4E4E;
	border-right:1px solid #4E4E4E;*/}
	
div.sample {
	font-weight:bold;
	font-size:.8em;
	background-color:#333;
	padding:3px 3px 15px 3px;
	text-align:center;}
	
div.webSample {
	align:left;
	float:left;
	clear:right;
	width:255px;
	font-weight:bold;
	font-size:.8em;
	background-color:#333;
	padding:3px;
	text-align:center;}

div.webRow {
	width:100%;
	float:left;}
	
div.portFoot {
	border:1px solid #333;
	padding:5px;
	margin-top:10px;}