/* HTML Styles */
BODY { 
  font-family:verdana, helvetica, arial, sans-serif; font-size:70%;
  background-color:white; background-image:url('../images/background.gif'); background-repeat:repeat-y;
  margin:0px;
}
H1, H2, H3, H4, H5, H6 { margin:0px; }
A { text-decoration:none; font-weight:bold; }
A:link, A:visited { color:#FC0; }
A:hover, A:active { color:#F7B600; }
H1 { font-size:150%; }
H1 A:link, H1 A:visited {color:black; } 
H1 A:hover, H1 A:active {color:purple; }
H2 { font-size:100%; color:#666; }
H3 { font-size:200%; color:#CCCCCC; font-weight:bold; font-style:italic; text-align:right }
H4 { font-size:100%; font-weight:normal; font-style:italic }

/* Document Layout */
#nav, #features { position:absolute; top:86px; }
#nav { left:0px; width:100px; padding:10px;}
#features { right:0px; width:140px; padding:10px;}
#features A:link, #features A:visited {color:gray; } 
#features A:hover, #features A:active {color:purple; }
#content { margin-left:120px; margin-right:160px; text-align:justify; padding:10px; border:1px solid #eeeeee;}
#header { background-color:#FC0; border-bottom:1px solid #444; }
#header { text-align:right; }
#header A:link, #header A:visited {color:black; } 
#header A:hover, #header A:active {color:purple; }
#logo {position:absolute; top: 0px; left: 0px; }


/* Classes */
.mainFeature, .feature { padding:0px 4px 10px 4px; margin-bottom:16px; }
.mainFeature H1, .feature H1 { font-size:120%; background-color:#fc0; color:white; padding:4px; margin:0px -4px 4px -4px;}
.feature { background-color:white; border:1px solid black; }
.mainFeature { background-color:#fc0; border:2px solid black; }
.imgBorder { border:none; padding: 2px 10px 2px 10px; }