body{
margin:0;
}

#wrapper{
width:100%;
text-align:center;
}

#header{
width:960px;
margin: 10px auto 10px auto;
text-align:left;
}

#header #headerTop #logo{
margin:0 10px 0 0;
}
#header #menu{
width:960px;
height:50px;
background-image:url(../img/menu-bkgd.png);
background-repeat:no-repeat;
float:right;
margin:10px 0 0 0;
text-align:right;
}

#header #headerTop .login{
text-align:right;
float:right;
margin-top:40px;
}

.loginFields{
background-image:url(../img/login-bkgd.png);
background-position:top right;
background-repeat:no-repeat;
width:472px;
height:35px;
color:#ffffff;
text-align:center;
}

.loginForm{
margin:0;
padding:0;
}

.menuTabs{
width:960px;
height:60px;
text-align:left;
color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
}


ul#menuButtons{
	margin:0;
	padding:0 0 0 10px;
	list-style-type:none;
	width:auto;
	position:relative;
	display:block;
	font-size:10px;
	font-family:Arial,Verdana,sans-serif;
}
ul#menuButtons li{
	display:block;
	float:left;
	margin:0;
	padding:0;
	}
ul#menuButtons li.tab{
width:95px;
}
ul#menuButtons li.tab a{
	display:table-cell;
	color:#ffffff;
	text-decoration:none;
	padding:0 0 0 0;
	margin:0 0 0 0;
	font-size:14px;
	font-family:Arial,Verdana,sans-serif;
	font-weight:bold;
	}
ul#menuButtons li.tab a:hover{
	text-decoration:underline;
	font-size:14px;
	font-family:Arial,Verdana,sans-serif;
	font-weight:bold;
	padding:0 0 0 0;
	margin:0 0 0 0;
	}

ul#menuButtons li .menu-spacer{
margin:0;
padding:0 10px 0 10px;
}


#main{
width:960px;
margin:0 auto 0 auto;
padding:0;
text-align:center;
}
#main #main-content{
width:960px;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#61635e;
padding:0;
margin:0;
}

a{
color:#61635e;
text-decoration:underline;
}
a:hover{
color:#1089d8;
}
#footer{
background-color:#dcdcdc;
padding:15px;
width:930px;
margin:0 auto 0 auto;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
}

#footer a{
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
text-decoration:underline;
}
#footer a:hover{
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
text-decoration:underline;
}

/* Main Page Layout */
#main-content H1{
color:#646661;
font-size:20px;
font-family:Arial, Helvetica, sans-serif;
font-weight:200;
}
#main-content H2{
color:#8cc63f;
font-size:18px;
font-weight:400;
font-family:Arial, Helvetica, sans-serif;

}

#main-content H2.gray{
color:#323232;
font-size:18px;
font-weight:400;
font-family:Arial, Helvetica, sans-serif;

}

.blue{
color:#1b97dc;
}

#main-content H2.roundArrow{
background-image:url(../img/round-arrow.png);
background-position:top left;
background-repeat:no-repeat;
}
#mainTop{
width:960px;
margin:0 auto 0 auto;
padding:0;
height:309px;
}

#mainBottom{
width:960px;
margin:10px auto 0 auto;
padding:0;
height:144px;
}
.subscribeForm{
background-image:url(../img/email-bkgd.jpg);
background-position:bottom;
background-repeat:no-repeat;
width:367px;
height:192px;
background-color:#000000;
padding:0 15px 0 15px;
margin:0;
float:left;

}
.subscribeForm label{
color:#ffffff;
margin:0;
padding:0;
}
.subscribeForm form, .subscribeForm input{
margin:0;
padding:0;
}
.subscribeForm p{
margin:0;
padding:10px 0 0 0;
}
#mainBottom H1{
font-size:20px;
font-weight:bold;
color:#FFFFFF;
font-family:"Franklin Gothic Book", Arial, Helvetica, sans-serif;
margin:0 0 10px 0;
padding-top:0;
padding-bottom:10px;
}

.subscribeForm p.white-border{
border:1px #ffffff solid;
padding:10px;
color:#ffffff;
}
/* Sub Page layouts */
#mainSub{
width:920px;
margin:0 auto 0 auto;
background-color:#f2f2f2;
background-image:url(../img/sub-bottom-bkgd.gif);
background-position:bottom;
background-repeat:no-repeat;
border-top:1px #000000 solid;
padding: 20px 20px 80px 20px;
margin-bottom:1px;
text-align:left;
font-family:"Franklin Gothic Book", Arial, Helvetica, sans-serif;
font-size:14px;
}
#mainSub H1{
font-size:20px;
margin-top:0;

}
#menuSubTabs{
width:685px;
height:27px;
background-image:url(../img/sub-menu.gif);
background-position:center;
background-repeat:no-repeat;
text-align:left;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
}
ul#homeSub{
	margin:0;
	padding:0 0 0 0;
	list-style-type:none;
	width:auto;
	position:relative;
	display:block;
	height:40px;
	font-size:10px;
	font-family:Arial,Verdana,sans-serif;
}
ul#homeSub li{
	display:block;
	float:left;
	height:144px;
	margin:0;
	padding:0 10px 0 10px;
	width:219px;
	border-top:1px #dcdcdc solid;
	border-bottom:1px #dcdcdc solid;
	}
ul#homeSub li.leftborder{
	border-left:1px #dcdcdc solid;
}
ul#homeSub li p{
margin:5px 0 0 0;
}
ul#homeSub li a{
	display:block;
	float:left;
	color:#000000;
	text-decoration:none;
	padding:0 0px 0 20px;
	margin-top:5px;
	background-image:url(../img/arrow-right.png);
	background-repeat:no-repeat;
	background-position:left;
	height:14px;
	font-size:10px;
	font-family:Arial,Verdana,sans-serif;
	}
ul#homeSub li a:hover{
	text-decoration:underline;
	font-size:10px;
	font-family:Arial,Verdana,sans-serif;
	}

ul#homeSub li .menu-spacer{
margin:0;
padding:0 6px 0 6px;
}
.green{
color:#8cc63f;
}
H3{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#52554f;
margin-top:10px;
}
.left-button-off {
width:201px;
height:14px;
background-image:url(../img/button-off.png);
background-repeat:no-repeat;
background-position: top left;
color:#ffffff;
font-size:14px;
font-weight:bold;
text-decoration:none;
padding-top:10px;
padding-bottom:14px;
padding-left:20px;
margin-top:1px;
margin-bottom:0;
}
.left-button-on {
width:201px;
height:14px;
background-image:url(../img/button-on.png);
background-repeat:no-repeat;
background-position: top left;
color:#ffffff;
font-size:14px;
font-weight:bold;
text-decoration:none;
padding-top:10px;
padding-bottom:14px;
padding-left:20px;
margin-top:1px;
margin-bottom:0;
}
.left-button-off a{
color:#ffffff;
font-size:14px;
font-weight:bold;
text-decoration:none;
}

.left-button-on a {
color:#ffffff;
font-size:14px;
text-decoration:none;
font-weight:bold;
}
#blog-content {
width:738px;
margin:0;
padding:0 20px 110px 0;
background-image:url(../img/castaway-island.jpg);
background-position:bottom center;
background-repeat:no-repeat;
border-right:1px #f4f4f4 solid;
}
a H3{
text-decoration:underline;
font-weight:400;
}
a:hover H3{
text-decoration:underline;
color:#1089d8;
}

#flashMessage{
color:#ff0000;
font-size: 16px;
margin: 8px 0px;
font-weight: bold;
}

.error, .error_message {
color:#ff0000;
}

.error_message {
clear: both;
}
.error em {
font-size: 18px;
color: #003d4c;
}
.notice {
color: #656565;
font-size: 14px;
background-color: #f4f4f4;
padding: 0.5em;
margin: 1em 0;
display:block;
}
.tip {
color: #656565;
background-color: #ddd;
}

#overlayBackground
{
    position: absolute;
    background-color: Black;
    top: 0;
    left: 0;
    z-index: 3;
}

#largeImage
{
    position: absolute;
    width: 500px;
    top: 100px;
    z-index: 4;
}
#largeImage2
{
    position: absolute;
    width: 500px;
    top: 200px;
    z-index: 4;
}
.css {
  'left' : width/2 - 200;
  }
  .tools{
  color:#cc4757;
  text-decoration:underline;
  }