body {
	margin:0; padding:0;
	margin-top:15px;
	font-family: verdana, arial, sans-serif; 
	font-size:80%; 
	color:#666666; 
	/*background-color:#32668E;*/
	background-image:url(/hpcpro/fw/diamondplate2.jpg); 
	background-repeat:repeat; 
	}
	
body.pop {
	margin:0; padding:0;
	font-family: verdana, arial, sans-serif; 
	font-size:80%; 
	color:#666666; 	
	background-image:none; 	 
	}
	
p {
	/* margin:0; padding: 0em 0.2em 0.6em 0.2em; */
}

td {
	font-size:9pt;
}

/* List table */
table.list {
	padding:5;border:1pt;
}
tr.list:hover{ background-color:lightgrey } 
th.list {
	font-size:10pt;font-family:Arial,Verdana,Tahoma;color:black;background-color:#d2d2d2;padding:3px 7px 3px 7px;
}
td.list {
	font-size:9pt;font-family:Tahoma,Arial,Verdana;color:black;padding:3px;
}


	
a:link, a:visited {
	color:#7D2D29; text-decoration:none;}

a:hover {
	color:blue; text-decoration:underline;}

a:active {
	color:#82D339; text-decoration:underline;}

div.wholepage {
	margin:0 5% 0 5%; padding:0; background-color:#FFFFFF;}

div {margin:0; padding:0;}



h1 {
	color:black; 
	font-size:150%; 
	font-family:"trebuchet ms", "lucida sans", verdana, arial, sans-serif; 
	font-weight:normal;}



/* +++ Start Of Header Section +++ */

#header {
	margin:0; padding:0;}

.superheader {
	background-color:#7D2D29; 
	text-align:right; 
	color:#FFFFFF; 
	padding:3px;
	height: 18px;
	}

.textheader {
float:left;
margin: 5px 10px;; 
padding: 0px; 
text-align: left;
display: inline;
background-color: white;
}

.mainheader {
margin:0; 
padding:0px 0px 0px 0px; 
text-align:left;
background-image:url(/hpcpro/fw/headbg.jpg); 
background-repeat:no-repeat; 
background-position:right top;
height: 138px;
}

.mainheader h1 {
font-size:300%; margin:0 0 5px 10px; padding:0;}

.mainheader p {
text-indent:2em; color:#7D2D29; margin:0; padding:0.2em; font-weight:bold;}

.subheader {
background-color:#7D2D29; margin:0; padding: 3px; text-align:center; color:white; height: 18px;}

.subheader p {
margin: 5px;}


/* +++ Start Of Side Menu Section +++ */

#sidecontainer {
	margin:0; 
	padding:0; 
	float:left; 
	width:17%; 
	text-align:center;}

#sidecontainer h2 {
	display:block; 
	margin:0; 
	padding:0.2em; 
	color:#FFFFFF; 
	background-color:black; 
	font-weight:normal;
	font-family:"trebuchet ms", "lucida sans", arial, sans-serif; 
	font-size:120%;}

.nav {
margin:0 0 1.5em 0; padding:0; list-style-type:none; background-color:#FFFFFF;}

.nav li {
margin:0; padding:0; display:block; border-bottom:1px solid #32668E;}

.nav a:link, .nav a:visited {
display:block; margin:0; text-decoration:none; color:#7D2D29; margin:0; padding:0.5em;}

.nav a:hover {
display:block; margin:0; text-decoration:none; color:black; margin:0; padding:0.5em; background-color:#CCCCCC;}

.nav a:active {
display:block; margin:0; text-decoration:none; color:#7D2D29; margin:0; padding:0.5em;}




/* +++ Start Of Content Section +++ */

#content {
margin:0 0 0 17%; 
padding:0.8em; 
border-left:1px solid #4D4846; 
/* IE6 & IE7 hack for min-height (bd) */
min-height:420px;
height:auto !important;
height:420px;
}



#errormsg {
color: red; 
font-weight: bold; 
/*
background-color: yellow; 
text-align: center;
min-height:25px; 
width:350px;
*/
padding: 10px;

}

#goodmsg {
color: darkgreen;
font-weight: bold;
padding: 10px;
}

#content img {
float:left; border-style:none;}

q {
display:block; margin:0; padding:0.4em 20% 0.6em 20%; color:#999999; font-size:120%; 
text-align:center; height:3em;}

q:before, q:after {
content:"";}

#content h1 {margin:0; padding:0.1em; text-indent:2.5em;}

.selected {background-color: yellow;}

/* +++ Start of Footer Section +++ */

#footer {
margin:0; padding:0;
clear: both;
}

.superfooter {
background-color:black; height:.5em;}

.mainfooter {
background-color:#FFFFFF; text-align:center;}

.subfooter {
background-color:#7D2D29; height:0.5em;}

#footer p {
	font-size:75%; 
	color:#999999; 	
	margin: 3px 0px;
}

.img-shadow {
  float:left;
  background: url(/hpcpro/fw/shadowAlpha.png) no-repeat bottom right !important;
  background: url(/hpcpro/fw/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.pop-shadow {
  float:left;
  background: url(/hpcpro/fw/shadowAlpha.png) no-repeat bottom right !important;
  background: url(/hpcpro/fw/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  }
    
.img-shadow div {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  width: 500px;
  }
  
.pop-shadow div {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  width: 315px;
  }