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. */
}

#logo {
    position: absolute;
	top: 0px;
	z-index: 10;
	left: 50%;
	margin-left: -400px;
}
#tag {
    position: absolute;
	top: 71px;
	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;
	text-decoration: none;
}
#footer .footer-content a:hover{
	color: #fff;
	text-decoration: underline;
}

.tweet {
	font-size: 13px;
	background: url(../images/twitter-bg.gif) no-repeat right 20px;
	padding-right: 50px;
	padding-top: 25px;
	height: 60px;
}
.tweet-message {
	font-weight: bold;
}

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

.dialog {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:910px; /* based on image dimensions - not quite consistent with drip styles yet */
 color:#696A6C;
 font-size: 12px;
 line-height: 22px;
 z-index:1;
 margin-left:30px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
 margin-top: 42px;
}

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

.dialog .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:105px 36px 0px 36px;
}

.dialog .content a {
	color: #67689D;
	text-decoration: none;
}
.dialog .content a:hover {
	color: #67689D;
	text-decoration: underline;
}


.dialog .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:30px; /* top slice width */
 margin-left:-30px;
 height:100%;
 _height:1596px; /* arbitrary long height, IE 6 */
 background-position:top left;
 display: none;
}

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

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

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

.dialog .b div {
 position:relative;
 width:30px; /* bottom corner width */
 margin-left:-30px;
 background-position:bottom left;
 display: none;
}

.dialog .hd,
.dialog .bd,
.dialog .ft {
 position:relative;
}

.dialog .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1570px;
 overflow:hidden; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

#content-left
{
float: left;
width: 230px;
margin: 0;
padding-top: 50px;
padding-bottom: 5px;
}

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

.main-content
{
margin-left: 250px;
margin-right: 260px;
margin-top: 4px;
}

.main-content-full .article-view
{
margin-left: 155px;
margin-top: 18px;
}

.main-content-full .article-view .contentheading
{
font-size: 14px;
}

#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; min-width:600px;  }
.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: right; right: 5px; clear: right; padding-bottom: 2px; }

.clear { clear: both; }

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

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

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

.contact 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; }

#subscriber_email { background-color:#DBDCDD; border: 2px solid #DbDCdd; padding-top: 4px; height: 16px; margin-right: 4px; width: 250px; margin-left: 4px;}

#news-subscribe .button { background: url(../images/join-btn.gif) no-repeat; width: 66px; height: 25px; border: 0px; cursor: pointer; }

.hasTip { display: none; }

.pagination {
	border-top: 1px dotted #ABADB0;
	border-right: 1px none #ABADB0;
	border-bottom: 1px dotted #ABADB0;
	border-left: 1px none #ABADB0;
}

.pagination-pages {
	font-size: smaller;
	font-style: italic;
	margin-bottom: 5px;
}