html, body{padding:0; margin:0; background: #1B1B1A; font-size: 76.1%; font-family: Georgia;}
#header{height: 100px;width: 800px;background: url(../images/interface/bg_header.gif) no-repeat;overflow: hidden;}
#header h1{display: none;padding:0; margin:0;}
#header h2{display:block; padding:0; margin:0; width: 400px; font-size: 6.5em; 
margin-top: 55px;margin-left: 360px; text-align:right; color:#BFAD9C; visibility: hidden;}
#navigation {float:left;	clear:both;	padding: 20px 0 0 15px;	height: 80px;	width: 785px;	background: url(../images/interface/bg_nav.gif) no-repeat;}
#content {padding: 10px 45px 0 15px;width: 740px; background: #FDF5CF; float:left; clear:both; margin:0;}
#content p, #content li, #content h5{font-family: Georgia;font-size: 1.3em;line-height: 1.4em;letter-spacing: 0;word-spacing: normal;color: #2D281E;padding:0;margin: 3px 0 7px 0;}
#content p.intro{font-size: 2em;}
#content p{padding-right: 10px;}
#content li{margin:0 0 2px 0; padding:0; list-style-position: inside;}
#content ul{margin:0 0 5px 0; padding-left: 17px;}
#content ul li {list-style: square;}
#content a{text-decoration: none;font-weight: bold;color: #2D281E;background: url(../images/interface/a.gif) repeat-x top;}
#content a:hover{background: #FFF; }
#content .col2 {width: 490px;}
#content h3 {font-size: 2.4em; color: #484033; margin: 0.2em 0;}
#content h3 span{font-size: 0.75em; color: #B7AF92;}
#content h3 span a{color: #B7AF92;}
#content h4{color: #ED9F80;	font-size:1.75em;	font-weight: bold;	padding:0; margin:0 0 2px 0;	clear:both;}
#content h4 span {color: #F3C1A4;}
#content a img {border: 1px solid #FFC6B0;}
#content h4 a{color: #ED9F80;}
#content h5 { font-size: 1.5em;}
.triplecolumn {	width: 740px; margin:0 ; float:left; clear:both;}
#content img.left {margin: 0 10px 10px 0; float:left; 	}
#content img.right {margin: 0 0 10px 10px; float:right;	}
form {width: 490px;}
#email, #author, #url {width: 240px; margin-right: 10px;}
#content pre{	width: 730px;	padding: 5px;	border: 1px solid #ccc;	background: #FFF;	overflow: scroll;	font-size: 1.2em;	font-family: Monaco, "Courier New", Courier;}
#content span.snippet {font-family: Monaco, "Courier New", Courier;}

ol.code { 
border: 1px solid #CCC; 
background: #FFF; 
margin-left: 0; 
list-style-type: decimal-leading-zero; /* IE6 ignores this :( */ 
padding: .2em .2em .2em 3em; 
font-family: courier, monospace; 
} 
 
ol.code li { 
margin-bottom: 1px; 
line-height: 1.5; 
background: #D8E7C8; 
} 
 
ol.code li .cmt { 
color: #060; 
} 
 
li.tab0 { padding-left: .4em; } 
li.tab1 { padding-left: 2.4em; } 
li.tab2 { padding-left: 4.4em; } 
li.tab3 { padding-left: 6.4em; } 
li.tab4 { padding-left: 8.4em; } 
li.tab5 { padding-left: 10.4em; } 
li.tab6 { padding-left: 12.4em; } 
li.tab7 { padding-left: 14.4em; } 
li.tab8 { padding-left: 16.4em; }


input, textarea {font-family: Georgia;color: #2D281E;}
textarea {width: 490px;}
.triplecolumn {padding:0; margin-bottom: 10px;}
.triplecolumn ul li{margin-bottom: 4px;}
.triplecolumn .section p {padding-left: 3px!important;}
.triplecolumn .section{width: 240px; margin-right: 10px; float:left;}
.triplecolumn .section.end {margin-right:0;}
img.footer {float:left; clear:both;}
div.hr{	float:left; clear:both; width: 740px; border-top: 4px solid #484033; margin: 8px 0;}
#footer {	width: 800px; height: 296px; background: url(../images/interface/footer.gif) no-repeat; float:left; clear:both;}

/* NAVIGATION*/
#navigation ul{list-style:none; padding:0; margin:4px 0 0 0;}
#navigation ul li{padding:0; margin:0 10px 10px 0; float:left;}
#navigation ul li a {display:block; padding: 1px 0 0 10px; width: 230px; height: 22px; font-family: georgia; font-size: 2em; font-weight: bold; color:#FFF; text-decoration:none; background-color: #BFB69D; background-position: right; background-repeat: no-repeat;}
#navigation ul li a:hover, #navigation ul li a.selected {background-color:#BFAD9C;}
li.alpha a{background-image: url(../images/nav/alpha.gif);}
li.alpha, li.alpha a:hover, #navigation ul li.alpha a.selected	{background-image: url(../images/nav/alpha_over.gif);}
li.beta a{background-image: url(../images/nav/beta.gif);}
li.beta, li.beta a:hover, #navigation ul li.beta a.selected{background-image: url(../images/nav/beta_over.gif);}
li.chi a{background-image: url(../images/nav/chi.gif);}
li.chi, li.chi a:hover, #navigation ul li.chi a.selected{background-image: url(../images/nav/chi_over.gif);background-color:#C0A998!important;}
li.delta a{background-image: url(../images/nav/delta.gif);}
li.delta, li.delta a:hover, #navigation ul li.delta a.selected{background-image: url(../images/nav/delta_over.gif); background-color:#C0A998!important;}
li.epsilon a{background-image: url(../images/nav/epsilon.gif);}
li.epsilon, li.epsilon a:hover, #navigation ul li.epsilon a.selected{background-image: url(../images/nav/epsilon_over.gif); background-color:#C0A998!important;}