/*		hds.css
clip:rect(top right bottom left)	*/

body { margin:10px; font-family:gesta,verdana,arial,helvetica; background-color:silver;
		font-size:12px; font-weight:normal; color:navy; 	text-align:left; }
a:link { color:navy; font-weight:normal; text-decoration:none;  padding:2px;}
a:visited {color:navy; text-decoration:none; font-weight:normal;  padding:2px;}
a:hover { color:white; background:navy; padding:2px;}
a:active { background:#ccddff;  padding:2px; }

.logout a:link { color:cyan; font-weight:normal; text-decoration:none;  padding:1px; }
.logout a:hover { color:navy; background-color:white; font-weight:normal; text-decoration:none;  padding:1px;  }
.logout a:visited { color:cyan; font-weight:normal; text-decoration:none;  padding:1px;  }
.logout a:active { color:cyan;  font-weight:normal; text-decoration:none;  padding:1px;  }



.textbox { float:left; margin-top:40px;	margin-left:80px; width:700px;
		text-align:center; display:block; }
.reverse  { float:left; margin-top:6px;	width:700px;
		text-align:left; display:block; background-color:navy;
		color:white; font-weight:bold; padding:2px; text-align:center; }



h1 	{ font-size:30px; color:red; margin-left:150px; margin-bottom:3px; margin-top:1px;}

#topbox { position:relative; top:5px; left:50px; width:700px; height:70px; color:navy; background-color:#eaeaea;  }

#pagebox {  position:relative; top:5px; left:50px; width:680px; height:600px; padding:10px; 
		padding-top:15px; margin-top:5px; text-align:left; background-color:white; font-family:gesta; }

.hdsgifbox { float:left; width:90px; height:90px; margin-top:2px; margin-left:2px; padding:0px; 
		border:0px solid navy;  }
.hdstitlebox { float:left; width:600px; height:27px; font-size:25px; font-weight:bold; text-align:center; margin-top:0px; padding-top:7px; border:0px solid navy; font-family:museo-sans;}
.hdsdescriptionbox { float:left; width:600px; height:40px; font-size:12px;  font-weight:bold; text-align:center; margin-top:0px; padding-top:0px; line-height:1; border:0px solid navy; }

.larger { float:left; width:100%; margin-top:10px; margin-bottom:10px; font-size:18px; padding-left:0px; }


.button { font-size:12px; font-weight:bold; color:white; padding:3px; background-color:navy; }

select,input,textarea { font-size:10px; background-color:#e8eeee; border:1px solid navy; }
table { font-size:14px; border:3px double navy; padding:3px; text-align:right; background-color:#ececec; margin-left:180px; }
td {  border:1px solid navy; padding:3px;  text-align:right;  }
.percent { float:right; width:40px; font-size:12px; color:red; text-align:right; border:0px solid white; }
.num { float:left; width:60px;  text-align:right; border:0px solid white; }

.smalltext { font-size:10px; }
.smallertext { font-size:8px; }
