/* CSS Screen = for layout purposes only */

* {
font-size: inherit;
margin: 0;
padding: 0;
}

body {
font-size: 100%;
margin: 10px;
}

h1, h2, h3, h4, h5, h6, p, ul, ol, dl, table, form {
font-size: 1em;
line-height: 120%;
margin-bottom:10px;
font-family:Arial, Helvetica, sans-serif;
}

/* ABC */
#banner {
float:left;
height:135px;
width:780px;
}

#butterfly {
float:right;
width:300px;
height:110px;
margin-top:10px;
background:#607853;
}

			#butterfly p {
			color:#dcdcb8;
			font-size:0.7em;
			font-weight:bold;
			text-align:right;
			margin-right:120px;
			margin-left:5px
			}
			
			#butterfly h1 {
			color:white;
			font-size:1.4em;
			text-align:right;
			margin-right:120px;
			margin-top:4px;
			margin-bottom:3px;
			}

#craft {
float:left;
width:300px;
height:110px;
margin-top:10px;
background:#8c7a00;
}

			#craft p {
			color:#dcdcb8;
			font-size:0.7em;
			font-weight:bold;
			text-align:right;
			margin-right:120px;
			margin-left:5px
			}
			
			#craft h1 {
			color:white;
			font-size:1.4em;
			text-align:right;
			margin-right:120px;
			margin-top:4px;
			margin-bottom:3px;
			}

#footer {
float:left;
height:70px;
width:615px;
}

		#footer h1 {
		color:#67101f;
		font-size:1.5em;
		font-weight:lighter;
		line-height:100%;
		text-transform:uppercase;
		}
		
		#footer h1 a {
		color:#607853;
		text-decoration:none;
		}
		
		#footer p {
		color:#607853;
		font-size:0.8em;
		font-weight:bold;
		margin-top:10px;
		}
	

#frame{
float: left;
left: 50%;
margin-left: -390px;
margin-top:20px;
position: absolute;
width: 780px;
}

#inner_wrap {
float:left;
margin-top:10px;
margin-left:10px;
width:615px;
}

#nav {
float:left;
height:380px;
width:140px;
background: url(../images/bg_nav.jpg) top left no-repeat;
}

			#nav ul {
			margin-left:10px;
			margin-top:10px;
			width:125px;
			list-style:none;
			}
			
			#nav li a {
			color:#dcdcb8;
			text-decoration:none;
			font-size:0.8em;
			display:block;
			background: url(../images/bg_btn.jpg) top left no-repeat;
			margin-bottom:4px;
			padding-top:3px;
			}
			
			#nav li a:hover {
			color:white;
			}
			
#text {
float:left;
width:615px;
min-height:325px;
}

		#text h1 {
		color:#67101f;
		font-size:1.7em;
		font-weight:lighter;
		line-height:100%;
		}
		
		#text p {
		color:#607853;
		font-size:0.8em;
		font-weight:bold;
		margin-left:3px;
		}

		#text a {
		text-decoration:none;
		color:#67101f;
		}
		
		#text ul {
		color:#607853;
		list-style:disc;
		padding-left:20px;
		}
		
		#text li {
		list-style:disc;
		font-size:0.8em;
		}			

#video {
float:left;
height:200px;
width:615px;
}

		#video h1 {
		color:#67101f;
		font-size:1.7em;
		font-weight:lighter;
		line-height:100%;
		margin-left:310px;
		}
		
		#video p {
		color:#607853;
		margin-left:310px;
		font-size:0.8em;
		font-weight:bold;
		}

		#video a {
		text-decoration:none;
		}

#wrapper {
float:left;
width:780px;
background:#dcdcb8 url(../images/bg_wrapper.jpg) bottom left no-repeat;
padding-bottom:10px;
}

/* CLASSES */

.border {
border:1px solid black;
}

.clean {
font-weight:bold;
color:white;
}

.clean li a {
color:white;
text-decoration:none;
font-size:0.8em;
}

.fleft {
float:left;
margin: 10px, 10px, 20px, 0;
}

.fright {
float:right;
margin: 10px, 0, 20px, 10px;
}

.handyes {
display: none;
}