/* BUTTERFLY WORLD CSS Screen = for layout purposes only */

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

body {
background:#90aa80;
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;
}

form {
border: none;
}

	form fieldset {
	border: none;
	}
	
		form fieldset dt {
		font-size: .8em;
		font-weight: bold;
		}
		
form.add {
border: 1px solid #8D7A01;
padding: 10px;
width: 577px;
}
	
	form.add fieldset {
	border: none;
	float: left;
	margin-right: 10px;
	width: 250px;
	}
	
		form.add fieldset dl {
		font-size: 1.1em;
		font-weight: bold;
		margin: 0 0 10px 0;
		}
		
			form.add fieldset dd {
			margin-top: 4px;
			}
			
				form.add fieldset dl dd input {
				padding: 4px;
				width: 220px;
				}

		
table {
background: white;
border-collapse: collapse;
border-right: 1px solid #444;
border-top: 1px solid #444;
margin-top: 10px;
width: 100%;
}

	table a {
	color: #cc0000;
	font-weight: bold;
	}

	table td, table th {
	border-left: 1px solid #444;
	border-bottom: 1px solid #444;
	font-size: .7em !important;
	padding: 6px;
	text-align: left !important;
	}
	
	table th {
	background: #74001C;
	color: white !important;
	}


/* ABC */
#banner {
background: url(../images/bg_banner.jpg) top left no-repeat;
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;
			}

#columns {
float:left;
background:#c4ccbf;
width:615px;
height:110px;
margin-top:10px;
}

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

		#footer h1 {
		color:#67101f;
		font-size:1.45em;
		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;
		/*text-align:center;*/
		}
	

#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;
width:140px;
background: url(../images/bg_nav.jpg) top left repeat-y;
}

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

#text {
float:left;
width:615px;
min-height:455px;
}

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

		#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;
		}
		

		#text td {
		color:#607853;
		font-size:0.8em;
		font-weight:bold;
		text-align:center;
		}
		
		#text th {
		color:#607853;
		}

#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;
}

.cat {
float: left;
height: 180px;
margin: 5px 20px 20px 0;
width: 150px;
}

	.cat a {
	text-decoration: none;
	}		

	.cat dt {
	color: #737373;
	font-size: .7em !important;
	font-weight: bold;
	height: 20px;
	margin-top: 8px;
	}
	
	.cat dd {
	height: 150px;
	overflow: hidden;
	}
	
	.cat dd img {
	border: none;
	height: 150px;
	}

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

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

.col {
float:left;
width:205px;
background: url(../images/bg_col.jpg) center right no-repeat;
}

.col h1 {
font-weight:bold;
font-size:0.9em;
color:#67101f;
margin-left:20px;
margin-right:5px;
margin-top:10px;
}

.col p {
color:#607853;
font-size:0.8em;
font-weight:bold;
margin-left:20px;
margin-right:5px;
}

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

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

.trip {
background: white;
float: left;
margin: 20px 10px 0 0 !important;
padding: 10px; 
width: 235px;
}

.handyes {
display: none;
}

.more_box {
float:right;
font-family:Arial, Helvetica, sans-serif;
width:300px;
height:110px;
margin-top:10px;
background:#607853;
}

	.more_box.light_brown {
	background: #756244;
	}

	.more_box.light_green {
	background: #90AA80;
	}

	.more_box.left {
	float:left;
	}
	
	.more_box a.arrow {
	background: url('../../images/more-arrow.png') top right no-repeat;
	color: #dcdcb8;
	font-size: .7em;
	float: right;
	font-weight: bold;
	height:30px;
	display: inline-block;
	margin: 5px 5px 0 0;
	padding: 10px 40px 0 0;
	text-decoration: none;
	text-transform: uppercase;
	}

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