html, body {
	height: 100%;
	min-height: 100%;	
}

body {
	background: #FFF url(../images/body-bg.gif) no-repeat center top;
	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: #000000;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 100%;
}
#container {
	width: 980px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	height: 100%;
	min-height: 100%;
}

#logo {
    position: absolute;
	top: 0px;
	z-index: 10;
	left: 50%;
	margin-left: -400px;
}
#tag {
    position: absolute;
	top: 67px;
	z-index: 10;
	left: 50%;
	margin-left: 22px;
}

#menu {
	position: absolute;
	top: 100px;
	z-index: 9;
	left: 50%;
	margin-left: -442px;
	background: transparent url(../images/menu-bg.png) no-repeat;
	width: 773px; /* 908px */
	height: 44px;
	padding-left: 135px;
}

#footer {
	background: transparent url(../images/footer-bg.png) no-repeat;
	width: 874px; /* 874px */
	height: 105px;
	position: relative;
	top: -28px;
	left: 45px;
	padding: 0px 0px 0px 0px;
}
#footer .footer-content {
	color: #fff;
	text-align: left;
	width: 785px;
	font-size: 12px;
	height: 60px;
}
#footer .footer-content .col-1{
	width: 310px;
}
#footer .footer-content .col-2{
	width: 450px;
	padding-top: 7px;
	line-height: 19px;
}
#footer .footer-content a{
	color: #fff;
}

.tweet {
	font-size: 12px;
	background: url(../images/twitter-bg.gif) no-repeat left 15px;
	padding-left: 45px;
	padding-top: 10px;
	line-height: normal;
	margin-bottom: 30px;
}

.tweet a{
	color: #fff;
	text-decoration: none;
}

.tweet-message {
	font-weight: bold;
}

/* 
  -- Even more rounded corners with CSS: Base stylesheet --
*/

.content-top {
	background: url(../images/content-container-top.png) no-repeat center top;
	height: 60px;
	width: 910px;
	position: absolute;
	left: 50%;
	margin-left: -460px;
	top: 40px;
}

.content {
	max-width:940px; /* based on image dimensions - not quite consistent with drip styles yet */
	color:#696A6C;
	font-size: 12px;
	line-height: 22px;
	z-index:1;
	background: url(../images/content-container.png) repeat-y 30px 0px;
	padding-top: 40px;
	margin-top: 100px;
	min-height: 1150px;
}

#content-left
{
float: left;
width: 216px;
margin: 0;
padding-top: 70px;
padding-bottom: 5px;
margin-left: 77px;
color: #fff;
position:absolute;
}

#content-left a
{
color: #fff;
text-decoration: none;
}
#content-left a:hover
{
color: #fff;
text-decoration: underline;
}

#content-right
{
float: right;
width: 220px;
margin: 0;
padding-top: 10px;
}

.main-content
{
margin-left: 355px;
margin-right: 45px;
margin-top: 20px;
}


#content-right .contentheading { 
	color: #67689D;
	font-weight: bold;
}

#content-right .upcoming {
	background: url(../images/upcoming-bg.gif) no-repeat top center;
	padding: 70px 22px 0px 22px;
	height: 203px;
	line-height: normal;
	overflow: hidden;
	font-size: 11px;
}

/* MENU */

<!--
.ddmx18{
border:0px solid  !important ; 
}
.ddmx18 a.item1,
.ddmx18 a.item1:hover,
.ddmx18 a.item1-active,
.ddmx18 a.item1-active:hover {
 padding: 0px 0px 0px 0px  !important ; 
 top: 0px !important ; 
 left: 0px; 
 font-size: 12px !important ; 
 font-family: Arial, Helvetica, sans-serif !important ; 
 text-align: left !important ; 
 font-weight: bold !important ; 
 text-decoration: none !important ; 
 display: block; 
 white-space: nowrap; 
 position: relative; 
}
.ddmx18 td.item11 {
 padding:0 !important ; 
 border-top: 0px solid  !important ; 
 border-left: 0px solid  !important ; 
 border-bottom: 0px solid ;
 border-right: 0 !important ; 
 white-space: nowrap !important ; 
}
.ddmx18 td.item11-last {
 padding:0 !important ; 
 border: 0px solid  !important ; 
 white-space: nowrap; 
}
.ddmx18 td.item11-acton {
 padding:0 !important ; 
 border-top: 0px solid  !important ; 
 border-left: 0px solid  !important ; 
 white-space: nowrap; 
 border-bottom: 0px solid ;
}
.ddmx18 td.item11-acton-last {
 border: 0px solid  !important ; 
}
.ddmx18 .item11-acton-last a.item1,
.ddmx18 .item11-acton a.item1,
.ddmx18 .item11-acton-last a:hover,
.ddmx18 .item11-acton a:hover,
.ddmx18 .item11 a:hover,
.ddmx18 .item11-last a:hover,
.ddmx18 a.item1-active,
.ddmx18 a.item1-active:hover {
}
.ddmx18 a.item2,
.ddmx18 a.item2:hover,
.ddmx18 a.item2-active,
.ddmx18 a.item2-active:hover {
 padding: 0px 0px 0px 0px  !important ; 
 font-size: 12px !important ; 
 font-family: Arial, Helvetica, sans-serif !important ; 
 text-align: left !important ; 
 font-weight: bold !important ; 
 text-decoration: none !important ; 
 display: block; 
 white-space: nowrap; 
 opacity:0.85; 
}
.ddmx18 a.item2 {
 border-top: 0px solid  !important ; 
 border-left: 0px solid  !important ; 
 border-right: 0px solid  !important ; 
}
.ddmx18 a.item2-last {
 border-bottom: 0px solid  !important ; 
 z-index:500; 
}
.ddmx18 a.item2:hover,
.ddmx18 a.item2-active,
.ddmx18 a.item2-active:hover {
 border-top: 0px solid  !important ; 
 border-left: 0px solid  !important ; 
 border-right: 0px solid  !important ; 
}
.ddmx18 .section {
 border: 0px solid  !important ; 
 position: absolute; 
 visibility: hidden; 
 display: block; 
 z-index: -1; 
}
.ddmx18 .subsection a{
 white-space:normal !important; 
}
.ddmx18frame {
 border: 0px solid  !important ; 
}
.ddmx18 .item11-acton-last .item1 img.seq2,
.ddmx18 .item11-acton .item1 img.seq2,
.ddmx18 img.seq1
{
 display:    inline; 
}
.ddmx18 a.item1:hover img.seq2,
.ddmx18 a.item1-active img.seq2,
.ddmx18 a.item1-active:hover img.seq2,
.ddmx18 a.item2:hover img.seq2,
.ddmx18 a.item2-active img.seq2,
.ddmx18 a.item2-active:hover img.seq2
{
 display:    inline; 
}
.ddmx18 img.seq2,
.ddmx18 .item11-acton-last .item1 img.seq1,
.ddmx18 .item11-acton .item1 img.seq1,
.ddmx18 a.item2:hover img.seq1,
.ddmx18 a.item2-active img.seq1,
.ddmx18 a.item2-active:hover img.seq1,
.ddmx18 a.item1:hover img.seq1,
.ddmx18 a.item1-active img.seq1,
.ddmx18 a.item1-active:hover img.seq1
{
 display:   none; 
}
* html .ddmx18 td { position: relative; } /* ie 5.0 fix */

-->

/* All */
.col2-set, .col3-set, .col4-set, .col5-set { clear:both; }

/* Col2 */
.col2-set .col-1, .col2-set .col-2 { width:48.5%; }
.col2-set .col-1 { float:left; }
.col2-set .col-2 { float:right; }

/* Col2-alt */
.col2-alt-set .col-1 { width:32%; }
.col2-alt-set .col-2 { width:65%; }
.col2-alt-set .col-1 { float:left; }
.col2-alt-set .col-2 { float:right; }

/* Col3 */
.col3-set .col-1, .col3-set .col-2, .col3-set .col-3 { float:left; width:31.3%; }
.col3-set .col-1, .col3-set .col-2 { margin-right:3%; }

/* Col4 */
.col4-set .col-1, .col4-set .col-2, .col4-set .col-3, .col4-set .col-4 { float:left; width:22%; }
.col4-set .col-1, .col4-set .col-2, .col4-set .col-3 { margin-right:4%; }

/* Table Columns */
table .col-1, table .col-2, table .col-3, table .col-4 { float:none !important; margin:0 !important; }
.col3-set td.spacer { width:3%; }
.col4-set td.spacer { width:4%; }

.wrapper .main-content-full .blog.specials { padding: 0px 80px 0px 80px; line-height: 20px;  }
.wrapper .main-content-full .blog.specials .article_column { padding: 0px 15px 0px 15px; }

.specials-header { margin-top: 20px; margin-bottom: -25px; }

.createdate { text-transform: uppercase; color: #67689d; }

.contentpagetitle.specials { font-weight: bold; }

#news-subscribe { float: left; padding-bottom: 15px; }

.clear { clear: both; }

.contact { float: left; width: 395px; line-height: 16px; margin-bottom: 8px; }

.contact .col-1 { width: 225px; }

.contact .col-2 { width: 165px; }

.location span { display: block; }

.contact-name { text-transform: uppercase; padding-top: 5px; font-weight: bold; }

.contact-address { padding-top: 12px; }

.contact-misc { padding-top: 12px; }

.contact-map {
	padding-top: 12px;
	font-style:oblique;
}

.contact-us-header { margin-top: 20px; margin-bottom: 20px; }

#news-subscribe input { background-color:#FFFFFF; border: 2px solid #FFFFFF; height: 18px; margin-right: 4px; width: 137px;}

.search .inputbox { background-color:#FFFFFF; border: 2px solid #FFFFFF; height: 18px; margin-right: 4px; width: 137px; position: relative; top:-8px;}

#news-subscribe .button { background: url(../images/blog-join-btn.gif) no-repeat; width: 63px; height: 24px; border: 0px; margin: 0px!important; }

.search { height: 24px; }

.rss-text { width: 137px; float: left; margin-right: 8px;}

.rss-btn { width: 63px; height: 24px; border: 0px; float: left; }

.blog-intro {
	background: url(../images/blog-intro-bg.png) no-repeat;
	color: #000;
	padding: 70px 31px 10px 25px;
	line-height: 18px;
}

#locations p {
	display: none;
}

.buttonheading { padding: 0px; margin: 0px; }

#locations { position: absolute; }

.blog-image-dialog img {
	width: 458px;
}

#myBlog-content .postSummary { margin-bottom: 25px; }

.blog-image-dialog {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:600px; /* based on image dimensions - not quite consistent with drip styles yet */
 color:#fff;
 z-index:1;
 margin-left:10px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
}

.blog-image-dialog .blog-image-content,
.blog-image-dialog .blog-image-t,
.blog-image-dialog .blog-image-b,
.blog-image-dialog .blog-image-b div {
 background:transparent url(../images/image-container.jpg) no-repeat top right;
 _background-image:url(../images/image-container.jpg);
}

.blog-image-dialog .blog-image-content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:34px 34px 0px 0px;
}

.blog-image-dialog .blog-image-t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:34px; /* top slice width */
 margin-left:-34px;
 height:100%;
 _height:770px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.blog-image-dialog .blog-image-b {
 /* bottom */
 position:relative;
 width:100%;
}

.blog-image-dialog .blog-image-b,
.blog-image-dialog .blog-image-b div {
 height:34px; /* height of bottom cap/shade */
 font-size:1px;
}

.blog-image-dialog .blog-image-b {
 background-position:bottom right;
}

.blog-image-dialog .blog-image-b div {
 position:relative;
 width:34px; /* bottom corner width */
 margin-left:-34px;
 background-position:bottom left;
}

.back_button {
	margin-bottom: 10px;
	color: #67689D; 
}
#myBlog-wrap a {
	color: #67689D;
	text-decoration: none;
}
#myBlog-wrap a:hover {
	color: #67689D;
	text-decoration: underline;
}
#myBlog-content br { height: 3px; line-height: 4px; }