html, body {
	margin:0;
	padding:0;
}
body {
	font: 14px Arial,Verdana, sans-serif;
	
}
p {
	margin:0 10px 10px;
}
div#header {
	
	border-bottom:10px solid #A40008;
	height:64px;
	background-color: #000000;
	color: #ffffff;
	margin:0px;
	padding:0px;
}

div#content p {
	line-height:1.4;
}
div#navigation {
}
div#extra {
	background:#FF8539;
}
div#footer {
	background: #000000;
	color: #FFF;
	padding-top:10px;
	padding-bottom:10px;
}
div#footer p {
	margin:0;
	

}
div#wrapper {
	float:right;
	width:100%;
	margin-left:-200px;
	background-color:#ffffff;
	color:#000000;
	font:  normal 14px  Arial, Verdena,"Lucida Grande", "Helvetica Neue",  sans-serif;
	
}
div#content {
	margin-left:210px;
	margin-right:40px;
	margin-top:25px;
	
}
div#navigation {
	float:left;
	width:200px;
	padding-top:15px;
}
div#extra {
	float:left;
	clear:left;
	width:200px
}
div#footer {
	clear:both;
	width:100%;
	border-top:2px solid #A40008;
}

div#footer a{
	color:#ffffff;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-table;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */



.menu {
	width: 160px;
	float: left;
	padding: 0 20px 0 20px;
	font-size: 12px
}
#clear {
	display: block;
	clear: both;
	width: 100%;
	height:1px;
	overflow:hidden;
}

div#navigation ul{
	margin-top:10px;
	/*list-style-type:none;*/
	
}
div#navigation li{
	margin-left:-10px;
	color:#58585f;
}
.menu_title {
	font-size: 18px;
	margin:10px;
	color:#5e708e;
	border-bottom:3px solid #5e708e;
	font-weight: bold;
	
}

.selected_menu{

	border-bottom:3px solid #ff790c;
	color:#ff790c;	
}


a.menu_link {
	font-size:14px;
	color: #54545d;
	text-decoration: none; 
	font: normal 14px  Arial, Verdena,"Lucida Grande", "Helvetica Neue",  sans-serif;
}
a.menu_link:hover {
	/*color:#ff790c;*/
	font-weight: bold;
	text-decoration: none
}
/* Header */

#jsimpleclass{

	font-size:45px;
	font-weight:bold;
	position:absolute;
	left:200px;
	top:13px;
	margin-bottom:10px;
	background-color:transparent;
	color:#ffcc00;
}

#header span.container_menu{
	font-size:15px;
	font-weight:bold;
	position:absolute;
	right:50px;
	top:20px;
}

#header {
	margin: 0 auto;
	padding: 0px 0px 0px px;
	height: 70px;

}
#header h1 {
	float: left;
}
#header h2 {
	display: none;
}
#header ul {
	float: right;
	margin: 0;
	padding: 15px 0 0 20px;
	list-style: none;
}
#header li {
	display: inline;
}
#header a {
	display: block;
	float: left;
	font-weight:bold;
	padding: 0 5px 0 5px;
	text-decoration: none;
	font-size:18px;
	color: #FFFFFF;
}
#header a:hover {
	text-decoration: none;
	color:orange;
}
#header .first a {
	background: none;
}
a {
	color:blue;
	text-decoration: none;
	margin:0px;
}
a:hover {
	text-decoration: underline
}





/* code */



h1 span {
	font-size : 0.5em;
}

code {
	background-color: #fbfcfd;
}
blockquote code {
	padding-right:0.1em;
	background-color: #fbfbfb;
	#ffffff-space:pre;
}
div.code ,div.caption_g{
	border:1px solid #c5c5c5;
	background-color: #dddddd;
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
	background-x-position: 0%;
	background-y-position: 0%;
	padding:2px;
	margin-top: 1em;
	margin-right: 0pt;
	margin-bottom: 1em;
	margin-left: 1em;
	clear: right;
}
div.caption_g{
	border:0px solid #dddddd;
	background-color:#5e708e;
	color:white;
	font: 16px Arial, Tahoma, sans-serif;
	font-weight:bold;
	margin-left:0px;
	margin-bottom:0px;
	padding-left:5px;
	
}
a.top_anchor{
	float:right;
	color:white;
	font-weight:normal;
	font-size:14px;
	padding-right:5px;
}

h4.CaptionH4{
	font: 16px Arial, Tahoma, sans-serif;
	font-weight:bold;
	color: #54545d;
	padding:5px;
	margin-top: 0em;
	margin-right: 0pt;
	margin-bottom: 0em;
	margin-left: 1em;
	clear: right;
	font-weight:bold;

}	

p.argsP{
	margin-top:0px;
	padding-left:15px;
	font: 14px/1.2 Arial, Tahoma, sans-serif;
}

p.argsP em{
	color: #666666;
	/*font-family: "Monaco","Courier New",Monospace;*/
	font-style: normal;
	font-variant: normal;
	font-weight: 600;
	font-size: 14px/1.2;
	line-height: normal;
	font-size-adjust: none;
	font-stretch: normal;
}

div.code pre {


	padding:10px;
	background-color: #fff;
	margin: 0px;
	overflow: auto;
	line-height:1.5;
	word-wrap:break-word;
	font-size:12px;
	overflow-x: auto;
	overflow-y: auto;
	#ffffff-space: -moz-pre-wrap;
	#ffffff-space: -hp-pre-wrap;
}
/* end of page css - below is for the code highlighter */
div#footer_navigator{
	padding-top:10px;
	padding-bottom:40px
}
div#footer_navigator a{
	color:#ff790c;
}

.javascript .comment {
	color : green;

}
.javascript .string {
	color : teal;
}
.javascript .keywords {
	color : navy;
}
.javascript .global {
	color : blue;
}
.javascript .brackets {
	color : navy;
}
.css .comment {
	color : gray;
}
.css .properties {
	color : navy;
}
.css .selectors {
	color : maroon;
	font-weight : bold;
}
.css .units {
	color :red;
}
.css .urls {
	color :green;
}
.html .tag {
	color : purple;
}
.html .comment {
	color : gray;
	font-style: italic;
}
.html .string {
	color : navy;
}
.html .doctype {
	color : teal;
}