/**
 * Styles for MARS Memory-Health Network
 * 
 * This file defines all of the main styles 
 * for MARS Memory-Health Network.
 *
 * @author William Dodson | Outer Banks Design Works <http://obxdesignworks.com>
 * @copyright Copyright (c) 2009 MARS Memory-Health Network
 * @date 2009-03-27
 * @version 0.2.3
 * @site MARS Memory-Health Network (http://www.marsmemory.com/)
 * @media screen
 *
 * Colors used for MARS Memory-Health Network
 *
 * @colordef #006CAB (medium blue for links)
 * @colordef #00326A (main dark blue)
 * @colordef #769FB1 (medium pastel aqua)
 * @colordef #BBD0D9 (light pastel aqua)
 * @colordef #D9E4EA (pale aqua)
 * @colordef #6B0400 (red)
 * @colordef #2A2624 (dark reddish gray)
 * @colordef #4F5151 (medium gray)
 * @colordef #F8F8F8 (really light gray)
 */
/**
 * @section Reset CSS
 * ======================================================================
 */
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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
 background: transparent;
 border: 0;
 font-weight: inherit;
 font-style: inherit;
 font-size: 100%;
 font-family: inherit;
 margin: 0;
 padding: 0;
 outline: 0;
 vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
 outline: 0;
}
body {
 background: #fff;
 color: #000;
 line-height: 1;
}
ol, ul {
 list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
 border-collapse: collapse;
 border-spacing: 0;
}
caption, th, td {
 font-weight: normal;
 text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
 content: "";
}
blockquote, q {
 quotes: "" "";
}

/**
 * @section WYSIWYG Error Checking
 * ======================================================================
 */
font, 
center, 
div[align], 
p[align], 
table[align], 
font[color] {
color : #AD0017;
font-weight : bold;
background : #FFF5AD/* url(images/warning.gif) repeat 0 0*/;
margin : 10px;
padding : 10px;
border : 2px dashed #AD0017;
font-size : 2em;
}


/**
 * @section Base HTML
 * ======================================================================
 */
body {
 background: #fff url('/img/main/body-tile-bg.png') repeat-x 0 0;
 color: #2A2624;
 font-family: georgia, palatino, 'palatino linotype', 'times new roman', serif;
 font-size:1em;
 line-height: 1.5em;
}
body#index {
 background: #fff url('/img/main/body-tile-bg_home.png') repeat-x 0 0;
}
a, a:link {
 color: #006CAB;
}
a:visited {
 color: #006CAB;
}
a:hover {
 color: #6B0400;
}
a:focus {
 color: #000;
}
a:active {
 color: #000;
}
h2, h3, h4, h5, h6 {
 color: #00326A;
 font-weight: normal;
}
h2 {
 font-size:2.25em;
 line-height: 0.667em;
 margin-bottom: 1em;
}
h3 {
 font-size:1.5em;
 line-height: 1em;
 margin-bottom: 0.5em;
}
h4 {
 color: #2A2624;
 font-size: 1.125em;
 line-height: 1.333333em;
 margin-bottom: 0.666667em;
 text-transform: uppercase;
}
p,
dl,
ol,
ul {
 margin-bottom: 1.5em;
}
p img,
dt img {
	float: left;
	outline: 3px solid #D9E4EA;
	margin-top: 0;
	margin-right: 1em;
	margin-bottom: 1.5em;
	margin-left: 0em;
}
blockquote {
 background: #f8f8f8 url('/img/accents/open-quote.png') no-repeat 8px 8px;
 border: 1px solid #D9E4EA;
 font-style: oblique;
 margin-bottom: 1.5em;
 padding: 1.5em 1.5em 0 1.5em;
}
blockquote p {
 margin-bottom: 1em;
}
li {
 background: transparent url('/img/accents/bullet-orb_aqua.png') no-repeat 0 7px;
/* font-size:0.875em;*/
  font-size:100%;
 line-height: 1.714em;
 margin-bottom: 0.75em;
 padding-left: 24px;
}
dl dt {
 /*font-variant: small-caps;*/
 margin-bottom: 0.1875em;
}
strong {
 font-weight: 900;
}
em {
 font-style: oblique;
}
/**
 * @section Classes and Overrides
 * ======================================================================
 */
/*breadcrumbs*/
/*.breadcrumb-nav {
 background: #D9E4EA;
 border: 1px solid #BBD0D9;
 border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
 color: #4F5151;
 font-size:0.75em;
 height: 2em;
 line-height: 2em;
 padding: 0 1em;
}*/
/*.breadcrumb-nav a {
 background: transparent url('/img/accents/ico-chevron.png') no-repeat 100% 50%;
 height: 1.5em;
 margin-right: 3px;
 padding: 0.75em 0;
 padding-right: 18px;
 text-decoration: none;
}
.breadcrumb-nav a:hover {
 color: #006CAB;
 text-decoration: underline;
}*/
.clear {
 clear: both;
}
.disabled {
 color: #769FB1;
}
.hide {
 display: none;
}
.horizontal-spacer {
 color: #BBD0D9;
 padding: 0 1em;
}
.link-continue {
 background: transparent url('/img/accents/ico-continue.png') no-repeat 0 60%;
 padding-left: 24px;
}
.link-video {
 background: transparent url('/img/icons/16px/ico-video.png') no-repeat 0 60%;
 padding-left: 24px;
}
.outline dd {
 /*font-size:0.875em;
 line-height: 1.714em;*/
 margin-bottom: 1.5em;
 padding: 0 1.5em;
}
.reminders {
 /*font-size:0.875em;
 line-height: 1.714em;*/
 margin-bottom: 1.5em;
}
.reminders dt {
 margin-bottom: 0.2em;
}
.reminders dd {
 background: #f8f8f8;
 margin-bottom: 1.5em;
 padding: 0.857143em 1em 0.857143em 1em;
}
.reminders dd ul li {
 /*background: transparent url('/img/accents/bullet-arrow_gray.png') no-repeat 0 5px;*/
 background:transparent url('/img/accents/bullet-orb_aqua.png') no-repeat 0 7px;
 border-bottom: 0px solid #D9E4EA;
 line-height: 1.6515em;
}
.separate {
 border-bottom: 1px solid #F8F8F8;
 margin-bottom: 1.4375em;
}
/**/
dt.toggle-link {
 background: transparent url('/img/icons/16px/ico-toggle-down.png') no-repeat 0 4px;
 border-bottom: 1px solid #f8f8f8;
 color: #006CAB;
 cursor: pointer;
 font-variant: normal;
 line-height: 1.6515em;
 margin-bottom: 0.75em;
 padding-bottom: 0.75em;
 padding-left: 21px;
}
dt.toggle-link strong {
 /*font-weight: normal;*/
 text-decoration: underline;
}
dt.toggle-link strong:hover {
 color: #2A2624;
}
dt.toggle-link .disabled {
 color: #4F5151 !important;
 /*font-size: 0.8em;
 font-style: oblique;*/
 font-variant: normal !important;
 text-decoration: none !important;
}
dt.toggle-off {
 background: transparent url('/img/icons/16px/ico-toggle-up.png') no-repeat 0 4px;
 border-bottom: none;
 color: #2A2624;
}

/**
 * @section Wrapper
 * ======================================================================
 */
#wrapper {
 margin: 0 auto;
 padding: 0;
 text-align: left;
 width: 950px;
}

/**
 * @section Header
 * ======================================================================
 */
#header {
 background: #00326A url('/img/main/header-bg.png') no-repeat 0 0;
 color: #fff;
 height: 72px;
 padding: 24px 40px;
 width: 870px;
}
#header h1 a {
 color: #fff;
 display: block;
 height: 72px;
 margin: 0;
 padding: 0;
 position: relative;
 width: 510px;
}
#header h1 a span {
 background: transparent url('/img/main/header-bg.png') no-repeat -40px -24px;
 height: 100%;
 left: 0;
 position: absolute;
 top: 0;
 width: 100%;
}
/**
 * @section Nav
 * ======================================================================
 */
#nav {
 background: #006CAB url('/img/main/body-tile-bg.png') repeat-x 0 -120px;
 height: 48px;
 padding: 0;
 width: 950px;
}
#nav ul#main-menu {
 height: 48px;
 list-style-type: none;
 margin: 0;
 padding: 0;
 width: 950px;
}
#nav ul#main-menu li {
 background: transparent;
 float: left;
 height: 48px;
 margin: 0;
 padding: 0;
 width: 269px;
}
#nav ul#main-menu li#tab-memory {
 width: 390px;
}
#nav ul#main-menu li#tab-svcs-physicians {
 width: 290px;
}
#nav ul#main-menu li a {
 color: #BBD0D9;
 display: block;
 font-family: lucida, 'lucida grande', helvetica, arial, sans-serif;
 height: 48px;
 margin: 0;
 padding: 0;
 position: relative;
 text-align: center;
 text-decoration: none;
 width: 269px;
}
#nav ul#main-menu li#tab-memory a {
 width: 390px;
}
#nav ul#main-menu li#tab-svcs-physicians a {
 width: 290px;
}
#nav ul#main-menu li a span {
 background: transparent;
 cursor: pointer;
 height: 100%;
 left: 0;
 position: absolute;
 top: 0;
 width: 100%;
}
/*normal state*/
#nav ul#main-menu li#tab-memory a span {
 background: transparent url('/img/nav/nav-sprites.png') no-repeat 0 0;
}
#nav ul#main-menu li#tab-svcs a span {
 background: transparent url('/img/nav/nav-sprites.png') no-repeat -391px 0;
}
#nav ul#main-menu li#tab-svcs-physicians a span {
 background: transparent url('/img/nav/nav-sprites.png') no-repeat -660px 0;
}
/*you are here state*/
body#memory-health #nav ul#main-menu li#tab-memory a,
body#services-everyone #nav ul#main-menu li#tab-svcs a,
body#services-physicians #nav ul#main-menu li#tab-svcs-physicians a {
 background: #fff;
 color: #006CAB;
}
body#memory-health #nav ul#main-menu li#tab-memory a span {
 background: transparent url('/img/nav/nav-sprites.png') no-repeat 0 -48px;
}
body#services-everyone #nav ul#main-menu li#tab-svcs a span {
 background: transparent url('/img/nav/nav-sprites.png') no-repeat -391px -48px;
}
body#services-physicians #nav ul#main-menu li#tab-svcs-physicians a span {
 background: transparent url('/img/nav/nav-sprites.png') no-repeat -660px -48px;
}
/*hover state*/
#nav ul#main-menu li a:hover {
 color: #fff;
}
#nav ul#main-menu li#tab-memory a:hover span {
 background: transparent url('/img/nav/nav-sprites.png') no-repeat 0 -96px;
}
#nav ul#main-menu li#tab-svcs a:hover span {
 background: transparent url('/img/nav/nav-sprites.png') no-repeat -391px -96px;
}
#nav ul#main-menu li#tab-svcs-physicians a:hover span {
 background: transparent url('/img/nav/nav-sprites.png') no-repeat -660px -96px;
}
/**
 * @section Callout
 * ======================================================================
 */
#callout {
 background: transparent;
 margin-bottom: 1.5em;
 padding: 0 40px;
 position: relative;
 width: 870px;
}
body#index #callout {
 background: transparent url('/img/callouts/callout-bg_home.png') no-repeat 100% 0;
 height: 264px;/*264px*/
 padding: 0 40px;
}
/*video callout buttons*/
body#index ul#callout-list-videos {
 float: left;
 font-size:0.75em;
 margin: 1.5em 10px 0 0;
 padding: 0;
 width: 150px;
}
body#index ul#callout-list-videos li {
 background: transparent;
 height: 96px;
 margin: 0 0 24px 0;
 padding: 0;
 width: 150px;
}
body#index ul#callout-list-videos li.last {
 margin-bottom: 0;
}
body#index ul#callout-list-videos li a {
 background: transparent;
 display: block;
 height: 96px;
 margin: 0;
 padding: 0;
 position: relative;
 width: 150px;
}
body#index ul#callout-list-videos li a span {
 background: transparent;
 cursor: pointer;
 height: 100%;
 left: 0;
 position: absolute;
 top: 0;
 width: 100%;
}
/*video 1: a short story*/
body#index ul#callout-list-videos li#callout-video1 a span {
 background: transparent url('/img/video_stills/video-buttons_sprite.png') no-repeat 0 0;
}
body#index ul#callout-list-videos li#callout-video1 a:hover span {
 background: transparent url('/img/video_stills/video-buttons_sprite.png') no-repeat 0 -106px;
}
/*video 2: the science of memory loss*/
body#index ul#callout-list-videos li#callout-video2 a span {
 background: transparent url('/img/video_stills/video-buttons_sprite.png') no-repeat -160px 0;
}
body#index ul#callout-list-videos li#callout-video2 a:hover span {
 background: transparent url('/img/video_stills/video-buttons_sprite.png') no-repeat -160px -106px;
}
#callout h2 {
 margin: 0.75em 0 1.25em 0;
 padding: 0;
}
body#index #callout h2,
body#index #callout h2 em {
 font-size: 0px;
 height: 0;
 line-height: 0;
 margin: 0 0 0 -999em;
 padding: 0;
 text-indent: -999em;
 width: 0;
}
body#index div#callout-flash-slideshow {
 background: transparent;
 font-size:0.75em;
 font-style: oblique;
 height: 264px;
 line-height: 2em;
 margin: 0;
 padding: 0;
 position: absolute;
 right: 0;
 top: 0;
 width: 510px;
}
/**
 * @section Ancillary
 * ======================================================================
 */
#ancillary {
 float: left;
 margin: 0 40px 0 40px;
 width: 230px;
}
/**
 * @subsection Sub-Page Navigation
 */
#ancillary ul#sections-menu {
 margin-bottom: 1.5em;
}
#ancillary ul#sections-menu li {
 background: transparent url('/img/accents/bullet-arrow_red.png') no-repeat 0 7px;
 margin-bottom: 0;
 padding-left: 18px;
}
#ancillary ul#sections-menu li.current_page_item {
 background: transparent url('/img/accents/bullet-arrow_gray.png') no-repeat 0 7px;
}
#ancillary ul#sections-menu li a {
 color: #6B0400;
 display: block;
 text-decoration: none;
}
#ancillary ul#sections-menu li.current_page_item a {
 color: #4F5151;
}
#ancillary ul#sections-menu li a:hover {
 text-decoration: underline;
}
/**
 * @subsection Sidebar Video Buttons
 */
#ancillary p.video-button {
 height: 120px;
 margin: 0 0 1.5em 0;
 padding: 0;
 text-align: center;
 width: 230px;
}
#ancillary p.video-button a {
 display: block;
 height: 120px;
 margin: 0;
 padding: 0;
 position: relative;
 width: 230px;
}
#ancillary p.video-button a span {
 background: transparent;
 cursor: pointer;
 height: 100%;
 left: 0;
 position: absolute;
 top: 0;
 width: 100%;
}
/*interview*/
#ancillary p#video-interview.video-button a span {
 background: transparent url('/img/video_stills/video-button-sprite_interview.png') no-repeat 0 0;
}
#ancillary p#video-interview.video-button a:hover span {
 background: transparent url('/img/video_stills/video-button-sprite_interview.png') no-repeat 0 -130px;
}
/*science*/
#ancillary p#video-science.video-button a span {
 background: transparent url('/img/video_stills/video-button-sprite_science.png') no-repeat 0 0;
}
#ancillary p#video-science.video-button a:hover span {
 background: transparent url('/img/video_stills/video-button-sprite_science.png') no-repeat 0 -130px;
}
/*short-story*/
#ancillary p#video-short-story.video-button a span {
 background: transparent url('/img/video_stills/video-button-sprite_shortstory.png') no-repeat 0 0;
}
#ancillary p#video-short-story.video-button a:hover span {
 background: transparent url('/img/video_stills/video-button-sprite_shortstory.png') no-repeat 0 -130px;
}
/*testimonial*/
#ancillary p#video-testimonial.video-button a span {
 background: transparent url('/img/video_stills/video-button-sprite_testimonial.png') no-repeat 0 0;
}
#ancillary p#video-testimonial.video-button a:hover span {
 background: transparent url('/img/video_stills/video-button-sprite_testimonial.png') no-repeat 0 -130px;
}
/*counseling*/
#ancillary p#video-counseling.video-button a span {
 background: transparent url('/img/video_stills/video-button-sprite_counseling.png') no-repeat 0 0;
}
#ancillary p#video-counseling.video-button a:hover span {
 background: transparent url('/img/video_stills/video-button-sprite_counseling.png') no-repeat 0 -130px;
}
/**
 * @subsection quick links
 */
#ancillary #quick-links dt {
 background: #D9E4EA;
 color: #00326A;
 font-size:0.625em;
 font-weight: normal;
 margin: 0;
 position: relative;
 text-align: center;
 text-transform: uppercase;
 width: 230px;
}
#ancillary #quick-links dt strong {
 font-weight: normal;
}
#ancillary #quick-links dt strong span {
 background: transparent url('/img/headings/heading_quicklinks.png') no-repeat 0 0;
 height: 100%;
 left: 0;
 position: absolute;
 top: 0;
 width: 100%;
}
#ancillary #quick-links dd {
 border: 2px solid #D9E4EA;
 margin: 0;
 padding: 0;
 width: 226px;
}
#ancillary #quick-links dd ul {
 margin-bottom: 0.75em;
}
#ancillary #quick-links dd ul li {
 background: none;
 border-bottom: 1px solid #D9E4EA;
 margin: 0.25em 0 0 0;
 padding: 0 18px 0.25em 18px;
}
#ancillary #quick-links dd ul li.last {
 border-bottom: none;
 margin-bottom: 0;
 padding-bottom: 0;
}
#ancillary #quick-links dd ul li a {
 background: transparent url('/img/accents/bullet-arrow_red.png') no-repeat 0 50%;
 color: #6B0400;
 display: block;
 padding-left: 18px;
 text-decoration: none;
}
#ancillary #quick-links dd ul li a:hover {
 text-decoration: underline;
}
/**
 * @section Article
 * ======================================================================
 */
#article {
 float: left;
 margin: 0 40px 0 0;
 width: 590px;
}
/**
 * @section Footer
 * ======================================================================
 */
#footer {
 border-top: 1px solid #D9E4EA;
 clear: both;
 color: #2A2624;
 padding: 1.5em 40px 0 40px;
 text-align: center;
 width: 870px;
}
#footer p {
 margin-bottom: 0;
}
#footer p#copyright {
 color: #769FB1; 
 margin-bottom: 2.5em;
}
#footer p small {
 font-size:0.75em;
 line-height: 1em;
}

