/* style.css */
//* Andrea D. Benton cyberetto.com */

/* basic document formatting */
html {
	min-width:780px;
	width : 785px;
}

body{
	margin: 0;
	padding: 0;
	font-family : arial,sans-serif;
	font-size : .9em;
	text-align : center;
	background-image : url("images/paperbig.jpg");
	scrollbar-3d-light-color : #E8E8E8;
	scrollbar-arrow-color : #756333;
	scrollbar-base-color : #F0F0F0;
	scrollbar-dark-shadow-color : #756333;
	scrollbar-face-color : #E2D9C1;
	scrollbar-highlight-color : #EBE4D4;
	scrollbar-shadow-color : #EBE4D4;
	background-color : #ebe4d4;
}

p,br,ul,ol,li{
	margin-top: 0px;
	text-align: left;
	font-family : arial,sans-serif;
	font-size : 1em;
}
p{
	padding-top : 5px;
	
}
strong, b {
       font-weight: bold;
       }
ul,ol{
	margin-left: 10px;
}
li{
	padding-left: 10px;
	background-repeat: no-repeat;
	list-style-image : url("images/bulletbrown.gif");
} 

a:link{
	color: #637B31;
	text-decoration : underline;
}
a:visited{
	color: #756333;
	text-decoration : underline;
}
a:hover{
	color: #cbb989;
	text-decoration : underline;
}

h1{
	font: bold 1.4em Arial,sans-serif;
	color: #756333;
}
h2{
	font: bold 1.3em Arial,sans-serif;
	color : #4C692E;
	margin-bottom: 0px; 
	padding-bottom: 0px;
}
h3{
	font: bold 1.1em Arial,sans-serif;
	color : #637B31;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
hr.cleaner {
	clear:both;
	height:1px;
	margin: -1px 0 0 0; padding:0;
	border:none;
	visibility: hidden;
	}
img{
	border: 0;
}
img imgleft{
	float: left;
	clear: left;
	margin: 0 1em 0 0;
}	
	
./* divisions */
#container{
	width : 770px;
	float : none;
	background-color : #D3C7A7;
	border-style : solid solid solid solid;
	margin : 1px;
	padding-bottom : 5px;
	padding-left : 5px;
	padding-right : 5px;
	padding-top : 5px;
	border-spacing : 1px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	padding-top: 0px;
	text-align: center;
	border-right-width : 1px;
	border-right-color : #ffffff;
	border-left-width : 1px;
	border-left-color : #ffffff;
	border: 1px solid #ffffff;
	border-bottom : 1px #ffffff;
	border-bottom-color : #ffffff;
	border-bottom-width : 1px;
}
#containerbottom{
	background: url("images/containerbottom.jpg") no-repeat center;
	background-image: url(images/containerbottom.jpg);
	background-repeat: no-repeat;
	text-align : center;
	background-position : center;
}

/* header */
#header{
	background : url("images/greensuedebig.jpg");
	width : 760px;
	text-align : left;
	padding-bottom : 10px;
	padding-left : 10px;
	padding-right : 10px;
	padding-top : 10px;
	float : inherit;
}
#headerlogo{
	height: 40px;
	background : url("images/caddisflyresortlogo2.jpg") no-repeat;
}
#headerhome{ 
  height: 200px;
  text-align: center;
   }
 #flashmessage {
	text-align: center;
	COLOR: #ffffff;
	TEXT-DECORATION: none;
	font : .9em arial,sans-serif;
}
 #flashmessage a:link, #nav a:visited {
	COLOR: #ffffff;
	TEXT-DECORATION: underline;
}
#flashmessage a:hover{
	TEXT-DECORATION: underline;
	color : #ffffff;
	background : #47622B;
}
 #flashmessage2 {
	text-align: center;
	COLOR: #ffffff;
	TEXT-DECORATION: none;
	font : .9em arial,sans-serif;
}
 
 /* nav */
 #nav{
	text-align: center;
	width : 770px;
	border : 1px;
	border-color : #ffffff;
	BACKGROUND-IMAGE: url("images/topnav.gif");
	BACKGROUND-REPEAT: repeat-x;
	BACKGROUND-COLOR: #cbb989;
	COLOR: #ffffff;
	TEXT-DECORATION: none;
	font-family : arial,sans-serif;
	padding-left : 5px;
	padding-right : 5px;
	padding-top : 5px;
	padding-bottom : 5px;
	margin : 0px;
	font-weight : bold;
}
 #nav a:link, #nav a:visited {
	COLOR: #ffffff;
	TEXT-DECORATION: none;
}
#nav a:hover{
	TEXT-DECORATION: underline;
	color : #ffffff;
	background : #47622B;
}

/* main */
#main{
	text-align: left;
	width : 780px;
	border : 1px;
	border-color : #ffffff;
	BACKGROUND-IMAGE: url("images/topwhite.gif");
	BACKGROUND-REPEAT: repeat-x;
	BACKGROUND-COLOR: #ffffff;
	min-height : 300px;
	margin : 0px;
}
#main1col{
	width:740px;
	padding-bottom : 20px;
	padding-left : 20px;
	padding-right : 20px;
	padding-top : 20px;
	margin:0px;
}
#mainleft{
	width: 480px;
	padding-bottom : 20px;
	padding-left : 20px;
	padding-right : 20px;
	padding-top : 20px;
	margin:0px;
	float : left;
	height : 100%;
	bottom : 100%;
} 
#mainleft p{
	font-size: .8em;
}
#mainright{
	width : 240px;
	BACKGROUND-IMAGE: url("images/leftrightcol.gif");
	BACKGROUND-REPEAT: repeat-y;
	left : 570px;
	background-color : #e2d9c1;
	margin:0px;
	float : right;
	padding-bottom : 0px;
	padding-left : 0px;
	padding-right : 0px;
	padding-right : 0px;
	height : 100%;
	bottom : 100%;
}
#mainrighttop{
	BACKGROUND-IMAGE: url("images/topright.gif");
	BACKGROUND-REPEAT: repeat-x;
}
#mainrightphoto{
	text-align : center;
	BACKGROUND-IMAGE: url("images/topright.gif");
	BACKGROUND-REPEAT: repeat-x;
}
#mainrightbottom{ BACKGROUND-IMAGE: url("images/topwhite.gif");
	BACKGROUND-REPEAT: repeat-x;
	BACKGROUND-COLOR: #ffffff; }
#mainsmaller{
	font-size: .8em;
}
 #mainflashmessage {
 	font-size: .8em;
	COLOR: #4C692E;
}

/* comments  right column*/
#commentstop{
	BACKGROUND-IMAGE: url("images/topright.gif");
	BACKGROUND-REPEAT: repeat-x;
}
#commentsheader{
	font-size : 10pt;
}
#commentscontent{
	padding-left : 20px;
	padding-right : 20px;
	padding-top : 0px;
	font-size : .9em;
	text-align : left;
	font-style : italic;
	background-repeat : no-repeat;
	background : top;
}
#commentsby{
	font-size : .8em;
	text-align: right;
	font-style : normal;
	padding-bottom : 20px;
	padding-left : 20px;
	padding-right : 20px;
	padding-top : 0px;
}
#commentscontent2{
	padding-left : 20px;
	padding-right : 20px;
	padding-top : 0px;
	font-size : .9em;
	text-align : left;
	font-style : italic;
}
#commentsby2{
	font-size : .8em;
	text-align: right;
	font-style : normal;
	padding-bottom : 20px;
	padding-left : 20px;
	padding-right : 20px;
	padding-top : 0px;
}

/* comments in lower section of page */
#commentslower {
	text-align: center;
	width : 770px;
	border : 1px;
	border-color : #ffffff;
	BACKGROUND-IMAGE: url("images/topright.gif");
	BACKGROUND-REPEAT: repeat-x;
	background-color : #e2d9c1;
	padding-bottom : 5px;
	padding-left : 5px;
	padding-right : 5px;
	padding-top : 5px;
	font : .9em arial;
	float : none;
}
#commentsleft{ 
	width: 345px;
	padding-bottom : 5px;
	padding-left : 20px;
	padding-right : 20px;
	padding-top : 20px;
	margin:0px;
	float : left;
}
#commentsright{ 	width: 345px;
	padding-bottom : 5px;
	padding-left : 20px;
	padding-right : 20px;
	padding-top : 20px;
	margin:0px;
	float : right; }

/* contact */
#contact{  margin-left: 10px;
padding-left: 0px;
	}	
#contactaddress{
	padding-left: 120px;
	background-repeat: no-repeat;
	background-position: 0;
	padding-bottom : 20px;
}
#contactphone{
	padding-left: 120px;
	background-repeat: no-repeat;
	background-position: 0;
	padding-bottom : 20px;
}
#contactemail{
	padding-left: 120px;
	background-repeat: no-repeat;
	background-position: 0;
	padding-bottom : 20px;
}
#contactlocation{
	padding-left: 120px;
	background-repeat: no-repeat;
	background-position: 0;
	padding-bottom : 20px;
}

/* footer */	
#footer {
	text-align: center;
	width : 770px;
	border : 1px;
	border-color : #ffffff;
	BACKGROUND-IMAGE: url("images/topnav.gif");
	BACKGROUND-REPEAT: repeat-x;
	BACKGROUND-COLOR: #cbb989;
	COLOR: #ffffff;
	TEXT-DECORATION: none;
	padding-bottom : 5px;
	padding-left : 5px;
	padding-right : 5px;
	padding-top : 5px;
	font : .9em arial,sans-serif;
	float : none;
}
#footer a:link, #footer a:visited {
	COLOR: #ffffff;
	TEXT-DECORATION: none;
}
#footer a:hover{
	TEXT-DECORATION: underline;
	background-color : #47622B;
	color : #ffffff;
}