/* undohtml.css */
/* (CC) 2004-2005 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */

/* Purpose: undo some of the default styling of common (X)HTML browsers */


/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
:link,:visited { text-decoration:none }

/* no list-markers by default, since lists are used more often for semantics */
ul,ol { list-style:none }

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code/kbd too */
h1,h2,h3,h4,h5,h6,pre,code,kbd { font-size:1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
dl,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }

/* de-italicize address,abbr */
address,abbr { font-style:normal }

/* more varnish stripping as necessary... */


body{
font-size:85%;
font-family:"Trebuchet MS";
	text-align:center;
	background-color:#F58220;
	
	
}
#background {
background-position:center center;
	background:url(images/bg.jpg);
background-repeat: repeat-y;
background-position: center center;
}
#topbar {
height:40px;
background-image:url(images/topbar.jpg);
background-repeat:repeat-x;
background-position:bottom;
}
#top-title {
	width:712px;
	padding:0 20px;
	height:36px;
	background-image:url(images/toptitle.jpg);
	background-repeat:no-repeat;
	margin:0 auto;
	line-height:36px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#666;
}
#bottombar {
height:30px;
background-image:url(images/bottombar.jpg);
background-repeat:repeat-x;
padding-top:12px;
color:#FFFFFF;
font-size:12px;
}
#bottombar p {
letter-spacing:1px;
width:770px;
text-align:center;
margin:0 auto;
}
#bottombar a {
color:#FFFFFF;
}
#bottombar a:hover {
color:#eee;
}
#container {
	width:770px;
	margin:0 auto;
	overflow:auto;
	}
#left {
width:290px;
float:left;
text-align:left;
}
#logo {
width:248px;
height:192px;
background-image:url(images/logo.jpg);
text-indent:-9999px;
margin:15px 0 0 10px;
}
#left ul.level1 {
width:250px;
margin:30px 0 0 10px;
text-align:left;
}
#left ul.level2 {
margin:15px 0 0 10px;
text-align:left;
}
#left ul.level1 li {
padding-bottom:20px;
font-size:16px;
letter-spacing:1px;
}
#left ul.level2 li {
padding-bottom:10px;
font-size:12px;
letter-spacing:1px;
}
#left li a {
color:#996633;
display:block;
}
* html #left li a {
   width:100%;
}
#left li a:hover {
color:#990000;
text-decoration:underline;
}
#right {
width:480px;
float:right;
text-align:left;
padding-top:15px;
}
#page-title {
overflow:auto;
text-align:left;
height:36px;
margin-bottom:15px;
}
#page-title-left {
height:36px;
background-image:url(images/page_title_left.jpg);
background-repeat:no-repeat;
width:8px;
float:left;
margin-left:10px;
}
#page-title-middle {
height:24px;
background-image:url(images/page_title_middle.jpg);
background-repeat:repeat-x;
padding:6px 12px 6px 12px;
float:left;
}
#page-title-right {
height:36px;
background-image:url(images/page_title_right.jpg);
background-repeat:no-repeat;
width:8px;
float:left;
display:block;
}
#page-title-middle h2 {
font-family:"Trebuchet MS";
font-size:16px;
font-weight:normal;
color:#666600;
}



#page-title2 {
overflow:auto;
text-align:left;
height:36px;
margin-bottom:15px;
}
#page-title-left2 {
height:36px;
background-image:url(images/page_title_left.jpg);
background-repeat:no-repeat;
width:8px;
float:left;
margin-left:10px;
}
#page-title-middle2 {
height:24px;
background-image:url(images/page_title_middle.jpg);
background-repeat:repeat-x;
padding:6px 12px 6px 12px;
float:left;
}
#page-title-right2 {
height:36px;
background-image:url(images/page_title_right.jpg);
background-repeat:no-repeat;
width:8px;
float:left;
display:block;
}
#page-title-middle2 h2 {
font-family:"Trebuchet MS";
font-size:16px;
font-weight:normal;
color:#666600;
}



#right a {
color:#F48222;
}
#right a:hover {
text-decoration:underline;
}
#text-top {
width:478px;
height:8px;
background-image:url(images/text_top.jpg);
background-repeat:no-repeat;
}
#text-bottom {
width:478px;
height:8px;
background-image:url(images/text_bottom.jpg);
background-repeat:no-repeat;
margin-bottom:15px;
}
/* ie white space between divs bug fix */
#text-top, #text-bottom {
font-size:1px;
line-height:0;
}
/* end bug fix */
#text-middle {
width:478px;
background-image:url(images/text_middle.jpg);
background-repeat:repeat-y;
font-family:Georgia, "Times New Roman", Times, serif;
line-height:20px;
font-size:15px;
}






#box-top {
width:478px;
height:8px;
background-image:url(images/text_top.jpg);
background-repeat:no-repeat;
}
#box-bottom {
width:478px;
height:8px;
background-image:url(images/text_bottom.jpg);
background-repeat:no-repeat;
margin-bottom:15px;
}
/* ie white space between divs bug fix */
#box-top, #box-bottom {
font-size:1px;
line-height:0;
}
/* end bug fix */
#box-middle {
width:478px;
background-image:url(images/text_middle.jpg);
background-repeat:repeat-y;
font-family:Georgia, "Times New Roman", Times, serif;
line-height:20px;
font-size:15px;
}



#right p {
margin-left:10px;
margin-right:10px;
padding-bottom:20px;
clear:left;
}
#right ul {
margin-left:30px;
margin-right:10px;
padding-bottom:10px;
}
#right ul li {
list-style-type:disc;
padding-bottom:10px;
}
#right ul li ul{
padding-top:10px;
}
#right ul ul li{
list-style-type:circle;
}

blockquote {
  background: transparent url(images/quoleft.png) left top no-repeat;
  font-size:24px;
  margin-bottom:50px;
}
blockquote div {
  padding: 0 48px;
  background: transparent url(images/quoright.png) right bottom no-repeat;
}
.orange {
color:#FF9900;
}
.red {
color:#990000;
}
.brown {
color:#996600;
}
.big {
font-size:30px;
}
#keywords {
font-size:1%;
line-height:1%;
color:#F58220;
}