/************** Default Elements *******************/

* {
	margin: 0;
	padding: 0;
	border: 0;
}

/* hide from IE mac \*/ 
html {
	margin-bottom: 1px;
}
/* end hiding from IE5 mac */

body {
	font: 100.01%/120% Arial, Helvetica, sans-serif;
	color: #fff;
	background-image: url(../images/clouds_bluesky1_v2.jpg);
	background-repeat: repeat;
}



/************** Layout Elements *******************/

#wrapper {
	width: 770px;
	margin: 0 auto;
	font-size: 90%;
	
}

#header {
	height: 60px;
}

#header #title {
	margin-top: 20px;
}

#strap {
	height: 206px;
	background: url(../images/strapBG_index.gif) no-repeat;
	margin-top: 6px;
}

#strap_typical {
	height: 206px;
	background: url(../images/strapBG_typical.gif) no-repeat;
	margin-top: 6px;
}

#strap_comments {
	height: 206px;
	background: url(../images/strapBG_comments.gif) no-repeat;
	margin-top: 6px;
}


#content {
	padding-top: 1px;
}

#innerwrapper {
	margin: 25px;
	padding-bottom: 25px;
	margin: 15px 0;
	background-color: #003;
}

#innercontent {
	margin: 0 158px 0 135px;
}

#innercontent-comments-page {
	margin: 0 0 0 155px;
}

#innercontent-photo-page {
	margin: 0 10px 0 135px;
	float: none;
}

#innercontent-guestbook {
	margin: 0 0 0 145px;
	padding-right: 0;
	float: none;
}

#bottom-content {
	width: 700px;
	margin: 70px 10px 0 55px;
}
	


.twocol #innercontent {
	margin: 0 20px 0 187px;
}

#rightcol {
	float: right;
	width: 160px;
	margin-right: 8px;
}

.twocol #rightcol {
	display: none;
}

#rightcol img {
	display: block;
	margin: 10px auto;
}


/***************** Leftcol photos*******************/



/***************** Leftcol flyout navigation*******************/

#leftcol {
	float: left;
	margin-top: 10px;
	margin-left: 8px;
}

#leftcol .navholder {
	float: left;
	display: inline;
	position: relative;
	margin: 8px 0;
}

#leftcol ul {
	width: 130px;
	border-top: 1px solid #000000;
	background-color: #5186B4;
}

#leftcol li {
	list-style: none; /* kills the list item "bullet" markers */
	position: relative;
	/*vertical-align: bottom;  for IE5/win  */
	border: 1px solid #0f2624;
	border-bottom: 1px solid #000;
	border-width: 0 1px 1px 1px;
}

#leftcol a {
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	padding: 5px;
	/*vertical-align: bottom;  needed for IE5/win */
}

#leftcol a:hover {
	color: #006;
	background-color: #FFF;
	text-decoration: none;
	display: block;
	padding: 5px;
	/*vertical-align: bottom;  needed for IE5/win */
}

#leftcol img {
	display: block;
	margin: 10px auto;
}




/* 
#leftcol li a.sub {
background: url(../images/arrow.gif) 95% 50% no-repeat;
	
}

#leftcol a:hover {
	background-color: #999999;
	color: #fff;
}

 
  #leftcol ul ul {
	position: absolute;
	left: -3000px;
	background-color: #666666;
}   flyout elements need a background image or color to avoid bugs in IE/win 

#leftcol li:hover {background-color: #5186B4;}

#leftcol ul li:hover ul {
	left: 155px;
	top: 8px;
}

#leftcol ul a:hover {
	text-decoration: none;
	background-color: #5186B4;
}
*/
/* \*/ /*/ 
#leftcol ul li ul {position: static;}
/* */



/************** Text Elements *******************/

h1, h2, h3, h4, h5, h6 {
	padding: 8px 0 5px 18px;
	font-size: 150%;
	font-family: "Times New Roman", Times, serif;
	color: #b8b8b8;
}

h1 {
	color: #fff;
}

h2 {
	font-size: 140%;
}

h3 {
	font-size: 130%
}

h4 {
	font-size: 120%
}

h5 {
	font-size: 110%;
}

h6 {
	padding: 8px 0 5px 0px;
	font-size: 150%;
	font-family: "Times New Roman", Times, serif;
	color: #FFF;
}

p {
	margin: 20px;
}


/************** Generic Classes *******************/

.right {
	float: right;
	margin: 5px 0 2px 10px;
}

.left {
	float: left;
	margin: 5px 10px 2px 0;
}

.clearit {
	font-size: 0;
	line-height: 0;
	clear: both;
}

.bodybold {
	font: 100.01%/120% Arial, Helvetica, sans-serif;
	color: #fff;
	font-weight: bold;
}

.bodybolditalic {
	font: 100.01%/120% Arial, Helvetica, sans-serif;
	color: #fff;
	font-weight: bold;
	font-style: italic;
}

.ital {
	font: 100.01%/120% Arial, Helvetica, sans-serif;
	color: #6f9ed2;
	font-style: italic;
}


/************** Link Styles *******************/

a img {
	border: none;
}

a {
	color: #6f9ed2;
}

a:hover {
	color: #92bcb2;
}

 /*\*//*/
 #innercontent {
 	width: 180px;
 }
	
	.twocol #innercontent {
 	width: auto;
 }
 
 
 #header ul {
	height: 22px;
	margin-bottom: 5px;
}

/**/