/* Global Styles */

body {
	margin:0px;
	background-color: #DEEBEB;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color:#003366;
	line-height:1.25em;
	text-align: left;
	}

p {
	margin-top:0px;
	margin-left: .2em;
	padding-left: .2em;
	padding-right: .1em;
	margin-right: .2em;
	text-indent: 1em;
	text-align: left;
	}
	
	
td {
	font:small Verdana, Arial, Helvetica, sans-serif;
	color:#003366;
	margin: 0px;
	}
	
a {
	color: #FF6600;
	font-weight:normal;
	}

a:hover {
	color: #3366CC;
	}
	
h1 {
	line-height:1.5em;
	letter-spacing:.05em;
	margin: .2em;
	font-size: x-large;
	font-weight: normal;
	border-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-color: #F0F8FF;
}

h2 {
	font-style: italic;
	font-size: large;
	font-weight: normal;
	font-variant: small-caps;
	letter-spacing: 0.25em;
	text-indent: 20pt;
	margin: .2em;
	border-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-color: #F0F8FF;
	padding-top: .25em;
	padding-right: 0pt;
	padding-bottom: .25em;
	padding-left: 0pt;
}

h3 {font-size: medium; font-weight: bold; margin:.2em; 	letter-spacing: 0.15em;}

h4 {font-size: medium; font-weight: normal; margin:.2em;}

h5 {font-size: small; font-weight: bold; margin:.2em;}

h6 {font-size: small; font-weight: bold; margin:.2em;}

/* ID Styles */
	
/* Class Styles */
.imgLayout {
	border: thin groove #93BFFE;
	padding: 1px;
	margin: 0px;
}

.imgLayoutWide {
	border: thin groove #93BFFE;
	padding: 1px;
	margin: 10px;
}

.imgNB {
	padding: 1px;
	margin: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


/* Start of css for Quotes */
.quotes {
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	font-style: italic;
	text-indent: 2em;
	margin-top: 2em;
	margin-right: 1em;
	margin-bottom: 2em;
	margin-left: 2em;
}
.quoteby {
	color: #000066;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-style: normal;
	text-indent: 2em;
	margin-left:1em;
}

.quotes2 {
	color: #336699;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	font-style: italic;
	text-indent: 2em;
	margin-top: 2em;
	margin-right: 1em;
	margin-bottom: 2em;
	margin-left: 2em
}
/* End of css for Quotes */

.checklogo, .checkpaddle, .checkpaddle2 , .checkmark , .checkraft , .checkraft2 {
	text-align:left;
	margin-left:1.5em;
}

.checklogo {
	list-style-image: url(/common/library/image/widgets/zooraft%20check%20logo.gif);
}
.checkpaddle {
	list-style-image: url(/common/library/image/widgets/zooraft%20check%20paddle.gif);
}
.checkpaddle2 {
	list-style-image: url(/common/library/image/widgets/zooraft%20check%20paddle2.gif);
}

.checkmark {
	list-style-image: url(/common/library/image/widgets/zooraft%20check%20mark.gif);
}
.checkraft {
	list-style-image: url(/common/library/image/widgets/zooraft%20check%20raft.gif);
}
.checkraft2 {
	list-style-image: url(/common/library/image/widgets/zooraft%20check%20raft2.gif);
}

.listwrap ul {
    list-style-type:none;
}
.listwrap li {
	font-size:medium;
	display:inline;
    line-height:2em;
	white-space:nowrap;
	margin-left:2em;
    padding-left:2em;
    background:transparent url(/common/library/image/widgets/zooraft%20check%20paddle.gif) no-repeat;
    background-position:0 .2em;
}

.tableRowDiv {
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-bottom-style: solid;
	border-top-color: #EDF5FE;
	border-right-color: #EDF5FE;
	border-bottom-color: #EDF5FE;
	border-left-color: #EDF5FE;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}
/* Start of css for two column repeating row content */
.rowcontainer {
	width:99%; /* set at 99% for IE6 */
	margin: 0 0 1em 0;
	padding:1em 0 0 0;
	overflow:auto;
	border-width: thin;
	border-color: #93BFFE;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.lhcontent {
	margin:0 auto;
	width:250px;
	float:left;
}
.rhcontent {
	margin:0 0 0 260px;
}
/* end of css for two column repeating row content */

/* Start of css for simple menu bar navigation */
div.simplenav {
	width:98%;
	margin-left:1%;
	overflow:auto;
	margin:0;
	padding:0;
	display:table-cell;
	text-align:center; 
	vertical-align: middle;
}

div.simplenav ul {
	margin:0;
	padding:0;
}
div.simplenav li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	list-style-type: none;
	line-height:1.2em;
	color:white;
	background-color:#015CE8;
	border: thin solid #D7E7FF;
	width: 123px;
	height: 28px;
	text-indent:0;
	margin: 0px 1px 0px 1px;
	padding:1px;
	text-align: center;
	display:inline;
	float:left;
}

div.simplenav li a , #active {
	color:#FFFFFF;
	display:block;
	margin:0;
	padding:0 1px 0 1px;
	width:125px;
	height: 30px;
	text-decoration: none;
	vertical-align: middle;
	}

div.simplenav li a:hover {
	color:#FF6600;
	background-color:#FFFFCC
	}
div.simplenav #active {
	color: #999999;
	background-color:#F0F8FF;
	border: thin solid #000000;
}
/* End of css for simple menu bar navigation */


.lmtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	margin: 010px;
	padding: 10px;
}
.funfact {
	font-family: "Courier New", Courier, monospace;
	font-size: small;
	color: #006666;
	background-color: #AACCCC;
	margin: 3%;
	padding: 2%;
	border: 2px outset #91BDBD;
	text-align: center;
}

.rivermap {
	float: right;
	background-color: #F0F8FF;
	border: thin ridge #93BFFE;
	margin: 1px;
	padding: 1px;
}

.localareacontainer {
	position:relative;
	width:260px;
	margin: 2px;
	padding: 5px;
	height:180px;
	background-color: #F0F8FF;
	float:left;
	overflow:auto;
	text-align:center;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
}
.localareacontainer p {
	font-size:small;
	text-align:center;
	line-height: normal;
}

.localareacontainer img {
	border-style: none;
}

.localareapackage {
	position:absolute;
	left:2px;
	top:2px;
}
/* START OF IMAGEFRAME LAYOUTS FOR SITE PICTURES - surround with /div tag with class=*/
.img150, .img200, .img250, .imgLeft150, .imgLeft200, .imgLeft250, .imgRight150, .imgRight200, .imgRight250, .img400, .imgLeft400, .imgRight400, .img500, .imgLeft500, .imgRight500,  .img600, .imgLeft600, .imgRight600,  .img800, .imgLeft800, .imgRight800 {
	margin: 2px;
	padding: 2px;
	background-color: #F0F8FF;
	border: thin inset #CCCCCC;
}
.imgLeft150, .imgLeft200, .imgLeft250, .imgLeft400, .imgLeft500, .imgLeft600, .imgLeft800 {
	display:inline;
	float:left;
	margin:4px;
}
.imgRight150, .imgRight200, .imgRight250, .imgRight400, .imgRight500, imgRight600, imgRight800 {
	display:inline;
	float:right;
	margin:4px;
}

/* Use this tag to force a new image row */
.imgNewRow {
	clear:left;
}
.img150, .imgLeft150, .imgRight150 {
	width: 154px;
}
.img200, .imgLeft200, .imgRight200 {
	width: 204px;
}
.img250, .imgLeft250, .imgRight250 {
	width: 254px;
}
.img400, .imgLeft400, .imgRight400 {
	width: 404px;
}
.img500, .imgLeft500, .imgRight500 {
	width: 504px;
}
.img600, .imgLeft600, .imgRight600 {
	width: 604px;
}
.img800, .imgLeft800, .imgRight800 {
	width: 804px;
}



.img150 p, .img200 p, .img250 p, .imgLeft150 p, .imgLeft200 p, .imgLeft250 p, .imgRight150 p, .imgRight200 p, .imgRight250 p, .img400 p, .imgLeft400 p, .imgRight400 p, .img500 p, .imgLeft500 p, .imgRight500 p , .img600 p, .imgLeft600 p, .imgRight600 p , .img800 p, .imgLeft800 p, .imgRight800 p {
	color: #003366;
	font-size: x-small;
	margin: 0px;
	padding: 2px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.img150 img, .img200 img, .img250 img, .imgLeft150 img, .imgLeft200 img, .imgLeft250 img, .imgRight150 img, .imgRight200 img, .imgRight250 img, .img400 img, .imgLeft400 img, .imgRight400 img, .img500 img, .imgLeft500 img, .imgRight500 img, .img600 img, .imgLeft600 img, .imgRight600 img, .img800 img, .imgLeft800 img, .imgRight800 img {
	padding:0;
	margin:0;
	border: thin groove #93BFFE;
}
.img150 img, .imgLeft150 img, .imgRight150 img {
	width:150px;
}
.img200 img, .imgLeft200 img, .imgRight200 img {
	width:200px;
}
.img250 img, .imgLeft250 img, .imgRight250 img{
	width:250px;
}
.img400 img, .imgLeft400 img, .imgRight400 img {
	width:400px;
}
.img500 img, .imgLeft500 img, .imgRight500 img {
	width:500px;
}
.img600 img, .imgLeft600 img, .imgRight600 img {
	width:600px;
}
.img800 img, .imgLeft800 img, .imgRight800 img {
	width:800px;
}

/* END OF IMAGEFRAME LAYOUTS FOR SITE PICTURES */

/* Start of css for FAQ pages */
div.faq {
	margin: 2px;
	padding: 2px;
	font-size:small;
	text-align:left;
	border: 1px solid #000000;
}
div.faq li {
	list-style-image: url(/common/library/image/widgets/zooraft%20check%20raft2.gif);
	margin: .5em;
}
div.faq h2 {
	color: #000066;
	text-align: left;
	font-size: medium;
	font-weight: normal;
	letter-spacing: normal;
	text-indent: 0px;
	padding: 1em 1em 1px 1ex;
}
div.faq div {
	color: #000066;
	text-align: left;
	text-indent: 3em;
	margin: 0 1em 1em 1em;
	padding: .5em .5em .5em .5em;
	background-color: #F0F8FF;}
/* End of css for FAQ pages */
.contentbgchg {
	background-color: #F0F8FF;
	margin: 0px;
	padding: 3px;
	border: thin;
	border-top-style: double;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;

}
.contentfocus {
	background-color: #F0F8FF;
	border-top-color: #BBDFFF;
	border-right-color: #BBDFFF;
	border-bottom-color: #BBDFFF;
	border-left-color: #BBDFFF;
	margin: 0px;
	padding: 3px;
	font-variant: small-caps;
}

.bookit {
	color: #990000;
	background-color: #E0DFE3;
	text-align: center;
	display: inline;
	font-style: italic;
	margin-right: 3pt;
	margin-left: 3pt;
	padding-top: 1pt;
	padding-right: 3pt;
	padding-bottom: 1pt;
	padding-left: 3pt;
	border: 1px solid #333333;
	font-weight: bold;
}
.bookit a:hover {
	color:#FF6600;
	background-color:#FFFFCC
	}
.bookit a:link {
	color: #990000;
	background-color: #E0DFE3;
	text-decoration: none;
	}