body {
	margin:0;
	padding:0;
}

#masthead {background: url(bcg2.jpg) repeat-x; height: 90px;
  margin-bottom: 20px; font-family:Arial, Helvetica, sans-serif;}
#masthead img {position: absolute; left:60px; margin-left: -5px;z-index:0;}
#masthead p {color: black; height: 22px; padding: 10px 10px 10px 0; margin: 0;
  font-size: 10px; text-align: right;z-index:3;}
#masthead p a {color:black; text-decoration:none; padding:0 5px;}
#masthead p a:hover {color:black; text-decoration:underline; }

#navbar {color: #663;
  font-weight: bold; font-size: 10px; padding-left:30px; font-family:Arial, Helvetica, sans-serif; text-transform: uppercase;}
#navbar li {display: inline; list-style: none;
  padding: 0 1px;}
#navbar li.bookmarks {border-left: 0; padding-left: 0; margin-left: -1em;}
#navbar li a {font-weight:bold; font-size:10px; color: #036; padding: 0 8px; text-decoration:none; font-family:Arial, Helvetica, sans-serif; }
#navbar li a:hover {color: #69C;}

#main { width:780px; padding-left:30px; }
#main h1 { padding:0 0 0 0; margin:30px 0 0 0; color: #933100; font: Georgia, serif; font-size:29px; }
#main h4 { padding:2px 0 20px 30px; margin:0px; color:#933100; font:Georgia,serif;font-size:14px;}
#main h2 a { padding:0 0 5px 0; color: #933100; font: Georgia, serif; font-size:12px; border:0px; }
#main h2 a:hover { color:black;text-decoration:none;}
#main h2 { padding:10px 0 5px 0; color: #933100; font: Georgia, serif; font-size:20px; border-bottom:1px dotted #666; width:650px; }
#main a {
	font-family:Georgia,serif;
	font-size:13px;
	color:#933100;
	text-decoration:none;
	border-bottom:1px dashed #933100;
}
#main a:hover { text-decoration:none; border:0px;}
#main p {
	text-align:justify;
	font-family:Georgia, serif;
	font-size:14px;
	line-height:18px;
	color:#666;
}

.pullout {
	background:#E2F4EF;
	float:right;
	width:300px;
	padding:10px;
	font-size:10px;
	margin:0 0 10px 30px;
	border:1px dotted black;
	color: black;
}

.pullout p {
	font-size:10px;
}

.pullout h3 {
	border:0px;
	color:black;
	padding-top:0px;
	font-size:15px;
}

code {
	font-size:13px;
    color: #286ea0;
	font-weight:bold;
    font-family:"Courier New", Courier, monospace;
}

#phpcode {
	padding:5px 5px 5px 60px;
    font-size:13px;
    color:#770000;
	font-weight:bold;
    font-family:"Courier New", Courier, monospace;
}


#code {
    padding:5px 5px 5px 30px;
    font-size:13px;
    color: #286ea0;
	font-weight:bold;
    font-family:"Courier New", Courier, monospace;
}

#comment {
	padding:5px;
    font-size:13px;
    color:#447341;
	font-weight:bold;
    font-family:"Courier New", Courier, monospace;
}

#footer {
	background:url(footerbg.jpg) repeat-x;
	height:50px;
	padding:10px 0 0 0;
	text-align:center;
	line-height:17px;
	font-family:Georgia,serif;
	font-size:11px;
	color:#666;
}

#footer a {
	font-family:Georgia,serif;
	font-size:11px;
	color:#666;
	text-decoration:none;
}

#footer a:hover { text-decoration:underline;}

#interact {
    padding:5px 5px 5px 20px;
    font-size:13px;
    color: #666;
	font-weight:bold;
    font-family:"Courier New", Courier, monospace;
}

.javascript ul {
	font-family:Georgia,serif;
	color:#666;
	font-size:14px;
	list-style-type:circle;
}

.javascript ol {
	font-family:Georgia,serif;
	color:#666;
	font-size:14px;
	list-style-type:circle;
}


.inputtext {
	width:300px;
	border:1px solid #999;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	padding:3px;
}

.inputarea {
	width:300px;
	height:100px;
	border:1px solid #999;
	font-size:12px;
	padding:3px;
	font-family: Arial, Helvetica, sans-serif;
}

.button {
	font-size:12px;
	color:white;
	background:#286ea0;
	font-family:Arial, Helvetica, sans-serif;
	border:3px groove #286ea0;
	padding:3px;
}

ul {
	text-align:justify;
	font-family:Georgia, serif;
	font-size:14px;
	line-height:18px;
	color:#666;
}