html, body {
	font-family : arial;
	font-size : 12px;
  color : #000;
  background-color : #999966;
  
	scrollbar-3dlight-color : #999966;
	scrollbar-arrow-color : #fff;
	scrollbar-base-color : #333300;
	scrollbar-darkshadow-color : #333300;
	scrollbar-face-color : #333300;
	scrollbar-highlight-color : #666633;
	scrollbar-shadow-color : #333300;
	scrollbar-track-color : #CCCC99;
}

a, a:visited {
  color : #333300;
}

/* .:: nav ::. */
#nav td a {
  text-decoration : none;
  background-color : #CCCC99;
  color : #333300;
  font-weight : bold;
}

#nav td a:hover {
  background-color : #999966; 
  color : #333300;
}

#container {
  background-color : #fff;
  padding : 0px 5px 5px 5px;
  border : 2px solid #333300;
}

#header {
  padding : 0px;
}

#content {
  padding : 10px;
  display : inline;
}

#rightColumn {
  display : inline;
  border : 1px solid #000;
}

.navContainer, .container {
  background-color : #999966;
  border : 1px solid #000;
  padding : 3px;
}

.navContent, .content {
  background-color : #CCCC99;
  border-top : 1px solid #fff;
  border-right : 1px solid #000;
  border-bottom : 1px solid #000;
  border-left : 1px solid #fff;
}

/* ======================== form elements ======================== */

input {
	border : none;  
	background-color : #cccc99;
	color : #333300;
	margin : 5px;
}

select {
	border : none;
	background-color : #cccc99;
 	font-size : 12px;
	font-variant : small-caps;
	color : #333300;
}

textarea {
	border : 1px solid #333300;
	background-color : #fff;
	color : #333300;
}

.radio {
  border : none;
  background-color : #fff;
}

.spacer {
  width : 400px;
}

li {
  list-style-image : url(../img/bullets.gif);
}

li a {
  list-style : none;
  text-decoration : none;
  color : #333300;
}

li a:hover {
  list-style-image : url(../img/bullets.gif);
  color : #999966;
}

h6 {
  display : inline;
}

/* ======================== footer ======================== */

#footer {
  background-color : #cccc99;
  color : #fff;
  padding : 3px;
  font-size : 10px;
}

#footerLeft {
  float : left;
}

#footerRight {
  float : right;
}

#footer div {
  display : inline;
}

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

#footer a:hover {
  color : #fff;
}

/* ======================== index ======================== */

.content, .container {
  width : 455px;
}

.content {
  background-color : #cccc99;
  font-weight : bold;
  font-size : 16px;
  color : #333300;
  padding : 3px;
}

.container {
  margin-bottom : 8px;
  background-color : #F2F2E5;
  border-color : #cccc99;
  padding : 10px;
  
}

.smallContainer {
  margin-bottom : 8px;
  background-color : #F2F2E5;
  border : 1px solid #cccc99;
  height : 194px;
  width : 240px;
  padding : 5px;
}

.smallContent {
  width : 230px;  
  border-top : 1px solid #fff;
  border-right : 1px solid #000;
  border-bottom : 1px solid #000;
  border-left : 1px solid #fff;
  background-color : #CCCC99;
  font-weight : bold;
  font-size : 16px;
  color : #333300;
  padding : 3px;
}

.button {
  border : 1px solid #000;
  width : 100px;  
  margin-top : 5px;
  font-weight : bold;
}

.sectionHead {
  font-weight : bold;
  font-size : 11px;
}

/* ======================== content ======================== */

#imgBlock {
  background-color : #F2F2E5;
  border : 1px solid #cccc99;
  padding : 3px;
}

#toc {
  border : 1px dotted #333300;
  background-color : #DEDEC0;
  padding : 5px;
  margin : 10px;
}

#toc dt {
  background-color : #F2F2E5;
  border : 1px solid #333300;
  padding : 3px;
  text-align : center;
  font-weight : 14px;
  color : #333300;
  font-weight : bold;
  margin-bottom : 10px;
}

#toc dd a, #toc dd a:visited, .jump{
  text-decoration : none;
  color : #333300;
  font-size : 12px;
}

#toc dd a:hover, .jump:hover {
  color : #999966;
}

#group {
  background-color : #fff;
  border : 1px dotted #333300;
  padding : 5px;
  margin : 10px 10px 10px 0px;
}

.example {
  background-color : #fff;
  border : 1px dotted #f00;
  padding : 10px;
  margin : 5px;
}

.warning {
  color : #f00;
}