/* Layout ******************/

html {
  height:100%;
}

body {
  padding:0;
  margin:0 50px;
  min-height:100%;
  position:absolute; z-index:0;
}

#body2 {
  position:absolute;
  height:100%; width:100%; z-index:-1;
}

* html body {
  height:100%;
}

#meta {
  position:absolute; bottom:0;
  height:40px; width:100%;
  padding:1px 0;
}

#content {
  padding-bottom:42px;
}

#main {
  float:left; width:55%;
  margin-left:20%;
}

* html #main {
  margin-left:10%;
  margin-right:-1px;
}

#sections {
  float:left; width:20%; margin-left:-75%;
}

#news {
  float:right; width:25%;
}

#content {
  overflow:hidden; width:100%;
}

h1 {
  margin:0; padding:20px;
}

#search {
  position:absolute;
  top:0; right:0;
  margin:20px;
}

/* Fonts *******************/

body {
  font:10pt Tahoma, Sans-Serif;
}

h1 {
  font-size:180%;
  letter-spacing:1px;
}

#main h2 {
  font-size:130%;
}

#sections,
#news {
  font-size:80%;
}

#sections h2,
#news h2 {
  font-size:125%; font-weight:bold;
  text-transform:uppercase;
}

#news h3 {
  font-size:100%; font-weight:bold;
}

#meta {
  font-size:70%;
}

#search input,
#search button {
  font-size:7pt;
}

/* Colors ******************/

html {
  background:url(window-bg.png) #EEE;
}

body {
  background:url(left-body-bg.png) 20% 0 repeat-y;
  color:black;
}

#body2 {
  background:url(right-body-bg.png) 75% 0 repeat-y;
}

#title {
  background:url(title-bg.png) #45F left top repeat-x;
  color:white;
}

#meta,
#meta a {
  background:#45F;
  color:white;
}

#sections li a {
  background:#293499;
  color:white;
  border-color:white;
}

#sections li a:hover {
  background:#D00;
}

#news {
  color:#293499;
}

#news a {
  color:#D00;
}

#news h2 {
  background:url(news-head-bg.png) #DDE6FF left top repeat-x;
}

#main h2 {
  color:#293499;
}

#main .picture {
  border-color:#45F;
}

#search {
  color:white;
}

h1 {
  background:url(logo.png) left top no-repeat;
  padding-left:60px;
}

/* Misc ********************/

* html h1 {
  height:1%;
}

#sections h2 {
  display:none;
}

#sections ul {
  list-style:none;
  margin:50px 0; padding:0;
}

#sections li a {
  display:block;
  margin:5px 0; padding:2px 5px;
  border-style:solid; border-width:1px 0;
  text-decoration:none;
}

* html #sections li a {
  height:1%;
}

#news h2 {
  margin:0 0 20px 0;
  padding:10px;
}

#news h3 {
  float:left; 
  margin:0 5px;
}

* html #news h3 {
  margin-left:2.5px;
}

#news p {
  margin:20px 5px;
}

#news a {
  background:url(red-arrow.png) right center no-repeat;
  padding-right:13px;
}

* html #news a {
  padding-left:1px;
}

#main h2,
#main p {
  margin-left:15px;
  margin-right:15px;
}

#main h2 {
  margin-top:20px; margin-bottom:10px;
}

#main .picture {
  float:left; 
  padding:5px; 
  border-style:solid; border-width:1px;
  margin:0 15px 15px 0;
}

#meta p {
  margin:5px;
}

#search p {
  margin:0;
}

#search input {
  width:10em;
}

* html #search p {
  white-space:nowrap;
}

* html #search button {
  margin-left:4px;
}