/* -------------------------------------------------------------- 
   Resets default browser CSS  
-------------------------------------------------------------- */

* {
  margin:0;
  padding:0;
}

h1,h2,h3,h4,h5,h6,b {
  font-size:100%;
  font-weight:normal;
}

table { 
  border-collapse: collapse; 
  border-spacing: 0; 
}
caption, th, td { 
 text-align: left; 
}

ul,ol {
  list-style-type:none;
}

img,fieldset,button {
  border:0;
}

button {
  background:none;
}

/* -------------------------------------------------------------- 
   Global Styles  
-------------------------------------------------------------- */

body {
  background-color:#fff;
  color:#676;
  font: .8em Arial,Helvetica,sans-serif;
}

#container {
  width:996px;
  margin:0 auto;
}

#marquee {
  margin:15px 0;
  position:relative;
  background: url('../img/layout/headliner.jpg') no-repeat bottom left;
  height:345px;
}

	#marquee #logo a {
	  display:block;
	  width:197px;
	  height:68px;
	  background: url('../img/layout/logo.gif') no-repeat top left;
	  text-indent:-9999em;
	  float:left;
	}
	
	#marquee #tagline {
	  width:286px;
	  height:17px;
	  background: url('../img/layout/tagline.gif') no-repeat top left;
	  text-indent:-9999em;
	  position:absolute;
	  top:15px;
	  left:230px;
	}

	#login_link{
		float:right;
		display:block;
		padding-right:20px;
	}
	
	#login_link a{
		color:#999999;
	}
	
	#marquee #mainNav {
	  float:right;
	  padding-top:43px;
	}
	
		#mainNav li {
		  display:inline;
		  padding:0 13px;
		  font-size:0.9em;
		}
		
			#mainNav li a {
			  color:#999;
			  text-decoration:none;
			}
	
	#marquee #headliner {
	  width:996px;
	  height:261px;
	  background: url('../img/layout/headliner.jpg') no-repeat bottom left;
	  text-indent:-9999em;
	  position:absolute;
	  z-index:-10;
	  top:80px;
	  left:0;
	}
	
#content {
  width:880px;
  margin:0 0 0 58px;
  position:relative;
  bottom:100px;
  
}

	#subscribeBox {
	  width:551px;
	  height:197px;
	  background: url('../img/layout/subscribeBox.jpg') no-repeat top left;
	  position:relative;
		text-align:right;
	}
	
	#subscribeBox .promo{
	  padding:10px 20px 0 0;
		color:#fff;
		width:330px;
		max-height:100px;
		overflow:hidden;
		text-align:left;
		display:block;
		float:right;
	}
	
	#subscribeBox .promo a{
		color:#eee;
	}
	
	#subscribeBox .button a {
	  display:block;
	  width:216px;
	  height:50px;
	  background: url('../img/layout/subscribeButton.gif') no-repeat top left;
	}
.success {
}
	.success ul li {
		margin: 6px 0; 
	}	
#content p { 
  margin: 1em 0;
}

	#mainContent {
	  float:left;
	  width:552px;
	}
	
		#mainContent h1 {
		  color:#3464a2;
		  font-size:2em;
		  margin-bottom: .6em;
		  text-align:center;
		}
		
		#mainContent h2 {
		  color:#3464a2;
		  font-size:1.5em;
		  margin:1.3em 0 1em;
		}
		
		#mainContent a {
		  color:#3464a2;
		}
		
		#mainContent ul {
		  margin:0 0 1em 1em;
		  list-style-type:disc;
		}
		
			#mainContent ul ul {
			  list-style-type:circle;
			}
		
		#mainContent ol {
		  margin:0 0 1em 1.5em;
		  list-style-type:decimal;
		}
			#mainContent ol.tips {
				margin-left: 30px;
			}
				#mainContent ol.tips p {
					margin: 0; 
					padding: 2px 0;
				}
				#mainContent ol.tips li {
					padding: 0 0 10px 0;
				}
				#mainContent ol.tips li strong {
					font-weight: bold;
				}
					
			#mainContent ol.tips li ul li {
				font-weight: normal;
				padding: 5px 0 0 0;
			}
		
		#agenda p, #agenda li {
		  color:#444;
		}
		
		#agenda li {
		  margin:0.2em 0;
		}
		
		#agenda p.small, #agenda small {
		  font-size:100%;
		  color:#999;
		}
		
		#agenda h1+p.small, #agenda h2+p.small {
		  margin-top:-1.2em;
		}
		
		.underline {
		  text-decoration:underline;
		}
		
		.strong {
		  font-weight:bold;
		  font-style:italic;
		  font-size:1.2em;
		}
		
		#mainContent .alert {
		  font-style:italic;
		  text-transform:uppercase;
		  color:red;
		}
		
		#mainContent .center {
		  text-align:center;
		  display:block;
		}
	
	#subContent {
	  width:251px;
	  float:right;
	  margin-top:-165px;
	  background: url('../img/layout/subContent_mid.gif') repeat-y top center;
	}
	
		#subContent .wrap2 {
		  background: url('../img/layout/subContent_top.gif') no-repeat top center;
		  padding:30px 17px;
		}
		
		#subContent .wrap1 {
		  background: url('../img/layout/subContent_bottom.gif') no-repeat bottom center;
		  height:850px;
		}
		
		#subContent form {
		}
		
			#subContent form legend {
			  font-weight:bold;
			  color:#999;
			}
			
			#subContent form div {
				margin:1.5em 0;
			}
			
			#subContent form input {
			  width:212px;
			  color:#999;
			}
			#subContent form a.forgot {
				color: #fff;
				display: block;
				font-size: 80%;
				margin: -10px 0 10px 0;
				text-align: right;
			}
			#subContent form button {
			  float:right;
			}
		
		#subContent h2 {
		  font-family:Myriad Pro, Helvetica, Arial, sans-serif;
		  font-size:1.7em;
		  text-transform:lowercase;
		  color:#fff;
		  float:none;
		  clear:both;
		  padding:0.7em 0;
		}
		
		#subContent ul li {
		  padding-left:10px;
		  margin:0.4em 0;
		  background: url('../img/layout/subContent_bullet.gif') no-repeat left 5px;
		  color:#fff;
		  font-weight:bold;
		  font-size:0.9em;
		}
		#subContent ol li {
			list-style-type: decimal;
			list-style-position: inside; 
		}
		#subContent blockquote {
		  background:#fff url('../img/layout/blockquote_top.gif') no-repeat top left;
		  margin:50px 0 0 7px;
		  padding:0;
		  width:202px;
		}
		
		#subContent blockquote .wrap1 {
		  background: url('../img/layout/blockquote_bottom.gif') no-repeat bottom left;
		  padding-bottom:45px;
		  height:auto;
		}
		
		#subContent blockquote p {
		  margin:0;
		  padding:10px 0;
		}
		
		#subContent blockquote q {
		  display:block;
		  color:#7dbf5b;
		  background: url('../img/layout/quotes.gif') no-repeat top left;
		  margin:0 10px;
		  padding:10px 0 0 12px;
		  font:italic 1.15em Georgia, serif;
		}
		
		#subContent blockquote cite {
		  color:#3565a1;
		  font-style:normal;
		  text-align:right;
		  display:block;
		  padding-right:10px;
		}
	
	#footer {
	  float:none;
	  clear:both;
	  text-align:center;
	  padding-top:20px;
	}
	
		#footer a {
		  color:#999;
		}
.thankyou {
	text-align: center; 
}

/* -------------------------------------------------------------- 
   Errors and Messages
-------------------------------------------------------------- */
div.message {
	background: #7EBE5D; 
	color: #FFF; 
	font-weight: bold; 
	margin-bottom: 10px; 
	padding: 10px;
	text-align: center; 
}
div.error {
	background: #CC0000; 
}
div.input.required.error {
	background: none;
}


/* -------------------------------------------------------------- 
   Subscribe
-------------------------------------------------------------- */

.subscribe p {
	display: block;
	text-align: center; 
}

.subscribe p.subscriber-login {
	
}
	.subscribe .agree p {
		text-align: left; 
	}
	.subscribe .agree-text ol li {
		margin: 10px 0;
	}
.subscribe form {
}
	.subscribe form .input {
		padding: 10px 0; 
	}	
		.subscribe form .input label {
			display: block; 
			float: left; 
			font-weight: bold;
			text-align: right;
			margin-right: 10px;  
			width: 130px; 
		}
		.subscribe form .input input {
			width: 200px; 
		}
		.subscribe form .input #SubscriptionEmail {
			width: 160px; 
		}				
		.subscribe form .input #SubscriptionPassword {
			width: 120px; 
		}		
		.subscribe form .input #SubscriptionCity {
			width: 150px; 
		}		
		.subscribe form .input #SubscriptionZip {
			width: 40px; 
		}		
		.subscribe form .input #SubscriptionCc {
			width: 120px; 
		}		
		.subscribe form .input #SubscriptionCvv {
			width: 30px; 
		}
		.subscribe form .input .error-message {
			color: #DD0000; 
			font-weight: bold; 
			margin-left: 140px; 
		}
		.subscribe form .submit input {
			margin: 5px 0 0 0;
			padding: 5px 10px; 
		}
.subscriptions .form-validate-error, #agree-error {
	background: #C00; 
	color: #FFF; 
	font-size: 80%; 
	padding: 2px; 
	white-space: nowrap; 
}
#agree-error {
	display: none;
}

.subscriptions fieldset {
	border: 1px solid #ccc; 
	margin: 0 0 25px 0; 
	padding: 0 20px; 
}
	.subscriptions fieldset legend {
		color: #7EBE5D;
		font-size: 120%; 
		font-weight: bold; 
		margin: 0 auto; 
		padding: 0 10px; 
	}
	.edit-account form .input {
		padding: 10px 0; 
	}	
		.edit-account form .input label {
			display: block; 
			float: left; 
			font-weight: bold;
			text-align: right;
			margin-right: 10px;  
			width: 130px; 
		}
		.edit-account form .input input {
			width: 200px; 
		}
		.edit-account form .input #SubscriptionEmail {
			width: 160px; 
		}				
		.edit-account form .input #SubscriptionPassword {
			width: 120px; 
		}		
		.edit-account form .input #SubscriptionCity {
			width: 150px; 
		}		
		.edit-account form .input #SubscriptionZip {
			width: 40px; 
		}		
		.edit-account form .input #SubscriptionCc {
			width: 120px; 
		}		
		.edit-account form .input #SubscriptionCvv {
			width: 30px; 
		}
		.edit-account form .input .error-message {
			color: #DD0000; 
			font-weight: bold; 
			margin-left: 140px; 
		}
		.edit-account form .submit input {
			margin: 5px 0 0 0;
			padding: 5px 10px; 
		}
	.account dl {
		padding: 10px;	
	}
		.account dl dt {
			font-weight: bold; 
			float: left; 
			width: 120px; 
		}		
		.account dl dd {
			float: left; 
			margin-bottom: 15px; 
			width: 300px; 
		}
	.account .edit-info {
		float: right;
	}
	.account .subscription-status {
		font-size: 120%; 
		font-weight: bold; 
		text-align: center; 
	}
		.account .subscription-status strong.active {
			color: #0A0;  
		}		
		.account .subscription-status strong.inactive {
			color: #A00;  
		}
.login {
}
	.login .input {
		padding: 10px; 
	}
		.login .input label {
			display: block; 
			float: left;
			margin-right: 5px; 
			text-align: right; 
			width: 100px; 
		}
		.login button {
			margin-left: 110px;
		}
#subContent .loggedin {
}
	#subContent .loggedin ul {
		margin: 25px 0 0 0;
	}
		#subContent .loggedin ul li {
			margin: 5px;
		}
			#subContent .loggedin ul li a {
				border-bottom: 1px solid #fff; 
				color: #fff;
				text-decoration: none; 
			}		
			#subContent .loggedin ul li a:hover {
				border-bottom: 1px solid #7EBF5B; 
				color: #fff;
			}			
			#subContent .loggedin ul li a:visited {
				color: #fff;
			}
.contact {
}
	.contact fieldset {
		border: 1px solid #AAA;
	}				
		.contact fieldset legend {
			color: #7EBE5D;
			font-weight: bold;
			font-size: 120%;
		}	
		.contact .input {
			padding: 10px 20px; 
		}	
			.contact .input label {
				display: block; 
				float: left;
				margin-right: 10px;
				text-align: right;
				width: 120px;
			}	
			.contact .input input {
				width: 200px;
			}	
		.contact .submit {
			margin-left:140px;
		}
.forgot {
}
	.forgot p {
		text-align: center;
	}
	.forgot input {
		margin-top: 10px;
	}

/* -------------------------------------------------------------- 
   Common Classes and Fixes  
-------------------------------------------------------------- */

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.clearfix {
  display: inline-block;
}

html[xmlns] .clearfix {
  display: block;
}

* html .clearfix {
  height: 1%;
}

/* First Agenda */
.first_agenda h3 {
	font-size: 120%;
	font-weight: bold;
	margin: 20px 0 0 0;
}

/* -------------------------------------------------------------- 
   PNG Borders Styles  
-------------------------------------------------------------- */

/* Insert the custom corners and borders for browsers with sufficient JavaScript support */

/* Rules for the top corners and border */
.bt {
  background:url(../img/layout/content_box.png) no-repeat 100% 0;
  margin:0 0 0 14px;
  height:25px;
}

.bt div {
  height:25px;
  width:15px;
  position:relative;
  left:-15px;
  background:url(../img/layout/content_box.png) no-repeat 0 0;
}

/* Rules for the bottom corners and border */
.bb {
  background:url(../img/layout/content_box.png) no-repeat 100% 100%;
  margin:0 0 0 14px;
  height:25px;
}

.bb div {
  height:25px;
  width:15px;
  position:relative;
  left:-15px;
  background:url(../img/layout/content_box.png) no-repeat 0 100%;
}

/* Insert the left border */
.i1 {
  padding:0 0 0 5px;
  background:url(../img/layout/content_corners.png) repeat-y 0 0;
}
/* Insert the right border */
.i2 {
  padding:0 6px 0 0;
  background:url(../img/layout/content_corners.png) repeat-y 100% 0;
}
/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3 {
  background:#fff;
  padding:25px 0 5px 33px;
}
/* CSS for the box ends here */



/**
 * Homepage
 */
.centerHeading
{
	font-size: 160%;
	font-weight: bold;
	text-align: center;
}

.centerText
{
	text-align: center;
	font-size: 125%;
	padding-bottom: 30px;
}

.subscribeBox
{
	background-image: url('/img/subscribeBackground.jpg');
	background-repeat: no-repeat;
	color: #fff;
	line-height: 110%;
	font-size: 10pt;
	overflow: hidden;
	height: 440px;
	width: 557px;
}

.subscribeBox li
{
	margin-left: 20px;
}

.subscribeBox .innerContainer
{
	padding: 20px;
}

.subscribeBox strong
{
	font-size: 14pt;
}

.subscribeContent
{
	width: 570px;
}

.subscribeContent div
{
	background: url('/img/subscribeContentBox.jpg');
	background-repeat: no-repeat;
	float: left;
	width: 275px;
	height: 197px;
	margin-right: 10px;
	margin-bottom: 10px;
	color: #848984;
	line-height: 150%;
}

.subscribeContent div p
{
	padding: 20px;
	margin: 0;
}

#content .subscribeContent div p
{
	margin: 0;
}

.subscribeContent div p strong
{
	font-size: 14pt;
}

.subscribeContent div p img
{
	padding-top: 10px;
}