/* ***** colors *****
-* #f60053 - header red
-* #f1f1ef - surround grey
-* #cfcfcf - menu grey
-* #ff0c63 - menu pink
-* #666666 - footer grey
-* #663366 - visited link
*/

/* ----------------------------------------------------------------------------------------------------------- */
/* Section 1: CSS Reset -------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------- */

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 {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    background: transparent;
}

.rm {position: absolute; left: -999em;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

body {line-height: 1;}

ol, ul {list-style: none;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}

/* ----------------------------------------------------------------------------------------------------------- */
/* Section 2: Standard HTML tags redefinition / editor styles ------------------------------------------------ */
/* ----------------------------------------------------------------------------------------------------------- */

* {margin:0; padding:0; border:0;}

body {font-family: Arial, Helvetica, verdana, sans-serif; font-size:62.5%; background-color:#f1f1ef; color:#000000;}

/* base font size set: 12px */
#headerWrapper, #bodyWrapper, #footerWrapper {font-size:1.2em;}

h1 {color:#000000; margin:0 0 0.6em 0; font-size:2em; line-height:1.3em;}
h2 {color:#000000; margin:0 0 0.5em 0; font-size:1.8em; line-height:1.3em;}
h3 {color:#000000; margin:0 0 1em 0; font-size:1.25em; line-height:1.3em;}
h4 {color:#000000; margin:0 0 1em 0; font-size:1em; line-height:1.3em;}
h5 {color:#000000; margin:0 0 1em 0; font-size:1em; line-height:1.3em;}
h6 {color:#000000; margin:0 0 1em 0; font-size:1em; line-height:1.3em;}

p {color:#000000; margin:0 0 1em 0; line-height:1.3em;}

a:link {color:#f60053; text-decoration:none;}
a:active {color:#f60053; text-decoration:none;}
a:visited {color:#663366; text-decoration:none;}
a:hover {color:#f60053; text-decoration:underline;}

.rt ul {list-style-type:disc; margin:0 0 1.17em 18px;}
.rt ul li {line-height:1.6em;}
.rt ul li a {}

.rt ol {list-style-type:decimal; margin:0 0 1.17em 25px;}
.rt ol li {line-height:1.6em;}
.rt ol li a {}

table {}
tr {}
th {text-align:left;}
td {}

font {}
span {}
b {font-weight:bold;}
strong {font-weight:bold;}
u {text-decoration:underline;}
i {font-style:italic;}

/* ----------------------------------------------------------------------------------------------------------- */
/* Section 3: Base Layout ------------------------------------------------------------------------------------ */
/* ----------------------------------------------------------------------------------------------------------- */

#headerWrapper {width:984px; height:301px; margin:0 auto 0 auto; background-color:#f60053;}
#header {width:984px; height:301px; margin:0 auto 0 auto; background:100% 0 no-repeat; overflow:hidden;}
#logo {clear:both; margin:15px 0 0 45px;}
#headerContent {width:315px; clear:both; margin:15px 0 0 50px;}


#bodyWrapper {width:984px; margin:0 auto 0 auto; background-color:#f1f1ef; background-image:url("/layouts/DontWriteMeOff/images/misc/footerdivider2.gif"); background-position:bottom left; background-repeat:repeat-x;}
#body {width:984px; margin:0 auto 0 auto; padding:0 0 65px 0; background-color:#ffffff; background-image:url("/layouts/DontWriteMeOff/images/misc/footerdivider.gif"); background-position:bottom left; background-repeat:no-repeat; display:block; overflow:hidden;}

#breadcrumbWrapper {width:944px; font-size:0.91em; margin:0 auto 0 auto; padding:20px; background-color:#ffffff; display:block; overflow:hidden;}
#NASsite {width:177px; height:20px; padding:9px 0 0 15px; float:left; border-top:1px solid #e4e4df; border-bottom:1px solid #e4e4df; background:url("/layouts/DontWriteMeOff/images/icons/arrowleftpink.gif") 0 10px no-repeat;}
#NASsite a {color:#000000;}
#breadcrumbLabel {width:78px; height:20px; padding:9px 0 0 0; float:left; border-top:1px solid #e4e4df; border-bottom:1px solid #e4e4df;}

ul#breadcrumb {width:674px; height:20px; padding:9px 0 0 0; float:left; border-top:1px solid #e4e4df; border-bottom:1px solid #e4e4df;}
ul#breadcrumb li {display:block; overflow:hidden; float:left; background:url("/layouts/DontWriteMeOff/images/icons/arrowgrey.gif") 5px 1px no-repeat; padding:0 0 0 15px;}
ul#breadcrumb li#breadcrumbFirst {background:none; padding:0 0 0 0px;}

#bodyMinHeight {width:20px; height:385px; float:left;}

#leftMenu {width:172px; float:left;}

#leftMenuB {background-color:#cfcfcf; background-image:url("/layouts/DontWriteMeOff/images/backgrounds/NavTop.jpg"); background-repeat:no-repeat; background-position:0 0;}
#leftMenuB ul {padding:10px 0 10px 0; background:url("/layouts/DontWriteMeOff/images/backgrounds/NavBottom.gif") 0 100% no-repeat;}
#leftMenuB ul li {margin:10px 15px 10px 17px;}
#leftMenuB ul li a {color:#000000; font-size:1.25em; text-decoration:none;}
#leftMenuB ul li a:hover {color:#ff0c63;}
#leftMenuB ul li.selected a {color:#ff0c63;}

#rss {height:18px; margin:25px 0 20px 0; padding:5px 0 0 38px; background:url("/layouts/DontWriteMeOff/images/icons/RSSIcon.gif") 10px 0 no-repeat;}
#rss a {color:#000000; font-size:1.08em;}
#addThis {text-align:center;}

#contentWrapper {width:752px; padding:0 0 0 20px; float:left;}

#footerWrapper {width:984px; margin:0 auto 0 auto; background-color:#ffffff;}
#footer {width:984px; margin:0 auto 0 auto; background-color:#ffffff; font-size:0.91em;}

/* FOOTER
--------------------------------------------------------------*/
#footerWrapOne {border-style: dotted; border-color:#cccccc; border-top-width: 1px;}
#footerWrapInner {padding: 0 20px 1px 20px;}
#footerWrapOne, #footerWrapTwo {padding: 20px 0; margin: 0; display:block; overflow:hidden;}

/* SITEMAP */
#footerWrapOne li.last ul {margin-right: 0; width: 150px;}
#footerWrapOne li {float: left; width: 145px; margin: 0 5px 5px 0; padding: 0; font-weight: bold; color:#333333;}
#footerWrapOne li a {padding-right: 20px; text-decoration: none;}
#footerWrapOne li a:hover, #footerWrapOne li a:focus, #footerWrapOne li a:active {text-decoration: underline;}

#footerWrapOne ul ul {margin-top: 5px;}
#footerWrapOne ul ul li {float: none; width: auto; font-weight: normal;}
#footerWrapOne ul ul li a {color:#666666;}

#sitemapToggle {text-align: center; padding: 10px;}
#sitemapToggle a {background: none; margin-right: 15px; color:#333333;}
#sitemapToggle a.toggleTrigger {padding-left: 15px; background-repeat: no-repeat; background-position:0 5px;}
#sitemapToggle a:hover, #sitemapToggle a:focus, #sitemapToggle a:active {text-decoration: none;}

#sitemapToggle a.toggleTrigger {background-image: url("/layouts/DontWriteMeOff/images/icons/arrowup.gif");}
#sitemapToggle a.show {background-image:url("/layouts/DontWriteMeOff/images/icons/arrowdown.gif");}
#sitemapToggle a.right {background:url("/layouts/DontWriteMeOff/images/icons/arrowright.gif") 0 3px no-repeat;}

/* NAS FOOTER */
#footerWrapTwo {clear: both; border-top-width: 1px; border-style: dotted; border-color:#cccccc;}
#footerWrapTwo p, #footerWrapTwo li {line-height: 1.2em;}
#footerWrapTwo .footerBlock {float: left; min-height: 6em;}

#footerWrapTwo .blockOne {width:163px; border-right:1px dotted #cccccc; margin:0 12px 0 0; padding:0 12px 0 0;}
#footerWrapTwo .blockOne li {float: left; width: 100%;}
#footerWrapTwo .blockTwo {width:259px; border-right:1px dotted #cccccc; margin:0 12px 0 0; padding:0 12px 0 0;}
#footerWrapTwo .blockThree {width:450px;}

#footerWrapTwo .footerBlockInner {margin-right: 20px;}
#footerWrapTwo .blockTwo .footerBlockInner {padding-right: 20px;}
#footerWrapTwo .blockThree .footerBlockInner {margin-right: 0;}

#footerWrapTwo .blockTwo .footerBlockInner, #footerWrapTwo .blockThree .footerBlockInner, 
.blockTwo p, .blockThree p {color:#666666;}

#footerWrapTwo li {padding-left: 0; margin: 0 0 5px 0;}
#footerWrapTwo a, #footerWrapTwo a:link {text-decoration: none;}
#footerWrapTwo a:hover {text-decoration: underline;}

#footerWrapTwo .blockTwo .footerBlockInner {margin-right: 0;}
#footerWrapTwo .blockTwo p, #footerWrapTwo .blockTwo ul {width: 50%;}

#footerWrapTwo .blockTwo p {float: left;}
#footerWrapTwo .blockTwo ul {float: right;}

/* ----------------------------------------------------------------------------------------------------------- */
/* Section 4: Generic styling -------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------- */

.clear {display:block; overflow:hidden; height:0px; font-size:0px; color:inherit; clear:both; padding:0; margin:0;}

.roundHeader {height:36px; margin:20px 0 0 0; background:url("/layouts/DontWriteMeOff/images/backgrounds/tabmid.gif") center top repeat-x;}
.roundHeader div.one {height:36px; background:url("/layouts/DontWriteMeOff/images/backgrounds/tableft.gif") left top no-repeat;}
.roundHeader div.one div.two {height:26px; padding:10px 10px 0 10px; line-height:1.5em; font-weight:bold; background:url("/layouts/DontWriteMeOff/images/backgrounds/tabright.gif") right top no-repeat; color:#ffffff;}
.roundHeader div.one div.two span {background-repeat:no-repeat; background-position:0 3px; padding:0 0 0 15px; background-image:url("/layouts/DontWriteMeOff/images/icons/NAS_HomeCut_29.jpg");}
.roundHeader div.one div.two a {text-decoration:none; color:inherit; color:#ffffff;}

.greyBox {border:solid #cfcfcf; border-width:2px 3px 2px 3px;}
.greyBack {background-color:#cfcfcf; padding:15px;}

.archiveLink {text-align:center; padding:10px 0 10px 0;}
.archiveLink a {padding:0 0 0px 10px; font-size:1.1em; font-weight:bold; background:url("/layouts/DontWriteMeOff/images/icons/arrowright.gif") 0 4px no-repeat;}

.rt hr {border-top:1px solid #f60053; margin:0 0 1em 0;}

.rt h6 {clear:both; display:block; overflow:hidden; width:100%;}
.rt h6 a {float:right; padding:0 0 5px 10px; background:url("/layouts/DontWriteMeOff/images/icons/arrowright.gif") 0 3px no-repeat;}

#rightCol {width:195px; margin:0 0 0 20px; float:left;}
#rightCol .greyBox {padding:15px 15px 0 15px;}

#rightCol .greyBox ul li { margin:0 0 1em 0;}
#rightCol .greyBox ul li a {color:#000000; font-size:1.25em;}

.back {clear:both; display:block; overflow:hidden; width:100%; text-align:right;}
.back a {padding:0 0 5px 10px; background:url("/layouts/DontWriteMeOff/images/icons/arrowleftpink.gif") 0 3px no-repeat;}

.pagination {float:right; margin:50px 0 10px 0;}
.pagination td {padding:0 2px 0 2px;}
.pagination td span {color:#f60053; padding:0 3px 0 3px;}
.pagination td a {color:#000000; padding:0 3px 0 3px;}
.pagination td a:hover {color:#f60053;}

/* ----------------------------------------------------------------------------------------------------------- */
/* Section 5: Home Layout ------------------------------------------------------------------------------------ */
/* ----------------------------------------------------------------------------------------------------------- */

#home #youTube {height:268px; background:url("/layouts/DontWriteMeOff/images/backgrounds/HeroImage.gif") 0 0 no-repeat; clear:both; position:relative;}
#home #youTube h1 {width:175px; position:absolute; left:410px; top:70px;}
#home #youTube a:hover {text-decoration:none}

#home #latestNewsTab {width:363px; float:left; margin:0 21px 0 0;}
#home #takeActionTab {width:363px; float:left;}

#home .greyBox {height:200px; display:block; overflow:hidden; padding:15px;}

#home #latestNewsTab .newsItem {display:block; overflow:hidden; padding:15px 0 0px 0; margin:10px 0 0px 0; border-top:1px dotted #cccccc;}
#home #latestNewsTab .first {padding:0; margin:0; border:none;}
#home #latestNewsTab .newsItem h4 {margin:0 0 0.4em 0;}
#home #latestNewsTab .newsItem p {margin:0 0 0.4em 0;}
#home #latestNewsTab .newsItem a.moreLink {float:right; padding:0 0 0 12px; background:url("/layouts/DontWriteMeOff/images/icons/NAS_NewsCut_09.jpg") 0 2px no-repeat;}

/* ----------------------------------------------------------------------------------------------------------- */
/* Section 6: Stories List Layout ---------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------- */

#storiesPage {padding:0 10px 0 10px;}

ul#storiesList li.storiesListItem {width:226px; height:281px; float:left; margin:0px 10px 20px 10px; position:relative; border:2px solid #cfcfcf; display:block; overflow:hidden;}
ul#storiesList li.storiesListItem img {margin:2px auto 2px 3px;}
ul#storiesList li.storiesListItem h2 {font-size:1.1em; margin:0px 15px 4px 15px;}
ul#storiesList li.storiesListItem p {height:78px; display:block; overflow:hidden; margin:0 15px 0 15px;}
ul#storiesList li.storiesListItem a.readMore {position:absolute; right:15px; bottom:5px; padding:0 0 0px 10px; background:url("/layouts/DontWriteMeOff/images/icons/arrowright.gif") 0 2px no-repeat;}

ul#storiesList li.storiesListItem:hover {border-color:#f60053;}

/* ----------------------------------------------------------------------------------------------------------- */
/* Section 7: Stories Page Layout ---------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------- */

#storyPage #videoImage {text-align:center; margin:0 0 30px 0;}

/* ----------------------------------------------------------------------------------------------------------- */
/* Section 8: News List Layout ------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------- */

#newsList {width:527px; float:left;}
#newsList h2 {font-size:1em;}

/* ----------------------------------------------------------------------------------------------------------- */
/* Section 9: News Page Layout ------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------- */

#newsPage {width:527px; float:left;}