/*BODY{background-color:#FFFFFF; color:#000099; font-family:serif; font-size:medium; } */

FONT{color:#000099; font-size:medium; font-family:serif; background-color:#FFFFFF; }
P{color:#000099; font-size:medium; font-family:serif; }
PRE{ font-size:medium; font-family:monospace; }
A{color:#0000FF; font-family:serif; font-size:medium; text-decoration:underline; }
A:Visited{color:#FF0000; font-family:serif; font-size:medium; text-decoration:underline; }
A:Hover{color:#FF0000; background-color:#FFFFCC; font-family:serif; font-size:large; text-decoration:underline; }

html {
height:100%; 
max-height:100%;  
padding:0; 
margin:0; 
border:0; 
font-size:76%; 
font-family: trebuchet ms, tahoma, verdana, arial, sans-serif; 
background:#fff url(/images/nav/sunset.jpg) -18px 0 no-repeat; 
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ }

body {height:100%; max-height:100%; overflow:hidden; padding:0; margin:0; border:0;}
#content {display:block; height:100%; max-height:100%; overflow:auto; padding-left:200px; position:relative; z-index:3;}
#head {position:fixed; margin:0; top:0; right:18px; display:block; width:100%; height:100px; background:url(/images/nav/topsunset.jpg) #ddd; font-size:4em; z-index:5; color:#FF8C00;}
#foot {position:fixed; margin:0; bottom:-1px; right:18px; display:block; width:100%; height:50px; background:rgb(214,100,50); color:#fff; text-align:right; font-size:1em; z-index:4;}

#left {position:fixed; left:0; top:0; height:100%; width:200px; background:url(/images/nav/sidesunset.jpg) #aaa; background-position:0 100px;; font-size:1em; color:#fff;z-index:4;}

* html #head, * html #foot,* html #left {position:absolute;}

#pad1 {display:block; width:18px; height:100px; float:left;}
#pad3 {display:block; width:18px; height:50px; float:left;}
.pad2 {display:block; height:100px;}

#content p {padding:5px;}

.bold {font-size:1.2em; font-weight:bold;}

#wordsleft {float:left; top:100px; left:150px; height:200px; width:150px; background:#efd; border:1px solid #000; margin:5px; padding:5px;}
#wordsright {float:right; top:100px; right:150px; height:200px; width:150px; background:#def; border:1px solid #000; margin:5px; padding:5px;}
#wordsabsolute {position:absolute; top:280px; left:400px; background:#eee; border:1px solid #000; margin:5px; padding:5px; font-size:2em; color:#c00;}
#wordsrelative {position:relative; top:10px; left:30px; background:#ddd; border:1px solid #000; margin:5px; padding:5px; font-size:2em; color:#c00; width:200px;}

a.nav, a.nav:visited {display:block; width:100px; height:25px; text-decoration:none; color:#fff; font-weight:bold; line-height:25px;}
a.nav:hover {color:#fc0;}

#bloglistingsbox {position:relative; top:10px; left:30px; background:#ddd; border:1px solid #000; margin:5px; padding:5px; font-size:small; color:#c00; width:500px;}