/* CSS Document */

body {
		margin:40px 40px 40px 40px;
		background-color:#fff;
		}
	
	#main {
		align: center;
		border:1px solid #000; 
		background-color:#BBB;
		width:800px;
		height:920px;
		}

/* Looks like you have to specify the width of #menu
or IE5 Mac stretches it all the way across the div, and 
Opera streches it half way. */

	#main #menu {
		border-left:1px solid #000; 
		border-bottom:1px solid #000;
		float:right;
		width:230px;
		background:#eee;
		margin:0px 0px 10px 10px;
		}
		
	p,h1,h2,pre {
		margin:0px 10px 10px 10px;
	    font-size: 12px;
	    font-family: Verdana, Arial, Helvetica, sans-serif;
	    color: #333333;
		}
		
	h1 {
		font-size:14px;
		padding-top:10px;
		margin:5px 10px 10px 10px;
		}
	
	h3 { 
	font: italic normal 14pt georgia; 
	font-family:
	letter-spacing: 1px;
	padding-top:10px; 
	margin:0px 10px 5px 10px; 
	color:#333333;
	}
	
	h4 { 
	font: italic normal 12pt georgia; 
	font-family:
	letter-spacing: 1px;
	padding-top:10px; 
	margin:0px 10px 5px 10px; 
	color:#669966;
	}
	#menu p { font-size:10px}
	
.style1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	margin:0px 10px 10px 10px;
}
.style2 {
	font-size: 24px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
}
.style3 {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
}


IMG.wrapright {
    float: right;
    margin-left: .15in; 
    margin-top: .4em;
    margin-bottom: .2em;
}

IMG.wrapleft {
    
    margin-right: .15in;
    margin-top: .4em;
	border: solid 1px #000;
    margin-bottom: .2em;
	background: transparent;
}
IMG.wrapcenter {
    float:center;
    margin-right: .15in;
    margin-top: .4em;
	border: solid 1px #000;
    margin-bottom: .2em;
	background: transparent
}


#right {
	float:right;
	border-right: 1px solid #747c95;
	left: 100px;
	margin-top:200px;
	width: 260px;
	 
}
#right a {
	display: block;
	list-style: url(none) none;
	font: bold 0.75em/1.75em Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #747c95;
	border-top: 1px solid #747c95;
	border-left: 1px solid #747c95;
	color: ##B7A5DF;
	padding-left: 10px;
	background: #666666;
	text-decoration: none;
	
}


 a.demo {
 color:#2A3F55;
 font-style:normal;
 margin-top:4px;
 

	
}

#right a:hover {
	color: #FFFFFF;


}
#left {
	
	
    left: 10px;
	top: 253px;
	width: 410px;
	margin-left: .15in;
	

}


#leftcontent {
	
	
    left: 10px;
	top: 575px;
	width: 500px;
	height:630;
	margin-left: .15in;
	background-image:url(screenshots/code.gif) no-repeat ;
}	
#left a {
	display: block;
	list-style: url(none) none;
	font: bold 0.75em/1.75em Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #747c95;
	border-top: 1px solid #747c95;
	border-left: 1px solid #747c95;
	color: ##B7A5DF;
	padding-left: 10px;
	background: #666666;
	text-decoration: none;
}
#left a:hover {
	color: #FFFFFF;
}

#quickSummary {
	clear:both; 
	margin: 10px 10px 10px 0px; 
	width: 260px; 
	float: right;
	display: inline;
	
	}
	
	#quickSummaryleft {
	clear:both; 
	margin: 20px 20px 20px 0px; 
	width: 260px; 
	float: left;
	display: inline;
	
	}
	#quickSummaryleft p {
	font: normal 10pt georgia; 
	text-align:left;
	}
	a:link { 
	font: italic 10pt georgia; 
	font-weight: bold; 
	text-decoration: none; 
	color: #669966;
	}
	#quickSummaryleft p.plain {
	margin:0px 15px 10px 10px;
	    font-size: 12px;
	    font-family: Verdana, Arial, Helvetica, sans-serif;
	    color: #333333;
		display:block;
		}
#quickSummary p {
	font: normal 10pt georgia; 
	text-align:left;
	}
	a:link { 
	font: italic 10pt georgia; 
	font-weight: bold; 
	text-decoration: none; 
	color: #669966;
	}
	#quickSummary p.plain {
	margin:0px 15px 10px 10px;
	    font-size: 12px;
	    font-family: Verdana, Arial, Helvetica, sans-serif;
	    color: #333333;
		display:block;
		
	}
	
a:visited { 
	font: italic 10pt georgia; 
	font-weight: bold; 
	text-decoration: none; 
	color: #669966;
	}
a:hover, a:active { 
	font: italic 10pt georgia; 
	text-decoration: underline; 
	color:#669966;
	font-weight: bold;
	
	}
a:link.email{
font: italic 10pt georgia; 
	font-weight: bold; 
	text-decoration: none; 
	color:#333333;
	}
	
a:link.email{
font: italic 10pt georgia; 
	font-weight: bold; 
	text-decoration: none; 
	color:#333333;
	}	
a:hover.email{
font: italic 10pt georgia; 
	font-weight: bold; 
	text-decoration: underline; 
	color:#669966;
	}