html{height: 100%;}

body
{ background:#FFCC99;
  font-family: georgia, verdana, arial, sans-serif;
  padding: 0px;
  margin: 0px;
  font-size: .72em;
  color:#CC0000;
}

p
{ margin: 0px;
  padding: 0px 0px 16px 0px;
  line-height: 1.7em;
  font-size: 110%;
  font-weight:bold;
}

h1
{ font-family: georgia, arial, sans-serif;
  letter-spacing: .5em;
}

h2
{ margin: 0px;
  padding: 0px 0px 4px 0px;
  font-size: 130%; font-weight:bold;
}

img{border: 0px;}

a{outline: none;}

/* image positioning - left, right and center */
.left
{ float: left; 
  padding: 5px 10px 5px 0px;
}

.right
{ float: right; 
  padding: 5px 0px 5px 10px;
}

.center
{ display: block;
  text-align: center;
  margin: 0 auto;
}

/* unordered list */
ul
{ margin: 8px 0px 0px 5px;
  padding: 0px;
}

ul li
{ list-style-type: square;
  margin: 0px 0px 11px 0px; 
  padding: 0px;
}

/* main container */
#main
{ width: 1020px;
  margin-left: auto; 
  margin-right: auto;
}

#links{text-align: right;}

#footer{background: url(foot.jpg) no-repeat; 
        text-align: center;
		width:1020px;
		height:49px;
		padding: 0px 0px 0px 0px;}

#links a, #footer a{text-decoration: none;}

#links a:hover, #footer a:hover{text-decoration: underline;}

/* logo */
#top
{ margin-left: auto; 
  margin-right: auto;
  width: 1020px;
  height: 260px;
  text-align: left;
  background: url(top.jpg) no-repeat;
  color:#FFFFCC;
  font-size:150%;
  
}

#top h1
{ margin: 0px;
  padding: 20px 0px 0px 19px;
  font-size: 230%;
  letter-spacing: .3em;
  color:#FFFFCC;
 }

/* head */
#head
{ height: 50px;
  width: 1020px;
  margin-left: auto; 
  margin-right: auto;
  font-size: 250%; 
  background: url(head.jpg) no-repeat;
  padding: 0px 0px 0px 0px; text-align:center;
}

#leftbar ul{margin: 0px auto;} 

#leftbar li
{ float: left; 
  margin: 0px; 
  padding: 0px;
} 

/* leftbar, rightbar - contains sidebar items */
#leftbar
{ width: 255px;
  float: left;
  padding: 5px 5px 5px 5px;
}

.sidebaritem
{ text-align: left;
  width: 254px;
  float: left;
  margin: 0px 0px 0px 0px;
  font-size: 105%;
}

.sbihead h1
{ padding: 0px; 
  margin: 0px; 
  font-weight: bold;
  font-size: 112%;
}

.sbicontent{padding: 0px 0px 0px 0px;}

.sbicontent p
{ line-height: 14px; 
  padding: 0px 0px 0px 0px;
  }

.sbilinks{padding: 0px; font-size:120%}

#rightbar
{ width:230px;
  height:700px;
  float: right;
  padding: 5px 0px 5px 5px;
  background: url(sidebar.jpg) repeat-y;
  }  

.sbilinks ul{margin: 0px auto;} 

.sbilinks  
{ margin: 0px; 
  float: right; 
  list-style: none; 
  color: #990000;
} 

.sbilinks a  
{ float: right; 
  height: 20px;
  text-decoration: none;
  padding: 0px 0px 0px 0px;
  width: 210px;
  border: 0px;
  font-size:130%; 
  color:#990000;
} 
.sbilinks a:hover
{ float: right; 
  height: 20px;
  text-decoration: none;
  padding: 0px 0px 0px 0px;
  width: 210px;
  border: 0px;
  font-size:150%; 
  color: #0000FF;
} 
.sbicontent
{float: right;
 font-size:100%;
 width:230px;
 text-align:center;
 }
 .sbihead h1
{ padding: 0px; 
  margin: 0px; 
  font-weight: bold;
  font-size: 112%;
  width:200px;
  float:right;
}

/*page content */
#content
{ text-align: justify;
  width: 485px;
  float: left;
  padding: 5px 10px 5px 0px;
  font-size: 117%;
}

#content h1
{ padding: 6px 0px 4px 0px; 
  margin: 0px 0px 12px 0px; 
  border-bottom: 1px solid;
  font-size: 150%;
  text-transform: uppercase;
  font-weight: normal;
}

.sidebaritem a, #content a, .sidebaritem a:hover, #content a:hover
{ padding: 0px 0px 2px 0px;
  text-decoration: none;
  border-bottom: 1px dashed;
}

.sidebaritem a:hover, #content a:hover{border-bottom: 1px solid;}
