/**************************************************************
   AUTHOR:  Nigel Gilbert
   DATE:    2007.01.31
   PURPOSE: Controls the layout of the site and styles
            the menus
 **************************************************************/

body {
  height: 100%;
  margin: 0;
  padding: 0;

  font: 400 0.8em verdana, arial, sans-serif;
  background-color: black;
  color: white;
}

/**************************************************************
   #container: Sets the width of the site.  Make changes here
             to convert to a fixed width site.
 **************************************************************/

#container {  
  height: 100%;
  min-height: 100%;
  width: 100%;
  margin: 10px auto;
}


/**************************************************************
   #header: Holds the site title and header images
 **************************************************************/

#header {
  position: relative;
  height: 250px;
}

/* Holds the sitelogo and search box */
#header #logo {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 15px;
}

#header #search {
  position: absolute;
  top: 75px;
  left: 605px;
  padding: 0;
  z-index: 2;
}

#header a {
	text-decoration: none;
	font-size: x-small;
	color: white;
}

#header a:hover {
	text-decoration: underline;
}

#header input {
	padding: 4px;
}

#header #go {
	border: 0; 
	padding: 0; 
	margin: 0; 
	background-color: black; 
	vertical-align: middle;
	width: auto;
}

#quicksearch {
	width: 150px;
}

/**************************************************************
   the left and right columns 
 **************************************************************/

#leftcol {
	float: left;
	width: 160px;
	margin: 0;
	padding: 1em;
	}

#rightcol {
	float: right;
	width: 120px;
	margin: 0;
	padding: 1em;
	line-height: 200%;
	text-align: right;
	}


/**************************************************************
   .sideMenu: The left and right side bar menus
 **************************************************************/
.sideMenu {
	font-family: "Arial, Verdana, Geneva", sans-serif; 
	color: white;
	margin: 0;
	padding: 0;
}

.sideMenu h1 {
	padding: 30px 10px 0 10px;
	font-size: 16px;
	font-weight: 700;
	}
	 
.sideMenu h2 {
	padding: 0px 10px 0 10px;
	font-size: 14px;
	font-weight: 400;
	}
	
.sideMenu ul {
	margin: 30px 10px 0 10px;
	padding: 0;
	}
	
.sideMenu li {
  display: inline;
  
  /* Needed since IE fails when you give it list-style: none; */  
  list-style-image: url(gifs/clear.gif);
  font-size: 14px;
}

.sideMenu li a {
	display: block;
	padding: 3px 0;    
	text-decoration: none;
	color: white;
} 

.sideMenu li a:hover {
  background: #5F5F5F;
}

/**************************************************************
   #content: Holds the main page content.
 **************************************************************/

#content {
  	margin-left: 170px;
  	margin-right: 130px;
	line-height: 170%;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
}

.toc {
	background-color: #B9B9B9;
	padding-top: 0px;
	padding-bottom: 0px;
}

.toc h1 {
	color: white;
	background-color: #666;
	font-size: 16px;
	padding: 10px 10px 10px 10px;
	margin: 0;
}

.toc h1.rounded {
    -webkit-border-top-left-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -webkit-border-top-right-radius: 20px;
    -moz-border-radius-topright: 20px;
	}

.toc h2 {
	color: white;
	background-color: #666;
	font-size: 14px;
	margin: 0 15px 0 15px;
	padding: 5px 10px;
	}
	
.toc h3 {
	color: black;
	font-size: 12px;
	margin: 0;
	padding: 0 10px 5px 15px;
	}

.toc h3 a {
	color: black;
	text-decoration: none;
	} 

.toc h3 a:hover {
	text-decoration: underline;
	} 
	
.specialsection {
	padding: 0 40px;
	}

.item {
	color: black;
	font-size: 14px;
	padding: 0 20px 0 20px;
	}
	
.book {
	color: black;
	font-size: 12px;
	padding: 0 15px 0 15px;
	}

.item a, .book a {
	color: black;
	text-decoration: none;
	font-weight: 700;
	}
	
.item a:hover, .book a:hover {
	color: #36C;
	}
	
.author {
	color: black;
	}


/**************************************************************
   #footer: The page footer - will stick to the bottom if not
            enough content.
 **************************************************************/

#footer {
	clear: both;
	margin: 20px;
	padding: 10px;
	font-size: 100%;
	line-height: 170%;
}

#footer a {
	text-decoration: none;
	color: yellow;
	}

/**************************************************************
   Images
 **************************************************************/

img {
	border: 0;
}

/**************************************************************
   Form Elements
 **************************************************************/

label {
  display: block;
}

input {
  padding: 2px;
  font: 400 10px verdana, sans-serif;
  color: #444;
  background: #EEE;
  border: 1px solid #444;
  vertical-align: middle;
  width: 120px;
}

/**************************************************************
   Generic display classes
 **************************************************************/

.printonly {
	display: none;
}

.small {
  font-size: small;
}

.tiny {
	font-size: xx-small;
}