/* 1. RESET
----------------------------------------------------------------------------- */
* {margin:0; padding:0; font-size:13px; font-family:Arial, Verdana, sans-serif; outline:0;}
a, fieldset {border:none}

/* 2. TYPO
----------------------------------------------------------------------------- */
a, span, div, li {font-size:100%;}
h1 {font-size:200%;}
h2 {font-size:200%;}
h3 {font-size:150%;}
h4 {font-size:130%;}
h5 {font-size:120%;}
h6 {font-size:110%;}

h1, h2, h3, h4, h5, h6 {font-weight:normal;}

p, li {line-height:145%;}
p {margin:.4em 0 .6em 0;}

/* -- BROWN --*/
.brown, p, li, dt, dd, ul#main-nav a {color:#55463C;}
/* -- RED --*/
a, a:link, a:visited, .red, h1, h2, h3, h4, h5, h6 {color:#B2510F;}

.green-ul{border-bottom:1px dotted #d8d3cb; color:#B1BB1C; margin-bottom:.3em;}

img.border {padding:3px; border:1px solid #D9D3CE;}

/* 3. MAIN LAYOUT
----------------------------------------------------------------------------- */
html {background:#4d6e55 url(/images/core/background.jpg) repeat center top;}
body {background:url(/images/core/background-gradient.jpg) repeat-x center top;}

#page-wrapper {margin:0 auto; width:1000px;}
h1#logo {float:left; margin:10px 0 5px 15px;}
h1#logo a {background:url(/images/core/logo.gif) no-repeat left top; display:block; height:91px; text-indent:-9999px; width:302px;}
#header {overflow:hidden; position:relative; width:100%;}
#head-member-wrapper {position:absolute; right:15px; text-align:right; top:6px;}
#head-member-wrapper p {color:#e9e5de;}
#head-member-wrapper em {font-size:85%;}
#head-member-wrapper a {border:0; color:#d2de82; text-decoration:none;}
#head-member-wrapper a:hover {border-bottom:1px dotted #d2de82;}
#nav-wrapper {background:url(/images/core/nav-background.gif) no-repeat center top; height:55px; margin:0; padding:0 10px; position:relative; width:980px; z-index:10;}
#sign-up-now {background:url(/images/core/get-started-now.png) no-repeat; display:block; height:115px; position:absolute; right:-34px;  text-indent:-9999px; top:-28px; width:111px; z-index:20;}
#body {background:url(/images/core/content-background.gif) repeat-y center top; margin:0; overflow:hidden; padding:0 10px 43px; width:980px;}
#breaking-news {margin:1.3em 0 .3em; padding:2px 0; position:relative; z-index:1;}
#breaking-news h3 {background:url(images/core/breaking-news.png) no-repeat left center; height:64px; left:15px; position:absolute; text-indent:-9999px; top:-10px; width:177px; z-index:3;}
#breaking-news ul { background:#4B6B53; list-style:none; margin:0; padding:0; position:relative; z-index:2;}
#breaking-news ul li {color:#FFF; font-size:100%; font-weight:bold; margin-left:200px; margin-right:50px; padding:.75em 0; position:relative; z-index:2;}
#main-content {float:left; margin:25px 0 0 20px; width:630px;}
#sidebar-right {float:right; margin-right:20px; padding:25px 0 0; width:290px;}
#footer-wrapper {background:url(/images/core/content-bottom-background.gif) no-repeat center top; clear:both; overflow:hidden; padding:15px; position:relative; width:970px;}
#footer-credits {float:right; width:275px;}
#footer-credits p, #footer-credits a {color:#658373; text-decoration:none;}
#footer-credits a:hover {text-decoration:underline;}
#footer-credits p {font-size:90%; margin-bottom:.7em; text-align:right;}
#footer-credits .credits {background:url(/images/core/flipbox-logo.png) no-repeat center top; display:block; float:right; height:28px; text-indent:-9999px; width:85px;}
#footer-credits .credits:hover {background-position:center -30px;}
#slideshow {height:300px; margin-bottom:2em;  width:600px;}

/* 4. NAVS
----------------------------------------------------------------------------- */

/*-- MAIN NAV --*/
#main-nav, #main-nav ul {list-style:none; margin:0; padding:0; position:relative;}
#main-nav {display:inline; float:right; margin:10px 80px 0 5px; position:relative; z-index:100;}
#main-nav li:hover ul, #main-nav li.sfHover ul {left:0px; top:45px;}
#main-nav li:hover li ul, #main-nav li.sfHover li ul {top:-999em;}
#main-nav li li:hover ul, #main-nav li li.sfHover ul {left:227px; top:0;}
#main-nav li li:hover li ul, #main-nav li li.sfHover li ul {top:-999em;}
#main-nav li li li:hover ul, #main-nav li li li.sfHover ul {left:227px; top:0;}
#main-nav ul li {width:100%;}
#main-nav li {float:left; margin:0 0 0 1px; padding:0; position:relative; z-index:100;}
#main-nav a, #main-nav a:link, #main-nav a:active, #main-nav a:visited {display:block; padding-left:16px; position:relative; z-index:100;}
#main-nav a span, #main-nav a {float:left; text-decoration:none;}
#main-nav a span, #main-nav a:link span, #main-nav a:active span, #main-nav a:visited span, #main-nav ul a {display:block; font-size:110%; height:33px; padding:12px 16px 0 0; text-decoration:none;}
#main-nav li.active a {background:url(/images/core/nav-left.gif) no-repeat left top;}
#main-nav li.active a span {background:url(/images/core/nav-right.gif) no-repeat right top;}
#main-nav li a:hover, #main-nav li:hover a, #main-nav li.sfHover a {background:url(/images/core/nav-left.gif) no-repeat left -70px; cursor:pointer;}
#main-nav li a:hover span, #main-nav li:hover a span, #main-nav li.sfHover a span {background:url(/images/core/nav-right.gif) no-repeat right -70px; cursor:pointer;}
#main-nav ul {background:#D0DD81; list-style:none; margin:0; position:absolute; top:-999em; width:230px;}
#main-nav li li, #main-nav li:hover li, #main-nav li li a, #main-nav li:hover li a, #main-nav li li li, #main-nav li li:hover li, #main-nav li li li a, #main-nav li li:hover li a, #main-nav li li li li, #main-nav li li li:hover li, #main-nav li li li li a, #main-nav li li li:hover li a {margin:0; background:#D0DD81;}
#main-nav ul a, #main-nav ul a span {float:none; font-size:100%;}
#main-nav ul a {background:#D0DD81; border-bottom:1px dashed #E6EFB2; height:auto; padding:.6em 16px .6em 16px;}
#main-nav li li:hover, #main-nav li li.sfHover, #main-nav li li li:hover, #main-nav li li li.sfHover, #main-nav li li li li:hover, #main-nav li li li li.sfHover {background:#D0DD81 url(/images/core/menu-hover.gif) no-repeat center bottom;}
#main-nav li li:hover a, #main-nav li li.sfHover a, #main-nav li li li:hover a, #main-nav li li li.sfHover a, #main-nav li li li li:hover a, #main-nav li li li li.sfHover a {background:url(/images/core/menu-hover-top.gif) no-repeat center top;}


/*-- SIDE SUB NAV --*/	
#sub-menu {width:265px;}
#sub-menu a, #sub-menu h4 span {display:block; padding:.2em 0; border-bottom:1px solid #d8d3cb; text-decoration:none;}
#sub-menu h3 {margin-bottom:.2em; font-weight:normal;}
#sub-menu h3 a {border-bottom:0; padding:0;}
#sub-menu h4 a, #sub-menu #nav a, #topics a {color:#55463C;}
#sub-menu h4 {font-size:115%; font-weight:normal;}
#sub-menu ul {list-style:none;}
#sub-menu #nav {margin-left:.6em; margin-bottom:1.5em;}
#sub-menu #nav ul a, #sub-menu #topics a {padding-left:.4em;}
#sub-menu #nav li.parent a {padding-left:.5em;}
#sub-menu #nav li.parent a.active {background-image:none;}
#sub-menu #nav li.child a {padding-left:1.3em; padding-right:2em; background:url(/images/core/bullet-arrow.gif) no-repeat 3px 7px;}
#sub-menu #nav li.entry a {padding-left:2em; color:#55463C; background:url(/images/core/bullet-sub-arrow.gif) no-repeat 11px 7px;}
#sub-menu #nav li a.active, #sub-menu #nav li.child a.active {background-image:url(/images/core/bullet-arrow-down.gif); background-color:#FAF8F6; background-repeat:no-repeat;}
#sub-menu #nav li.entry a.active {background-image:url(/images/core/bullet-sub-arrow.gif);}
#sub-menu #nav ul li a:hover, #sub-menu #nav li.child a:hover, #sub-menu #topics a:hover {background-color:#FAF8F6;}
#sub-menu #nav li li a {border-bottom:1px dotted #d8d3cb; }
#sub-menu .member-nav li a.active {background-image:url(/images/core/bullet-arrow.gif) !important;}

/*-- FOOTER NAV --*/	
#footer-nav {float:left; list-style:none; width:675px;}
#footer-nav li {border-left:1px solid #658373; display:inline; padding:0 6px 0 8px;}
#footer-nav li:first-child {border:0;}
#footer-nav a {color:#658373; font-size:90%; text-decoration:none;}
#footer-nav a:hover {text-decoration:underline;}


/* 5. FORMS
----------------------------------------------------------------------------- */

form input, form label, form textarea, form select {
 font-family:arial;
 padding:.35em .2em;
 font-size:100%;
 color:#55463C;
}
form select {padding:2px;}
form input {
 width:275px;
}
form input.send {
 width:auto;
}
form input.name, form input.phone, form input.password, form input.city {
 width:200px;
}
form input.zip {
 width:125px;
}
form input.captcha {
 width:75px;
 height:19px;
 padding:.2em;
 font-size:16px;
 float:left;
 margin-right:5px;
}
form input.chk-box {
 margin:6px 5px 0 30px;
 width:auto;
}
form textarea {
 width:400px;
}
form label {
 display:block;
 float:left;
 width:130px;
 text-align:right;
 margin-right:5px;
 padding:.45em 0 0;
}
form div.captcha {
 margin-left:135px;
}
form .buttons {
 margin:.75em 0 1em 135px;
}
form .buttons-left {
 margin:.75em 0 1em 25px;
}
form .round-button {
 background:url(/images/submit-left.gif) no-repeat left top;
 float:left;
}
form .round-button button {
 background:url(/images/submit-right.gif) no-repeat right top;
 border:0;
 margin:0;
 line-height:17px;
 max-height:36px;
 padding:8px .75em 12px;
 overflow:visible;
 font-size:15px;
}
form .round-button:hover, form button:hover {
 cursor:pointer;
 background-position:left bottom;
 }
form .round-button:hover button {
 cursor:pointer;
 background-position:right bottom;
 }
form h4 {
 border-bottom:1px dotted #d8d3cb;
 margin:25px 0 5px;
 font-weight:normal;
 position:relative;
}
form p.forgot-info {
 padding:.5em 0 0 135px;
 clear:both;
}
.scrollbox {background:#E6E3DC; height:130px; overflow:auto; padding-left:15px;}
.scrollbox h5 {color:#55463C; font-size:110%; font-weight:bold; margin:1em 0 0;}
.scrollbox p {margin:0 0 1em;}
.scrollbox ul {line-height:135%; list-style-type:disc; margin:.3em 0 .6em 25px;}
/* 6. TABLES
----------------------------------------------------------------------------- */

table input {
 width:auto;
}
table {
 width:100%;
 font-size:100%;
 border-collapse:collapse;
 border-top:1px solid #55463C;
 border-right:1px solid #55463C;
 color:#55463C;
 }
table p {
 line-height:95%;
 font-size:85%;
}
table caption {
 text-align:right;
 margin-bottom:.4em;
}
table tr.head-area th {
 padding:.6em 0;
 font-size:90%;
}
table td, table th {
 text-align: center;
 vertical-align: middle;
 border-bottom:1px solid #55463C;
 border-left:1px solid #55463C;
 }
table th.row-title {
 text-align:left;
 margin:0;
 font-weight:normal;
 padding:.6em 8px;
 }
table tr.alt td, table tr.alt th {
 background-color:#F9F5ED;
 }
table tr.head-area th {
 background-color:#EFEAE0;
 border-bottom:3px solid #55463C;
 padding-left:.3em;
 padding-right:.3em;
 }
td {
 width:12%;
 padding:.5em 0;
 }

/* 7. ADDRESS
----------------------------------------------------------------------------- */

address {font-style: normal;}
address p {margin:0;}
.contact-info .vcard {
 margin:.5em 0 0 1em;
}
.contact-info .vcard p {
 margin:.2em 0;
}
.contact-info .vcard .adr {
 margin-bottom:.5em;
}


/*-------------------------------------------------------------- WYSIWYG FORMATTING --*/
.copy h1, .copy h2, .copy h3, .copy h4, .copy h5, .copy h6, .copy p {
 margin:1em 0 0;
 padding:0;
 background:none;
 border:0;
 text-align:left;
 font-weight:normal;
 line-height:normal;
}
.copy .underline {border-bottom:1px dotted #d8d3cb; margin-bottom:.1em;}
.copy p, .copy li {line-height:145%;}
.copy li {margin:.2em 0;}
.copy p {font-weight:normal; margin:.3em 0 .7em 0;}
.copy h1 {font-size:160%;}
.copy h2 {font-size:150%;}
.copy h3 {font-size:140%;}
.copy h4 {font-size:125%;}
.copy h5 {font-size:110%; font-weight:bold;}
.copy h6 {font-size:100%; font-weight:bold;}
.copy ul, .copy ol {
 margin:.8em 0 .8em 2.5em;
 list-style-type:disc;
}
.copy ol {
 list-style-type: decimal;
}
.copy img {margin:0 10px;}
.copy img.float-right {
 margin-right:0px;
}
.copy img.float-left {
 margin-left:0px;
}

/*-------------------------------------------------------------- MISC -- */

/*-- PAGE QUOTES --*/
blockquote.page-quote {
 background:#f5f2ee url(/images/core/blockquote-top.gif) no-repeat 6px 6px;
 display:block;
 padding:0 5px;
 margin-bottom:1.5em;
 border-top:1px solid #edeae7;
 border-bottom:1px solid #edeae7;
}

blockquote.page-quote p {
 background:url(/images/core/blockquote-bottom.gif) no-repeat right bottom;
 padding:6px 4px 0  8px;
 font-size:110%;
 font-style:italic;
 text-indent:1.5em;
}
/*-- NEED HELP IMAGE --*/
a#need-help {
 height:107px;
 width:280px;
 background:url(/images/core/need-help.jpg) no-repeat center top;
 display:block;
 text-indent:-9999px;
 border:0;
 margin-bottom:1.5em;
}
a.program-signup {
 height:29px;
 display:block;
 text-indent:-9999px;
 float:right;
 margin:1.5em 2.5em 0 0;
 width:106px;
 background:url(/images/core/button-signup-green.gif) no-repeat right top;
}
a.download-contact {
 line-height:19px;
 float:right;
 border:0;
 padding-right:35px;
 font-weight:bold;
 margin-right:1.5em;
 background:url(/images/icons/icon-hcard-download.png) no-repeat right center;
}
alert, .notice, .confirm, #email-results {
 padding:1em;
 background:#FFFFF6;
 position:relative;
 margin:0 0 1em 0;
 border:6px solid #D0DD81;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 background-position:14px 10px;
 background-repeat:no-repeat;
}
#email-results {margin:0;}
.notice {background-color:#FFFFDF; background-image:url(images/icons/32/attention.png); border-color:#F1CF92;}
.confirm {background-color:#CCFFCC; background-image: url(images/icons/32/valid-green.png); border-color:#85C246;}
.alert {background-color:#BB3333; background-image: url(images/icons/32/remove-red.png); border-color:#BB3333;}
.notice h3, .confirm h3, .alert h3 {
 padding-left:38px;
 margin-bottom:.4em;
 font-size:26px;
}
.alert p, .notice p, .confirm p {
 padding-left:.5em;
}
.close {
 position:absolute;
 border:0;
 font-size:80%;
 top:10px;
 right:10px;
}
a.read-more, a.read-more-green, a.read-more-yellow {
 float:right;
 text-decoration:none;
 display:block;
 margin:0;
 border:0;
 margin-top:10px;
 margin-right:10px;
 padding-right:15px;
 background:url(images/read-more-red.gif) no-repeat right center;
}
a.read-more-green {color:#31846E; background-image:url(images/read-more-green.gif);}
a.read-more-yellow {color:#B9C476; background-image:url(images/read-more-yellow.gif);}
a.read-more:hover, a.read-more-green:hover, a.read-more-yellow:hover {text-decoration:underline;}
.hide {display:none;}

#recent-news-head {
 background:#5d4e3a url(images/news-head.gif) no-repeat left top;
 width:259px;
 color:#FFF;
 font-size:150%;
 padding:.4em 15px;
 position:relative;
 clear:both;
 margin-top:1em; 
}
#recent-news-head a.subscribe {
 display:block;
 width:34px;
 height:27px;
 background: url(images/rss.gif) no-repeat center top;
 float:right;
 text-indent:-9999px;
 position:absolute;
 bottom:0;
 right:.75em;
}
#recent-news-head a.subscribe:hover {
 background-position:center bottom;
}
#recent-news {
 background: url(images/news-ul-back.gif);
 width:289px;
 padding:0;
}
#recent-news li {
 display:block;
 padding: 10px 15px 36px 20px;
 background:url(images/news-li-back.gif) no-repeat left bottom;
 border-top:1px solid #ECEADE;
 overflow:hidden;
}
#recent-news li.right {background-position:right bottom;}
#recent-news li a:hover {
 text-decoration:underline;
}
#recent-news p, #recent-news h5 {
 float:right;
 width:195px;
}
#recent-news p {line-height:120%;}
#recent-news h5 a {border-bottom:0; text-decoration:none;}
#recent-news h5 {font-size:115%; margin:0; padding:0;}
#recent-news .date {
 background:url(images/news-date.gif) no-repeat center top;
 float:left;
 width:44px;
 height:56px;
 margin:10px 0 0;
}
#recent-news .date span {
 display:block;
 text-align:center;
 font-weight:bold;
}
#recent-news .date .day {
 line-height:34px;
 color:#FFF;
 font-size:160%;
}
#recent-news .month {
 line-height:22px;
}