/* UsingXML.css */

/* for reference only */
.colorChocolate     { color:#5a3839; }
.colorSlateBlue     { color:#0070a0; }
.colorDeepRed       { color:#9c0000; }
.colorBeige         { color:#d6bea5; }
.colorGolden        { color:#ffc12c; }
.colorHighlight     { color:#fbf6cc; }

/* clear all margins and padding, reset defaults */
*,.clear { margin:0; padding:0; }
ul,ol,dl,fieldset,p,pre,blockquote,table { margin:1em 26px; }		
li, dd, .break { margin-left:26px; }
.highlight { background-color:#fbf6cc; }

/* basic page setup, not main content block */
body {			
	background-color:#5a3839;
	background-image:url(../images/texture.gif);
	font-family:Verdana,Arial,sans-serif;						
	font-size: 80%;
	margin:1em 0;	
}
.layout {		
	width:800px;
	margin-left:auto;
	margin-right:auto;
	border-left:solid 2px black;
	border-right:solid 2px black;
}

/* heading settings, fancy h1 for page titles */
h1,h2,h3,h4 {	
	margin:1em 26px;					
	color:#0070a0;
}
h1 {
	font-family:Georgia,Times New Roman,Times,serif;
	font-size:400%;
	letter-spacing: -.0625em;
	line-height:1em;
	margin:.5em 26px;
}

/* banner area and menu-specific rules */
#header {						
	background-color:#9c0000;	
	height:90px;
}
#topNav {						
	background-color:#d6bea5;	
	font-weight:bold;	
	padding:4px 0;	
	clear:both;
}
#topNav .menu {	padding-left:22px; color:#5a3839; }
#topNav .menu a { text-decoration:none; padding:4px; color:#9c0000; }
#topNav .menu a:hover { color:#ffc12c; background-color:#9c0000; }

/* main page content goes within this div */
#mainBody {						
	background-color:white;
	border-top:solid 1px black;
	padding-bottom:6em;	
}
#mainBody p { line-height:1.5em; width:500px; }
#mainBody ul { width:500px; }
#mainBody a { color:#0070a0; }
#mainBody a:hover { color:#9c0000; }
#mainBody .break { text-align:center; width:500px; }
#mainBody .callout {
	border:solid 1px #ffc12c;	
	padding:12px 8px 8px 16px;	
	width:200px;
	float:right;
	margin-right:18px;	
	background-color:#fbf6cc;		
}
#mainBody .calloutDecorate {
	background-image:url(../images/ButterflyCallout.gif);
	background-repeat:no-repeat;	
	text-indent:26px;
}

/* bottom of page stuff */
#footer {						
	background-color:#9c0000;
	font-weight:bold;
	color:white;
	border-top:solid 1px black;
	border-bottom:solid 1px black;	
	padding:4px 0 4px 0;	
}
#footer .copyright { color:#ffc12c;	padding-left:26px; }

code, .code
{
	font-family:Lucida Sans,Courier New,Courier,fixed;
}
.line
{
	color:darkcyan;
}
.syn
{
	color:blue;
}
.attr
{
	color:red;
}
.elem
{
	color:maroon;
}
.comment
{
	color:green;
	background-color:#f7f7f7;
}
.dot
{
	font-family:symbol;
	color:limegreen;
}