* { margin: 0; padding: 0; }
html, body, #main { height: 100% }
body, div { font-family: 'lucida grande', helvetica, verdana, arial, sans-serif; 
	font-size: 9px;
}
body { margin: 0; 
	padding: 0; 
	color: #333; 
}

a:link, a:visited, a:focus {
	text-decoration:none;
	color:#666666;
	border:none;
}

a:hover, a:active {
	text-decoration:none;
	color:#99cc33;
	border:none;
}

h1, h2 { font-family: 'trebuchet ms', verdana, arial; 
	padding: 10px; 
	margin: 0
}
h1 { font-size: large }

h2 {font-size:15px;
}

h3 { margin-top: .5em; }

hr {color:#99cc33;
background-color:#99cc33;
width:80%;
height:1px;
}

.title {
	font: 14px Arial, Verdana, sans-serif; 
	color: #99cc33;
	font-weight: bold;
	padding-bottom:10px;
}
.subtitle {
	color:#99cc33;
	font-weight:bold;
	font-size:12px;
	padding-top:5px;
}

.right {
	margin-left:70px;
}

img {
border:none;
}
    
.jscom, .mix htcom   { color: #4040c2; }
.com      { color: green; }
.regexp   { color: maroon; }
.string   { color: teal; }
.keywords { color: blue; }
.global   { color: #008; }
.numbers  { color: #880; }
.comm     { color: green; }
.tag      { color: blue; }
.entity   { color: blue; }
.string   { color: teal; }
.aname    { color: maroon; }
.avalue   { color: maroon; }
.jquery   { color: #00a; }
.plugin   { color: red; }

li { list-style-type: none; }
.basic { width:20em; }

#wrapper {
	background-color:#CCCCCC;
}
#main {
	width:898px;
	background:#FFFFFF;}

#header {
	background:#FFFFFF;
}

#logo {

}

#rightheader {
	float:right;
	margin-right:30px;
}

#links {
	padding-top: 4px;
	background: url(images/linksbg.jpg);
	width: 898px;
	height: 22px;
	clear:both;
}
#links a {
	display: inline;
	padding-left: 30px;
}
#links a:link {
	font: 10pt Arial, sans-serif; 
	color: #fff; 
	text-decoration: none;
	font-weight: bold;
}
#links a:visited {
	font: 10pt Arial, sans-serif; 
	color: #fff; 
	text-decoration: none;
	font-weight: bold;
}
#links a:hover {
	font: 10pt Arial, sans-serif; 
	color: #666; 
	text-decoration: none;
	font-weight: bold;
}
/* #mainpic {
	width: 898px;
	height: 228px;
}
*/

#lowerheader {
	width:883px;
	color:#666666;
}
#lowerheader h2 {
	padding-left:20px;
}

#graybar {
	background: url(images/grayline.jpg);
	width: 898px;
	height: 10px;
}

#contentbg {
	background: url(images/contentbg.jpg) bottom left no-repeat;
	width: 898px;
}

.basic {
/*	padding-left:10px;
	padding-right:30px;
	padding-top: 30px;
*/	float:right;
	width: 700px;
	font-family: verdana;
	border:1px #666666 solid;
	margin-top:30px;
}
.basic div {
	height:170px;
}

.basic p {
	border: none;
	text-decoration: none;
	font-weight: bolder;
	font-size: 11px;
	margin: 0px;
}

.question {
	width:150px;
	margin-top:5px;
	line-height:1.8em;
	padding:0px 10px;
}

.answer ul {
	padding-left:25px;
}
.answer li {
	font-size:11px;
	list-style-type:circle;
}

#one {
	background:url(images/homepic1.png);
}

#one .answer {
	width:260px;
	float:right;
	line-height:1.8em;
	margin-top:20px;

}

#two {
	background:url(images/bgtwo.png);
}

#two .answer {
	width:215px;
	float:right;
	line-height:1.8em;
	margin-top:37px;
}

#three {
	background:url(images/bgthree.png);
}

#three .answer {
	width:225px;
	float:right;
	line-height:1.8em;
	margin-top:45px;
}

#four {
	background:url(images/bgfour.jpg);
}

#four .answer {
	width:250px;
	float:right;
	line-height:1.8em;
	margin-top:20px;
}

.basic a {
	cursor:pointer;
	display:block;
	padding:5px;
	margin-top: 0;
	text-decoration: none;
	font-size: 13px;
	color: #666;
	background-color: #33CC66;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666;
	
	background-image: url(images/AccordionTab0.gif);
}
.basic a:hover {
	background-color: white;
	background-image: url(images/AccordionTab2.gif);
}
.basic a.selected {
	color: #666;
	background-color: #80cfe2;
	background-image: url(images/AccordionTab2.gif);
	font-weight:bold;
}

#boxes {
	margin-top:20px;
}

#boxes div{
	font-size:10px;
	line-height:1.5em;
}

#box1 {
	background:url(images/box3.png) no-repeat;
	height:140px;
	width:150px;
	margin-left:8px;
	padding-top:15px;
	padding-right:15px;
	padding-left:8px;
}

#box2 {
	background:url(images/box2.png) no-repeat;
	height:160px;
	width:150px;
	margin-left:8px;
	padding-right:15px;
	padding-top:15px;
	padding-right:15px;
	padding-left:8px;

}

#box3 {
	background:url(images/box4.png) no-repeat;
	height:150px;
	width:450px;
	padding-top:15px;
	margin-top:35px;
	margin-bottom:15px;
	margin-left:302px;
	padding-left:35px;

}

#box3right {
	float:right;
	width:215px;
	border-left:1px #999999 solid;
	padding-right:20px;
	padding-left:10px;
}

#box4 {
	float:left;
	width:280px;
	height:170px;
	margin-left:15px;
}

#lowernav {
	float:right;
	margin-right:40px;
	margin-top:35px;
	padding-top:15px;
}

#lowernav img{
	border:none;
}
.clear1 {
	clear: both;
}


@media print {
	.basic div, #navigation ul, #list2 dd, #list3 div{
		display: block!important;
		height: auto!important
	}
}