/* = Preview Page
 **************************/
 
html,body { 
font-size: 12px; 
font-family: Verdana, Helvetica, Arial, sans-serif; 
background-color: transparent;
width: 100%;
height:100%;
margin: 0 0 0 0;
padding: 0 0 0 0;
margin-top: 0;
} 

#intro {
	float:left;
	margin:20px 0 0px 25px;
	padding-top:15px;
	width:350px;
	height:100%;
	text-align:left;
	font-size:110%;
	}

p.intro {
	margin:15px 0 15px 0;
	padding:15px 10px 25px 15px;
	width:335px;
	height:100%;
	text-align:left;
	font-size: 110%%;
	background-color:white; 
	line-height:115%;
	color:#734A12;
	font-family: Verdana, Helvetica, Arial, sans-serif; 
	}
	
	.intro a:link,
	.intro a {
	text-decoration:none;
	color:#cc6600;
	}

	.intro a:visited {
	text-decoration:none;
	color:#cc6600;
	}
	
	.intro a:hover {
	text-decoration:none;
	color:#EE9A00;
	}

	#preview {
	float:left;
	margin:5px 10px 0 50px;
	width:425px;
	height:480px;
	background-color:#cccccc;
	border:solid 1px yellow
	}
	
/* = Sidebar on Preview 
 **************************/
 	
	.sidebarco ul{
	float:left;
	width:375px;
	vertical-align:top;
	margin:10px 0 5px 0px;
	}
	
	.sidebarco li{
	float:left;
	width:375px;
	vertical-align:top;
	font-size:12px;
	color:#ffffff;
	font-weight:bold;
	line-height:150%;
	}
	
	p.sidebarco {
		margin:0px 10px 0px 0;
		padding:2px;
		display:inline;
		background-color:#5c3317;
		text-align:center;
		color:#ffffff;
		font-family: Verdana, Helvetica, Arial, sans-serif; 
		}
	
#sidebarco a:link,
#sidebarco a {
	text-decoration:none;
	color:#ffffff;
	}

#sidebarco a:hover {
	color:#D9D919;
	letter-spacing:5px;
	}