/* This is the main layout */
body {font: normal 90% sans-serif;}
a {color: #0000ff;}
h3 {margin: 0; margin-bottom: 2px;}
h1 {margin: 0; margin-bottom: 2px;}
h5 {margin: 0; margin-bottom: 2px;}

**p {background-color: gb(250,0,255)}
*h1 {background-color: #00ff00}
*h2 {background-color: transparent}


#outside {margin: 0px; width: 100%; border: solid 0px #ffffcc; }

#permlink {width: 100%; margin: 0; padding: 0px; text-align: left; color: #ffffff; border: solid 0px #ffffff;}

#permlink a {margin-left: 0px; margin-right: 0px;}

#header {width: 100%; height: 120px; margin: 0px; padding: 0; border: solid 0px #000000; backcolor: #fffff; }

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

#topnav {position: relative; margin: 0; margin-bottom: 0px; padding: 0px; border: solid 0px #ffffff; white-space: nowrap;}

#topnav a {border: 1px none #ffffff; padding: 2px; white-space: nowrap;}

#left {position: relative; padding: 5px; float: left; margin: 2px; width: 220px; border: solid 1px #003399;}



#middle {padding: 5px; float: left; margin-right: 2px;  margin: 2px; max-width: 450px; min-width: 20%; border: solid 1px #33cc33}

#right {float: left; padding: 5px; margin: 2px; width: 240px; min-width: 176px; border: solid 1px #ffff00;}



#other {float: left; width: 166px; margin: 2px; border: solid 1px #000000;}

#otherb {display: block; float: left; width: 166px; margin: 2px; border: solid 1px #000000;}

#otherc {display: block; float: left; width: 166px; margin: 2px; border: solid 1px #000000;}





#footer {clear: both; margin: 0; text-align: left; border: solid 1px #ffffff;}
#footer h5 {margin: 0;}

.box {width: 98%; margin-bottom: 2px; margin-right: 2px;  padding: 0px; border: 1px solid #666666;; margin-left:2px; margin-right:2px; margin-top:2px}


/* These are used to colorize the page */
body {background-color: #ffffcc;}
h1 {color: #5a6156; padding-bottom: 0px; border-bottom: solid 1px #cccccc;}
h3 {color: #5a6156; padding-bottom: 0px; border-bottom: solid 1px #cccccc;}
h5 {color: #5a6156; border-bottom: solid 1px #cccccc;}

#outside{background-color: #ffffff; border: solid 0px #aaaaaa;}

#permlink{border: solid 0px #000000; background-color: #fffff;}
#permlink a {text-decoration: none; background-color: #000000; color: #ffffff;}
#permlink a:hover {text-decoration: underline; background-color: #ffffff; color: #0000ff;}

#header{border: solid 0px #781000; background-color: #ffffff; text-decoration: none;}
#header h1 {color: #d5ddcd;}
#header a {border: 1px solid #5a6156; text-decoration: none; background-color:; color: #000000}
#header a:hover {border: 2px solid #0000ff; background-color: #ffffff; color: ;text-decoration: none}

#topnav {border: solid 1px #ffffff; background-color: #003399;}
#topnav a {border: solid 1px #cccccc; text-decoration: none; background-color:; color: #d5ddcd} 
#topnav a:hover {border: solid 1px #d5ddcd; background-color: #000000; color: #ff0000; text-decoration: underline;}


#left {border: solid 3px #003399;}

#right {border: solid 3px #ffff00;}

#middle {border: solid 3px #33cc33;}



#other {border: solid 3px #000000;}

#otherb {border: solid 3px #000000;}

#otherc {border: solid 3px #000000;}


#footer {border: solid 0px #d5ddcd; width:100%; text-align:center;}

.box {background-color: #ffffff; border: solid 1px #cccccc;}
.box a {text-decoration: none; color: #781000;}
.box a:hover {text-decoration: underline;}
.box ul {margin: 0; padding-left: 1px; list-style: none;}



A:hover {background: #FFCC00;  size:0; color: #000066; text-decoration: underline}