/*Cliff Club STYLE SHEET*/
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #70B33F;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #026F96;
}
.oneColFixCtrHdr #container {
	width: 900px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 10px auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColFixCtrHdr #header {
	background: #FFFFFF; 
	padding: 0 10px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}
.oneColFixCtrHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.oneColFixCtrHdr #mainContent {
	position: relative; /* adding position: relative allows you to position the two sidebars relative to this container */
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #DDDDDD;
}
.oneColFixCtrHdr #twitter {
	float:left;
	top: 0px;
	left: 0px;
	width: auto;
	padding: 2px 0px 0px 2px; /* padding keeps the content of the div away from the edges */
}
.oneColFixCtrHdr #SBtwitter {
	width: 200px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #D9AA64; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 2px 0px 0px 2px; /* padding keeps the content of the div away from the edges */
}
.oneColFixCtrHdr #SBtwitter h3 {
	background:#CD8F32
}
.oneColFixCtrHdr #CCtwitter {
	margin-bottom:10px;
	width: 210px;
	padding: 2px 0px 0px 2px; /* padding keeps the content of the div away from the edges */
}
.MainIMG {background: transparent; width:420px; margin-top:5px; margin-bottom:5px}

.MainIMG .top, .MainIMG .bottom {display:block; background:transparent; font-size:1px;}
.MainIMG .b1, .MainIMG .b2, .MainIMG .b3, .MainIMG .b4, .MainIMG .b1b, .MainIMG .b2b, .MainIMG .b3b, .MainIMG .b4b {display:block; overflow:hidden;}
.MainIMG .b1, .MainIMG .b2, .MainIMG .b3, .MainIMG .b1b, .MainIMG .b2b, .MainIMG .b3b {height:1px;}
.MainIMG .b2 {background:#0093CF; border-left:1px solid #999; border-right:1px solid #aaa;}
.MainIMG .b3 {background:#0093CF; border-left:1px solid #999; border-right:1px solid #ddd;}
.MainIMG .b4 {background:#0093CF; border-left:1px solid #999; border-right:1px solid #eee;}
.MainIMG .b4b {background:#0093CF; border-left:1px solid #aaa; border-right:1px solid #fff;}
.MainIMG .b3b {background:#0093CF; border-left:1px solid #ddd; border-right:1px solid #fff;}
.MainIMG .b2b {background:#0093CF; border-left:1px solid #eee; border-right:1px solid #fff;}


.MainIMG .b1 {margin:0 5px; background:#999;}
.MainIMG .b2, .MainIMG .b2b {margin:0 3px; border-width:0 2px;}
.MainIMG .b3, .MainIMG .b3b {margin:0 2px;}
.MainIMG .b4, .MainIMG .b4b {height:2px; margin:0 1px;}
.MainIMG .b1b {margin:0 5px; background:#fff;}

.MainIMG .MainIMGcontent {
	height:auto;
	display:block;
	border-left:1px solid #999;
	border-right:1px solid #fff;
	text-align:center;
	background-color: #0093CF;
}
.SpecialNotice {background: transparent; width:420px; margin-top:5px; margin-bottom:5px}

.SpecialNotice .top, .SpecialNotice .bottom {display:block; background:transparent; font-size:1px;}
.SpecialNotice .b1, .SpecialNotice .b2, .SpecialNotice .b3, .SpecialNotice .b4, .SpecialNotice .b1b, .SpecialNotice .b2b, .SpecialNotice .b3b, .SpecialNotice .b4b {display:block; overflow:hidden;}
.SpecialNotice .b1, .SpecialNotice .b2, .SpecialNotice .b3, .SpecialNotice .b1b, .SpecialNotice .b2b, .SpecialNotice .b3b {height:1px;}
.SpecialNotice .b2 {background:#D9AA64; border-left:1px solid #999; border-right:1px solid #aaa;}
.SpecialNotice .b3 {background:#D9AA64; border-left:1px solid #999; border-right:1px solid #ddd;}
.SpecialNotice .b4 {background:#D9AA64; border-left:1px solid #999; border-right:1px solid #eee;}
.SpecialNotice .b4b {background:#D9AA64; border-left:1px solid #aaa; border-right:1px solid #fff;}
.SpecialNotice .b3b {background:#D9AA64; border-left:1px solid #ddd; border-right:1px solid #fff;}
.SpecialNotice .b2b {background:#D9AA64; border-left:1px solid #eee; border-right:1px solid #fff;}


.SpecialNotice .b1 {margin:0 5px; background:#999;}
.SpecialNotice .b2, .SpecialNotice .b2b {margin:0 3px; border-width:0 2px;}
.SpecialNotice .b3, .SpecialNotice .b3b {margin:0 2px;}
.SpecialNotice .b4, .SpecialNotice .b4b {height:2px; margin:0 1px;}
.SpecialNotice .b1b {margin:0 5px; background:#fff;}

.SpecialNotice .SpecialNoticecontent {
	height:auto;
	display:block;
	border-left:1px solid #999;
	border-right:1px solid #fff;
	text-align:center;
	font-size:24px;
	font-weight:bold;
	color:#FFFFFF;
	background-color: #D9AA64;
}
.SpecialNotice a {
	display:block;
	width:419px;
	text-decoration:none;
	text-align:center;
	vertical-align:middle;
	color:#FFFFFF;
}
.box {background: transparent; width:200px; margin-top:5px}

.box .top, .box .bottom {display:block; background:transparent; font-size:1px;}
.box .b1, .box .b2, .box .b3, .box .b4, .box .b1b, .box .b2b, .box .b3b, .box .b4b {display:block; overflow:hidden;}
.box .b1, .box .b2, .box .b3, .box .b1b, .box .b2b, .box .b3b {height:1px;}
.box .b2 {background:#0093CF; border-left:1px solid #999; border-right:1px solid #aaa;}
.box .b3 {background:#0093CF; border-left:1px solid #999; border-right:1px solid #ddd;}
.box .b4 {background:#0093CF; border-left:1px solid #999; border-right:1px solid #eee;}
.box .b4b {background:#0093CF; border-left:1px solid #aaa; border-right:1px solid #fff;}
.box .b3b {background:#0093CF; border-left:1px solid #ddd; border-right:1px solid #fff;}
.box .b2b {background:#0093CF; border-left:1px solid #eee; border-right:1px solid #fff;}


.box .b1 {margin:0 5px; background:#999;}
.box .b2, .box .b2b {margin:0 3px; border-width:0 2px;}
.box .b3, .box .b3b {margin:0 2px;}
.box .b4, .box .b4b {height:2px; margin:0 1px;}
.box .b1b {margin:0 5px; background:#fff;}

.box .boxcontent {
	height:150px;
	display:block;
	border-left:1px solid #999;
	border-right:1px solid #fff;
	text-align:center;
	background-color: #0093CF;
}
.box .boxcontent a {
	display:block;
	width:199px;
	height:auto;
	text-decoration:none;
	vertical-align:middle;
	color:#FFFFFF;
}
.oneColFixCtrHdr #primaryContent {
	position: absolute;
	width: 639px;
	padding: 0 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	left: 237px;
	top: 43px;
}
.oneColFixCtrHdr #footer {
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#026F96;
}
.oneColFixCtrHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
#apDiv1 {
	position:absolute;
	left:484px;
	top:90px;
	width:315px;
	height:56px;
	z-index:1;
}
A: link {color: #026F96}
A: visited {color: #990099}
A: active {color: #026F96}
A: hover {text-decoration: underline overline; color: red;}

a.specialLink:link { color: #FFFFFF; }
a.specialLink:visited { color: #FFFFFF; }
a.specialLink:hover { color: #FFFFFF; }
.style1 {
	font-family: "Arial";
	font-size: 36px;
	color: #026F96;
	font-weight: bold;
}
.style2 {
	font-family: "Arial";
	font-size: 14px;
	color: #026F96;
}
.style3 {
	font-family: "Arial";
	font-size: 14px;
	color: #239A2E
}
.style4 {color: #DDDDDD}
.style5 {
	font-size: 10px;
	color: #026F96;
}
.style6 {
	font-family: "Arial";
	color: #006699;
	font-size: 16px;
	font-style: oblique;
}
.style7 {color: #FFFFFF}
.style8 {
	font-family: "Arial";
	font-size: 12px;
	color: #FFFFFF;
}
.textsmaller {
font-family: arial;
color: #91908F;
font-size: 8pt;
font-weight: bold;
padding: 15px;
}
ul#FooterNav {
padding:0px;
list-style:none;
width:525px;
}
ul#FooterNav li {
display:inline;
font-family: "Arial";
font-size: 14px;
color: #FFFFFF
}
ul#list-nav {
list-style-type:none;
padding:0;
margin:0;
}
ul#list-nav li a {
text-decoration:none;
display:block;
width:100%;
height:30px;
float:center;
text-align: center;
padding-top:20px;
font-weight:bold;
color:#FFFFFF;
}
border: 0px;