body{
  font: normal .9em  Verdana, Arial,'trebuchet ms', Helvetica, sans-serif;
  background-color:#ccc;
   color: #7e7e7e;
   margin: 0 auto;
padding: 0;
	text-align: left; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	text-decoration: none;
	white-space: normal;
	letter-spacing: normal;
	word-spacing: normal;
}
	
#content{

}
body #main{

}
small{font-weight:none;
		font-style:italic;
		font-size:.7em;
		color:#999;}
.shadow {
  -moz-box-shadow: 2px 2px 1px #333;
  -webkit-box-shadow: 2px 1px 2px #333;
  box-shadow: 2px 2px 1px #333;
 
}
table {
border-collapse:collapse;

}
tbody tr td {
            padding:1em;
            border:1px solid black;
        }
        
.instructions li{
padding-bottom:2em;
padding-top:1em;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#999;
}
caption{font-weight:bold;
text-align:left;
}
        thead {
            background-color: black;
            color: white;
            text-indent: 14px;
            text-align: center;
        }
        th{font-size:.9em;
        text-align:center;}
        tbody tr:nth-child(odd) {
             background-color: rgba(255, 255, 255, 1); 
        }
        tbody tr:nth-child(even) {
            background-color: rgba(200, 200, 200, 0.2); /* red, 20% alpha */
        }
        tbody tr td {
            padding:1em;
            border:1px solid black;
            vertical-align:top;
        }


p{ 
  padding: 0 0 20px 0;
  line-height: 1.45em;
  margin: 0 0 6px 0;	
}
i{color: #C60;}
b{color:#666;
}
 a:link {
	text-decoration: none;
	color: #69F;
}
a:visited {
	text-decoration: none;
	color: #69F;
}
a:hover {
	text-decoration: none;
	color: #333333;
	background-color:#69F;
}
a:active {
	text-decoration: none;
	color: #399;
}


h1,h2,h3,h4,h6{
font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	text-decoration: none;
	font-weight: normal;
	line-height: 22px;
	color: #a74c47;
	background-position: center;
}

#mainContent h1{

	color: #666;
}
h2 {

	color: #ff7d00;
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: middle;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 2px;
	background-position: top;

}
#mainContent h2 {
	font-size: 12pt;
	color: #ff7d00;
	vertical-align: middle;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 2px;
	background-position: top;
}
#mainContent h3 {
	font-size: 7pt;
	color: #FFFFFF;
	vertical-align: middle;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 2px;
	background-position: top;
}


#mainContent h4 {
	font-size: 16px;
	font-weight: lighter;
	color: #3399CC;
	text-align: left;
	line-height: 18px;
	padding: 0px;
	margin-bottom: 6px;
	margin-top: 0px;
}
#mainContent h5 {
	font-weight: bold;
	color: #CC6633;
	font-size:1em;
}

#mainContent h6{line-height: 1em;
color: #006666;
margin-bottom:.5em;
margin-top:1em;
font-size:1.3em;
font-weight:bold;
font-style:italic;}

.box1{border:1px solid black;
background-color:#FFE;
padding:.25em .25em .5em .5em;
}
.box2{border:1px solid black;
background-color:#DDE;
}
.box3{border:1px solid black;
background-color:#DDC;
}



blockquote{ margin: 20px 0; 
  padding: 10px 20px 0 20px;
  border: 1px solid #E5E5DB;
  background: #FFF;}

ol{ margin: 8px 0 22px 20px;}

ol li{ margin: 0 0 11px 0;
}
.left{float:left;}
.right{float:right;}
.clear{clear:both;}

	#wrapper {
	height: 100%;	
	height: auto;
	display: block;
}
 #mainContent, #header, #logo, #menuBar, #content, #footer{
  margin-left: auto; 
  margin-right: auto;
  width:840px;
  }
#mainContent{
width:900px;
background-color:#fff;
background-color:#58595b;
}
#header{
  border-bottom: 1px solid #FFF;

	padding: 60px 0 0 0;
	width: 100%;
	background: #fff;
  }
#address					{ 
float:left;
margin:0px 1em 0 .5em; width:500px;
color:#444545; 
font-size:.85em; 
letter-spacing:1px; 
}

 

#navigation {
	font-family: Arial, Helvetica, sans-serif; 
	font-size:.9em;
	width:900px; 
	height:2.4em; 
	position:relative; 
	z-index:100;
	margin: 15px 0 3px 0;
	background:#666;
	/*
	background:#7E946F;*/
	width: 100%;
	
}

#navigation ul li a, #navigation ul li a:visited {
	
	display:block; 
	text-decoration:none; 
	width: auto;
	text-align:center; 
	color:#fff; 
	border-right:2px solid #000; 
	background:#666;
	/*
	background:#7E946F;*/
	overflow:hidden;
	text-transform:capitalize;
	padding: .5em .5em .5em 0em;
	font-size: 1em;
	letter-spacing: .1em;
	list-style: none;
}


#navigation ul li a, #navigation ul li a:visited {
	height:15px; 
	font-size: 1em;
	padding: 7px 10px 8px 27px;
	list-style: none;
}
}

#navigation ul {
	padding:0; 
	margin:0; 
	list-style: none;
}
#navigation ul li {
	float:left; 
	position:relative;
	list-style: none;
}
#navigation ul li ul {
	display: none;
	list-style: none;
	
}
#navigation ul li:hover ul li a.hide {
	color:#fff;
	list-style: none;
}
#navigation ul li:hover ul li:hover a.hide {
	color:#fff;
	list-style: none;
}

/* specific what is selected must have bg*/
#navigation ul li a.active {
	 color: #FFF;
	background:#99cc33;
}
/* specific what is selected must have bg*/
#navigation ul li:hover a{
 color: #FFF;
 background:#99cc33;
}

/*sidebar of nav*/
#navigation ul li:hover ul {
	display:block; 
	position:absolute; 
	top:30px; 
	left:0px;
	background:#666;
	
}

#navigation ul li:hover ul li ul {
	display: block;
	border: 0;
	background:#99cc33;
	list-style: none;
}
#navigation ul li:hover ul li ul li {
		background:#252525;	
}
#navigation ul li:hover ul li a {
	font-style: italic;
	display:block; 
	list-style: none;
	background:#252525;
	
	color:#fff;
	border: 0;
	padding: 5px;
	font-family: Georgia, serif;
	text-transform: none;
	border-bottom: 1px #000 dotted;
	text-align: left;		
	width: 263px;
	
}




/*hi-light for choice*/ 
#navigation ul li:hover ul li a:hover {
	background:#99cc33;
	color:#fff;
	border-bottom: 1px #fff dotted;
	list-style: none;
}
#navigation ul li:hover ul li:hover ul {
	display:block; 
	position:absolute; 
	left:0px; 
	top:0;
	list-style: none;
	
}
#navigation ul li:hover ul li:hover ul.left {
	left:-100px;
	list-style: none;
}


#siteContent{ width: 95.8%;
  overflow: hidden;
  margin: 0 auto 0 auto;
  padding: 1em 5px 5px 33px;
  background: #FFF url(content.png) repeat-y;
} 
#content{ 
	text-align: left;
 	padding: 0;
	border-right: 3px solid white;}

#content ul{ margin: 2px 0 22px 0px;
list-style-type:square;}

#content ul li{ list-style-type: square;
  background: url(bullet.png) no-repeat;
  margin: 0 0 6px 0; 
  padding: 0 0 4px 25px;
  line-height: 1.5em;}
  
  
#sideBar h3, h4{
color: #630;	
}


.sideBar{ 
	float: right;
  	width: 25%;
  	
  	padding: 5px 5px 20px 15px;
 	background-color: white;
 	border-left:1px solid #f2ebd9;
 	}

.sideBar ul{ width: 178px; 
  padding: 4px 0 0 0; 
  margin: 4px 0 0px 0;}

.sideBar li{ list-style: none; 
  padding: 0 0 7px 0; }
  
.sideBar h3{
margin: 0 0 0px 0;
  padding: 0px 0 5px 0;
}
.sideBar li a, .sideBar li a:hover{ padding: 0 0 0 35px;
  display: block;
  /*background: transparent url(link.png) no-repeat left center;*/} 

.sideBar li a.selected{ color: #444;} 
/*.side_shadow {
width:178px;
padding:5px; 
background:#DDD;
  -moz-box-shadow: 5px 5px 5px #333;
  -webkit-box-shadow: 5px 5px 5px #333;
  box-shadow: 5px 5px 5px #333;
}*/


#footer{ width: 900px;
margin:1em 0 0 0px;
background-color:#ccc;
  font: normal 85% "lucida sans unicode";
  height: 23px;
  padding: 0px 0 5px 0;
  text-align: left; 
  color: #333;
  text-transform: none;
  letter-spacing: 0.1em;}

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

#footer a:hover{ color: #CDC090;
  text-decoration: none;}
  
#footer .modified{ color: #333;
  text-align:right;
  font-size:80%;
  margin:0 20px 0 0;
  text-transform: none;
}
#content  ul li{
 margin: 0 0 0px 0; 
  padding: 0 0 0px 0px;
  list-style-type:square;
  color:#444;

}
#content ul{
list-style-type:circle;
}
.bottomBorder{
background:#FFFFFF;
	color: #ff7d00;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	}
	.sectionBreak{
background:#FFFFFF;
	color: #ff7d00;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	margin-top:1em;
	margin-bottom:1em;
	}
	.red{color:#f00;}

span.codesample{
background-color:#EFF;
overflow:auto;
padding:0 .2em 0 .2em;
line-height:150%;
font: .9em 'monaco',  sans-serif ;
color:#333;
border:solid 1px #ccc;

}

div.codesample{
display:block;
overflow:auto;
padding:0 0 0 .5em;
background:#ffc;
border:solid 1px #000;
margin-bottom:1em;
margin-top:.5em;
width:500px;

}
div.terminal{display:block;
overflow:auto;
padding:0 0 0 .5em;
background:#000;
border:solid 1px #000;
margin-bottom:1em;
margin-top:.5em;
width:500px;
color:#fff;}
.codesample pre>span[hilite]{
font-weight:bold;
color:#000;
font-style:italic;
}
.codesample pre>span[complete]{
color:red;
font-style:italic;
}
.codesample>pre{
	font: .9em 'monaco', monospace, sans-serif ;
	white-space:pre-wrap;
}
.pseudo{font-family:courier,monospace;
	font-style:italic;
	background-color:#CFF;
	}
.question{font-size:.9em;
		color:#099;
		font-style:italic;}
		
.code{font-size:1.1em;
		font-family:'courier new';
		color:#C60;
		font-weight:bold;
		background-color:#DFF;
		padding:0em .3em 0em .3em;
		font-style:italic;}
		
.small{font-weight:bold;
		font-style:italic;
		font-size:.9em;}
.fillin{
      background-color:red;
      color:#FCC;
      font-family:courier;
      font-weight:bold;
      text-decoration:underline;
      font-size:1.1em;}
.emphasis2{
font-style:italic;
font-weight:bold;
}
.em{
font-style:italic;
font-weight:bold;
}
.emphasis{
font-style:italic;
font-weight:bold;
text-decoration:underline;
color:#3366CF;
}
#sub-footer-container{width:100%;background-color:#ccc}

#nav-main{
width:100%;
height:10px;
background-color:#ccc;
font-size:1em;
text-transform:uppercase;
position:absolute;top:0px;left:0px;}
#nav-main div{
width:100%;padding-top:4px;}
#nav-main a{margin-left:145px!important;}
#footer .sources{ 
  text-align:left;
   margin:0 0 0 0px;
   text-transform: none;
   }
.quotation{font-style:italic;
color: #2F57E5}
.keyword{color:#069;font-weight:bold;}
ul.img-list{
list-style-type:none;
margin:0;
padding:0;
text-align:left;

}
ul.img-list li{
display:inline-block;
height:20px;
margin:0;
position:relative;

}
span.text-content{
color:gray;
cursor:pointer;
display:table;
height:20px;
position:absolute;
left:0;
top:8;
opacity:0;
width:150px;
}
ul.img-list li:hover span.text-content{
opacity:1;
}
span.text-content span{
display:table-cell;
text-align:left;

vertical-align:bottom;}