@charset "utf-8";
/* CSS Document */

/* 100% height achieved using a combination of:
   http://www.xs4all.nl/~peterned/examples/csslayout1.html
   http://www.realdesignnetwork.com/blog/archives/29
*/
* { margin: 0; padding: 0; }
body, html { height: 100%; }
body { background: #ECE7D1 url(img/sp_left_repeat.jpg) repeat-y top left; color: #444; 
 	   font: normal 13px "Lucida Sans Unicode",sans-serif; }
#outerR { height: auto !important; height: 100%; min-height: 100%; 
		  background: url(img/sp_right_repeat.jpg) repeat-y top right; }
* html {#outerR:height:100%;}
#header { background: url(img/sp_bgrepeat_header.jpg) repeat-x; height: 150px; }
#headerL { background: url(img/sp_left_header.jpg) top left no-repeat; height: 150px; }
#headerR { background: url(img/sp_right_header.jpg) top right no-repeat; height: 150px; }
#header h1 { padding: 20px 0 0 130px; color: #333; font-weight: normal; }
#header h1 br { display: none; }
#header p { margin-left: 130px; margin-top: 8px; }
#contentArea { padding: 20px 80px; }
#contentArea p, #contentArea h1, #contentArea h2 { padding: 8px 0; }
#contentArea img { padding: 5px; }
#contentArea ul { margin-left: 20px; _margin-left: 30px; }

/* navigation */
.navigation {padding: 4px 24px;}
.navigation a { color: #6C7151;	font: normal 1.5em serif; margin: 0 16px; }
.navigation a:hover,.navigation #selected { color: #2C3111; }