/* Layout */

body { background: #f5fcff; }

div.header {
  background: #e6f7ff url('../../images/header_bg.gif') 0 0 repeat-x;
  }

div#locator-message {
  background: #FEC;
  border-bottom: 1px solid #0af;
  text-align: center;
  }
div#locator-message p {
  font: 16px Arial, Helvetica, sans-serif;
  margin-bottom: 0;
  padding: 5px 0;
  }
div#locator-message p span { color: #3bf; }
div#locator-message a {
  color: #0af;
  display: block;
  }
div#locator-message a:hover { background: #cef !important; color: #3bf; }
div#locator-message a:hover span { color: #0af; }

/* Header */

h2.phone {
  font: bold 24px/30px Arial, Helvetica, sans-serif;
  position: absolute;
  top: 10px;
  right: 10px;
  }
  
h2.phone a {
  background: #fff url('../../images/header_phone.gif') 0 0 no-repeat;
  width: 156px;
  height: 30px;
  color: #cfdee6;
  display: block;
  padding-left: 34px;
  }

div#header ul {
  position: absolute;
  top: 60px;
  right: 10px;
  }
  
div#header ul li { float: left; }
  
div#header ul li a {
  height: 40px;
  display: block;
  font-size: 16px;
  line-height: 30px;
  padding: 0 10px;
  }
  
div#header ul li.selected a { background: url('../../images/header_selected.gif') center bottom no-repeat; }
  
div#header ul li span {
  display: block;
  font-size: 14px;
  line-height: 30px;
  }

/* Button */

.membership-button {
    display: block;
    
    font-family: Helvetica,Arial,sans-serif;
    font-weight: bold;
    font-size: 138.5%;
    
    text-align: center;
    text-decoration: none;
    
    padding: 10px;
    
    -moz-border-radius: 10px;
    border: 1px solid #659635;
    background: #99ca28;
    
    text-shadow: -1px -1px 2px #777777;
    color: #ffffff !important;
    
    background: -moz-linear-gradient(top, #CFE782 0%, #9BCB2A 2%, #5DA331 97%, #659635 100%);
    }

/* Bridge */

div#bridge {
  background: #fff;
  border-top: 1px solid #cef;
  border-bottom: 1px solid #cef;
  }
  
  div#bridge div {
    float: left;
    padding: 10px;
    }
  
  div#bridge div img {}

div#bridge label { display: block; }

div#twitter {
  background: url('../../images/twitter.png') left center no-repeat;
  width: 560px;
  margin-left: 20px;
  padding-left: 60px !important;
  }
  
  div#twitter ul li a {
    display: inline;
    }

/* Footer */

div#footer p {
  width: 620px;
  float: left;
  }

div#footer ul {
  position: absolute;
  right: 0;
  }
  
div#footer ul li { float: left; }

div#footer ul li a { padding: 0 5px; }

div#footer ul li a.green { color: #3c3; }

/* Landing */

div.landing div.side {
  width: 280px;
  padding-right: 20px;
  }

div.landing div.about h2, div.landing div.about h3, div.landing div.about p { margin-bottom: 15px; }
div.landing div.about h2 {
  font: bold 40px/.9 Arial, Helvetica, sans-serif;
  letter-spacing: -1px;
  }
div.landing div.about h3 {
  color: #09c;
  font-weight: normal;
  line-height: 1.25;
  }
div.landing div.about p { font-size: 16px; }
div.landing div.about p a { color: #33cc33; }

div.landing div.blurb {
  background: #fff;
  border-top: 1px solid #cef;
  border-bottom: 1px solid #cef;
  color: #09c;
  padding: 20px 0;
  text-align: center;
  }
div.landing div.blurb h2 {
  font-size: 36px;
  font-weight: normal;
  }

div.landing div.benefits { padding: 0 20px; }
div.landing div.benefits div {
  background: #fff;
  width: 330px;
  float: left;
  margin: 10px;
  outline: 1px dotted #cef;
  padding: 20px 20px 20px 80px;
  position: relative;
  }
div.landing div.benefits div img {
  position: absolute;
  left: 20px;
  top: 10px;
  }
div.landing div.benefits div h3 { line-height: 1.75; }
div.landing div.benefits div h3 {
  color: #09c;
  font: bold 16px/1.75 Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  }
div.landing div.benefits div ul li {
  list-style-type: disc;
  margin-left: 10px;
  }

/* About */

div.about div h2 {
  font: bold 64px/1 Arial, Helvetica, sans-serif;
  letter-spacing: -3px;
  margin-bottom: 3px;
  }
div.about div p { font-size: 24px; }
div.about div h3 {
  background: #e5f6ff;
  border: 1px dotted #cef;
  color: #09c;
  font-size: 36px;
  margin: 10px 0;
  padding: 10px;
  }
div.about div ul { margin-bottom: 20px; }
div.about div ul li {
  color: #09c;
  font-size: 18px;
  list-style-type: disc;
  margin-left: 10px;
  padding: 3px;
  }
div.about div ul li span { color: #525f66; }

/* Contact */

div.contact .helper-text { font-family: Helvetica,arial,sans-serif; margin-bottom: 4px; }
div.contact .open { color: #3c3; }
div.contact .closed { color: lightred; }
div.contact {  }
div.contact textarea { width: 100%; height: 60px; }
/* Convention */

div.convention h2 {
  font: bold 72px/.75 Arial, Helvetica, sans-serif;
  letter-spacing: -3px;
  margin-bottom: 3px;
  }
  
div.convention hr {
	border: 0;
	border-bottom: 1px solid #ccc;
	margin-bottom: 15px;
	}  
div.convention address {
	font-size: 14px;
	line-height: 22px;
	margin-top: 0px;
	padding-left: 15px;
	}  
div.convention div.side ul li a {
  display: block;
  font: normal 20px/1 Arial, Helvetica, sans-serif;
  padding: 3px 1px;
  text-align: right;
  }
div.convention div.side ul li a.selected {
  background: transparent url('../../images/benefits-arrow.png') right center no-repeat;
  color: #fff;
  }
div.convention div.center { margin-left: 10%; margin-right: 10% } 
div.convention div.main h3 {
  color: #09c;
  font: normal 48px/1 Arial, Helvetica, sans-serif;
  margin-bottom: 3px;
  }
div.convention div.main p.large { font-size: 18px; }
div.convention div.main p em { color: #09c; }
div.convention div.main ul { margin-bottom: 20px; }
div.convention div.main ul li {
  list-style-type: disc;
  margin-left: 10px;
  padding: 3px 0;
  }
div.convention div.main h4 {
  color: #09c;
  font: normal 24px/1 Arial, Helvetica, sans-serif;
  margin-bottom: 3px;
  }
	
div.convention div#schedule li {
	border-bottom: 1px dotted #ccc;
	padding-top: 5px;
	width: 450px;
	}
	
div.convention div#schedule li:hover {
	background-color: lightyellow;
	}	
div.convention div#schedule span {
	float: right;
	}

div.convention div#schedule span.certified {
	color: #0cf;
	font-weight: bold;	
	}
	
div.convention div#travel-discounts blockquote {
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 10px;
	padding: 3px 15px 15px 15px;
	}	
	
div.convention div#testimonials { }

div.convention div#testimonial {
	line-height: 1.5;
	margin: 5px 0px;
	padding: 10px;
	}

div.convention div#testimonial h5 {
	font-family: "Lucida Grande";
	font-size: 12px;
	text-align: right;
  }

div.convention div#controls {
	font-size: 15px;
	text-align: center;
  }
  
div.convention div#packages .call-to-action-container {
	margin-top: 30px;
	margin-bottom: 30px;
	margin-left: 15%;
	margin-right: 15%;
	}
  
div.convention div#packages .call-to-action {
	background-color: #0099cc;
	color: white;
	font-size: 400%;
	margin: 15px;
	padding: 10px;
	text-align: center;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}
	
div.convention div#packages .call-to-action:hover {
	text-decoration: underline;
	}
	
div.convention div#expo div.vendor {
  background: #fff;
  border: 2px solid #525F66;
  float: left;
  height: 200px;
  margin: 10px;
  padding: 15px;
  width: 250px;
  
  -moz-box-shadow: 0px 0px 12px #222;
  -webkit-box-shadow: 0px 9px 12px #222;
}

div.convention div#expo div.vendor h2 {
  color: #222;
  font-size: 20px;
  letter-spacing: normal;
  margin-bottom: 18px;
}

div.convention div#expo div.vendor-card {
  display: block;
  overflow: hidden;
}

  div.convention div#expo div.vendor h2 a {
    color: #222;
    border-bottom: 2px solid #E8E8E8;
  }
  div.convention div#expo div.vendor h2 a:hover {
    border-bottom: 2px solid #09C;
  }
  div.convention div#expo div.vendor img.logo {
    position: relative;
    bottom: 0;
    float: right;
  }				
  
  div.convention div#expo div.vendor div.badge {
  	margin-left: -45px;
  	margin-top: -45px;
  	padding: 0;
  	position: absolute;
  }

/* Benefits */

div.benefits h2 {
  font: bold 72px/1 Arial, Helvetica, sans-serif;
  letter-spacing: -3px;
  margin-bottom: 3px;
  }
div.benefits div.side ul li a {
  display: block;
  font: normal 24px/1 Arial, Helvetica, sans-serif;
  padding: 3px 10px;
  text-align: right;
  }
div.benefits div.side ul li a.selected {
  background: transparent url('../../images/benefits-arrow.png') right center no-repeat;
  color: #fff;
  }
div.benefits div.main div { display: none; }
div.benefits div.main h3 {
  color: #09c;
  font: normal 48px/1 Arial, Helvetica, sans-serif;
  margin-bottom: 3px;
  }
div.benefits div.main p.large { font-size: 18px; }
div.benefits div.main p em { color: #09c; }
div.benefits div.main ul { margin-bottom: 20px; }
div.benefits div.main ul li {
  list-style-type: disc;
  margin-left: 10px;
  padding: 3px 0;
  }
div.benefits div.main h4 {
  color: #09c;
  font: normal 24px/1 Arial, Helvetica, sans-serif;
  margin-bottom: 3px;
  }

/* Pricing */

div.pricing h2 {
  font: bold 72px/1 Arial, Helvetica, sans-serif;
  letter-spacing: -3px;
  margin-bottom: 30px;
  }
div.pricing div.wide div { text-align: center; }
div.pricing div.bread, div.pricing div.meats-and-cheeses {
  width: 220px;
  float: left;
  }
div.pricing div.bread {
  background: #e5f6ff;
  margin: 10px 0;
  }
div.pricing div.meats-and-cheeses {
  outline: 3px solid #cef;
  padding: 10px 20px;
  position: relative;
  }
div.pricing div.bread h3, div.pricing div.meats-and-cheeses h3 {
  font: bold 36px/1 Arial, Helvetica, sans-serif;
  letter-spacing: -1px;
  padding-top: 5px;
  }
div.pricing div.bread h4, div.pricing div.meats-and-cheeses h4 {
  border-bottom: 1px solid #cef;
  color: #09c;
  font: bold 14px/2 Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  }
div.pricing div.bread ul, div.pricing div.meats-and-cheeses ul { padding: 5px 0; }
div.pricing div.bread ul li, div.pricing div.meats-and-cheeses ul li {
  font-size: 16px;
  padding: 3px 0;
  text-transform: capitalize;
  }
div.pricing div.bread ul li span, div.pricing div.meats-and-cheeses ul li span {
  color: #3c3;
  font-weight: bold;
  }
div.pricing p.cost {
  font: normal 18px/1 Arial, Helvetica, sans-serif;
  margin: 0;
  }
div.pricing div.classic, div.pricing div.all { float: left; }
div.pricing div.classic h3 { font: bold 18px/1 Arial, Helvetica, sans-serif; }
div.pricing div.classic {
  background: #e5f6ff;
  width: 100%;
  margin: 20px 0;
  padding: 10px 0;
  position: relative;
  }
div.pricing div.classic ul { padding: 10px; }
div.pricing div.classic ul li {
  color: #09c;
  font-size: 18px;
  line-height: 1.5;
  list-style-type: disc;
  margin-left: 20px;
  }
div.pricing div.classic ul li span { color: #525f66; }
div.pricing div.all p {
  background: #e5f6ff;
  font-size: 18px;
  margin-top: 10px;
  padding: 5px;
  }
div.pricing div.all h3 {
  color: #09c;
  font: normal 24px/1 Arial, Helvetica, sans-serif;
  }
div.pricing div.all ul { padding: 10px 80px; }
div.pricing div.all ul li {
  color: #09c;
  float: left;
  font-size: 18px;
  line-height: 1.5;
  list-style-type: disc;
  margin-left: 20px;
  }
div.pricing div.all ul li span { color: #525f66; }

div.pricing div.thin h3 {
  color: #09c;
  font: bold 30px/1 Arial, Helvetica, sans-serif;
  margin-top: 7px;
  padding-bottom: 3px;
  }
div.pricing div.thin p.large {
  font-size: 18px;
  margin-bottom: 5px;
  }
div.pricing div.thin em { color: #09c; }
div.pricing div.thin p a span {
  color: #3c3;
  display: block;
  font-style: italic;
  padding-top: 5px;
  }

/* Registration Form */

div.registration h2 {
  font: bold 72px/1 Arial, Helvetica, sans-serif;
  letter-spacing: -3px;
  margin-bottom: 3px;
  }
div.registration fieldset {
  background: #e5f6ff;
  border: 1px solid #cef;
  overflow: hidden;
  padding: 20px;
  position: relative;
  }
div.registration label {
  width: 150px;
  display: block;
  float: left;
  font-size: 18px;
  padding-right: 16px;
  text-align: right;
  }
div.registration input {
  width: 398px;
  color: #09c;
  float: left;
  font: normal 24px/1 Arial, Helvetica, sans-serif;
  outline: 1px solid #cef;
  margin-bottom: 5px;
  padding: 3px;
  }
div.registration input#submit {
  background: #09c;
  width: 578px;
  color: #fff;
  display: block;
  margin-bottom: 0;
  }
div.registration p.input {
  width: 398px;
  color: #09c;
  float: left;
  font: normal 24px/1 Arial, Helvetica, sans-serif;
  outline: 2px solid #cef;
  margin-bottom: 5px;
  padding: 3px;
  }
div.registration div.side div {
  margin-top: 80px;
  padding: 20px;
  }
div.registration div.side div h3 {
  color: #09c;
  font: bold 18px/1 Arial, Helvetica, sans-serif;
  margin-bottom: 5px;
  text-transform: uppercase;
  }

/* Sign In */

div.sign_in h2 {
  font: bold 72px/1 Arial, Helvetica, sans-serif;
  letter-spacing: -5px;
  margin-bottom: 3px;
  }
div.sign_in fieldset {
  background: #e5f6ff;
  border: 1px solid #cef;
  padding: 20px;
  }
div.sign_in label {
  display: block;
  font-size: 18px;
  padding-left: 5px;
  }
div.sign_in input {
  width: 560px;
  outline: 1px solid #cef;
  color: #09c;
  font: normal 36px/1 Arial, Helvetica, sans-serif;
  margin: 3px 0 5px;
  padding: 8px;
  }
div.sign_in input#submit {
  background: #09c;
  width: 578px;
  color: #fff;
  display: block;
  margin-bottom: 0;
  margin-top: 10px;
  }
div.sign_in .no-margin { margin-bottom: 0; }
div.sign_in .notice { color: #f00; }

/* Events */

div.events div.vessel {
    margin-bottom: 30px;
/*
    border: 1px solid black;
*/
}

div.events h2 {
    color: #09c;
    font-size: 36px;
    margin-bottom: 10px;
}

div.events h2 span {
    border-bottom: 3px solid #09c;
}

div.events h3 {
    color: #33CC33;
    font-family: "Lucida Grande", Helvetica, arial, sans-serif;
    margin-bottom: 6px;
}

/* SLIDE SHOW BULL */  
  
.error-message { color: red; font-style: italic; }  
  
div#slideshow {
  width: 620px;
  height: 300px;
  float: left;
  text-align: center;
  }

div#show {
  width: 620px;
  height: 300px;
  float: left;
  text-align: center;
  }

div#slideshow p { line-height: 300px; }