/* =Main Elements
----------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, 
big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, 
center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0px;
	font-family: arial, sans-serif;
	font-size: 100%;
	margin: 0px;
	padding: 0px;
}
body {
    background: #006287;
	color: #333;
	font-size: 13px;
	font-weight: normal;
	margin: 0px auto;
}
a {
	color: #006287;
	outline: none;
}
a:hover {
	color: #c5552d;
}
h1, h2, h3, h4, h5, h6, h7, h8,
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span, h7 span, h8 span {
	font-family: georgia, serif;
	font-weight: normal;
}
h1 {
	color: #c5552d;
	font-size: 26px;
	margin-bottom: 15px;
}
h1 + h1 {
	margin-top: -15px;
}
h2 {
	color: #555;
	font-size: 18px;
	margin-bottom: 8px;
}
h2 + h2 {
	margin-top: -8px;
}
h3 {
	color: #006287;
	font-family: arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	margin-top: 25px;
}
h4 {
	font-family: arial, sans-serif;
	font-size: 15px;
	margin-top: 15px;
}
h5 {
	color: #006287;
	font-family: arial, sans-serif;
	font-size: 15px;
	margin-top: 18px;
}
h5.sitemap {
	color: #006287;
	font-family: arial, sans-serif;
	font-size: 15px;
	margin: 0px !important;
	padding: 5px 0px !important;
}
h6 {
	font-family: arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: -12px;
}
h5 + h4 {
	font-family: arial, sans-serif;
	font-size: 15px;
	margin-top: 4px;
}
h6 + p {
	line-height: 130%;
	padding-top: 17px;
	padding-left: 15px;
}
h5 + p {
	line-height: 130%;
	margin-top: -10px;
	padding-left: 15px;
}
p {
	line-height: 130%;
	padding-top: 15px;
}
h1 + p {
	padding-top: 0px;
}
h1 + h4 {
	margin-top: 0px;
}
h2 + p,
h4 + p {
	padding-top: 5px;
}
p + form fieldset {
	clear: both;
	padding-top: 15px;
}
.clearit {
	clear: both;
	height: 0px;
	line-height: 0px;
	margin: 0px;
	padding: 0px;
}
.btn {
	border: 1px solid #006287;
	float: left;
	margin-top: 5px;
	padding: 3px 5px;
}
.btn a {
	color: #006287;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}
.btn:hover {
	border-color: #c5552d;
}
.btn:hover a {
	color: #c5552d;
}
.btn + h4 {
	clear: both;
	margin-top: 15px;
}
.divider {
	border-top: 2px dotted #ccc;
	clear: both !important;
	margin: 15px 0px 0px 0px;
}
.divider + div {
	margin-top: 15px;
}



/* =Form Elements
----------------------------------------------- */

.error input[type="text"],
.error select {
    border: 1px solid #c00 !important;
    color: #c00 !important;
}
.error {
    color: #c00 !important;
}
form {
	display: inline;
}
fieldset {
	margin: 0px;
	padding: 0px;
}
input, select, textarea {
	border: 1px solid #ccc;
	color: #555;
	font-family: arial, sans-serif;
	font-size: 13px;
	padding: 3px;
}
option {
	font-family: arial, sans-serif;
	font-size: 13px;
}
input[type="checkbox"] {
	margin: 5px 7px 0px 0px;
}
.form-label {
	clear: left;
	padding: 3px 0px;
}
.form-entry {
	clear: right !important;
	padding: 3px 0px;
}
.form1col, .form2col {
	margin-top: 0px;
	width: 600px;
}
.form1col {
	padding-top: 0px;
}
.form2col .form-label {
	float: left;
	width: 100px;
}
input[type="text"],
textarea {
	width: 250px;
}
input[type="submit"] {
	background-color: #c5552d;
	border: 1px solid #c5552d;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 5px;
	padding: 3px 5px;
}
.instructions {
	color: #666;
	font-size: 11px;
}




/* =Common Elements
----------------------------------------------- */

#header {
    background: url('../images/top.png') no-repeat 0px 0px;
	clear: both;
	margin: 12px auto 0px auto;
	padding: 181px 0px 0px 0px;
	position: relative;
	width: 910px;
	
}
ul#social {
	position: absolute;
	right: 0px;
	top: 0px;
}

ul#social li {
	float: right;
	height: 24px;
	list-style: none;
	margin-left: 3px;
	width: 24px;
}
ul#social li a {
	display: block;
	height: 24px;
	text-decoration: none;
	width: 24px;
}
ul#social li a span {
	visibility: hidden;
}
ul#social li.facebook {
    background: url('../images/social/facebook.png') no-repeat 0px 0px;
}
ul#social li.twitter {
    background: url('../images/social/twitter.png') no-repeat 0px 0px;
}
.socialtext {
	color: #fff;
	position: absolute;
	right: 55px;
	margin-top: -12px;
	width: 80px;
}

#nav {
	background-color: #d8d8d8;
	padding: 7px 0px;
}
#nav ul {
	text-align: center;
}
#nav ul li {
	display: inline;
	list-style: none;
}
#nav ul li a {
	border-left: 1px solid #999;
	color: #c5552d;
	font-size: 15px;
	font-weight: bold;
	line-height: 15px;
	padding: 0px 20px;
	text-decoration: none;
}
#nav ul li a:hover {
	color: #006287;
}
#nav ul li.on {
   background: url('../images/house.png') no-repeat 18px 0px;
}
#nav ul li:first-child a {
	border-color: #d8d8d8;
}
#nav ul li.on a {
	color: #7f95cc;
	padding-left: 40px;
}
#container {
	background-color: #fff;
	margin: 0px auto;
	padding: 30px;
	width: 850px;
}
#side {
	border-right: 1px solid #ccc;
	float: left;
	padding: 0px 29px 0px 0px;
	width: 170px;
}
#side h2 {
	border-bottom: 2px dotted #ccc;
	color: #555;
	font-size: 18px;
	padding-bottom: 2px;
	clear: both;
	margin: 30px 0px 8px 0px;
}
#side > h2:first-child {
	margin-top: 0px;
}
#side > h2 {
	margin-bottom: 3px;
}
ul.side-nav li {
	font-size: 15px;
	list-style: none;
	padding: 5px 0px 0px 0px;
}
ul.side-nav li a {
	color: #006287;
	text-decoration: none;
}
ul.side-nav li a:hover {
	color: #c5552d;
}
.calendar {
	clear: both;
}
.calendar .date,
.calendar .time {
	color: #666;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
}
.calendar .title {
	font-size: 15px;
	padding: 3px 0px;
}
.calendar .details p {
	color: #666;
	padding-top: 0px;
}
#content .calendar {
	border-top: 2px dotted #ccc;
	margin-top: 20px;
	padding-top: 20px;
}
h1 + .calendar {
	border: 0px;
	margin-top: 0px;
	padding-top: 0px;
}
#content .calendar .date {
	float: left;
	font-size: 12px;
	padding-right: 10px;
}
#content .calendar .time {
	border-left: 1px solid #ccc;
	clear: right;
	float: left;
	font-size: 12px;
	padding-left: 10px;
}
#content .calendar .title {
	clear: both !important;
}
.signup {
	clear: both;
}
.signup form {
	background-color: #006287;
	display: block;
	padding: 15px;
}
.signup .form1col {
	width: auto;
}
.signup input[type="text"] {
	border-color: #fff;
	width: 130px;
}

#footer {
	clear: both;
	color: #006287;
	font-size: 12px;
	margin: 10px auto;
	width: 910px;
}
#content {
	float: left;
	padding: 0px 0px 0px 30px;
	width: 620px;
}
.intpic {
	float: right;
	margin: 0px 0px 15px 15px;
}
.intpic-small {
	float: right;
	margin: 0px 0px 15px 0px;
}
#content p + ul {
	margin: 15px 0px 0px 25px;
}
.breakout {
	background-color: #eee;
	margin: 10px 0px;
	padding: 20px;
}
.breakout p:first-child {
	padding-top: 0px;
}

.order {
	float:right;
	margin-top: -50px;
	padding-right: 45px;
}

.order a {
    background: url('../images/ordersmall.gif') no-repeat 0px 0px;
	color: #fff;
	display: block;
	font-size: 16px;
	font-weight: bold;
	height: 30px;
	padding-top: 5px;
	text-align: center;
	text-decoration: none;
	width: 115px;
}

.promo-order a {
    background: url('../images/order.gif') no-repeat 0px 0px;
	color: #fff;
	display: block;
	font-size: 17px;
	font-weight: bold;
	height: 46px;
	padding: 24px 0px 0px 80px;
	text-decoration: none;
	width: 200px;
}
.caption {
	float: right;
	margin: 0px 0px 15px 15px;
}
.caption span {
	color: #666;
	display: block;
	font-size: 11px;
	padding-top: 2px;
}
.caption img + span {
	padding-top: 5px;
}
.caption .small-img {
	margin-left: 45px;
}
.caption .order {
	float: none;
	margin-top: 0px;
	margin-bottom: 15px;
	padding-right: 0px;
}
.stores {
	padding: 10px 8px 10px 0px;
}
.media ul {
}
.media li {
	list-style: none;
	line-height: 150%;
}
.col1 {
	float: left;
	width: 200px;
}
ul.sitemap {
	margin: 0px 15px;
}
ul.sitemap li {
	list-style: square;
	line-height: 150%;
}
div#line{
	border: 0;
	width: 100%;
	color: #006287;
	background-color:#006287;
	height: 1px;
	line-height: 150%;
}
#footer {
	color: #fff;
}	
#footer a {
	color: #fff;
	padding-right: 5px;
	text-decoration: none;
}	
#footer a:hover {
	color: #fff;
	padding-right: 5px;
	text-decoration: underline;
}