/* Icons used on this site are available here: http://www.pinvoke.com/ */

body{
	font-family: Arial, Helvetica, Sans-serif;
	background-color: #fdfdfd;
	background-image: -ms-linear-gradient(top, #fdfdfd, #e8e8e8);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdfdfd), to(#e8e8e8));
	background-image: -webkit-linear-gradient(top, #fdfdfd, #e8e8e8);
	background-image: -o-linear-gradient(top, #fdfdfd, #e8e8e8);
	background-image: linear-gradient(top, #fdfdfd, #e8e8e8);
	background-image: -moz-linear-gradient(top, #fdfdfd, #e8e8e8);
	background-repeat: repeat-x;
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#e8e8e8', GradientType=0);
	filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
/* **************** CONTENT OBJECTS ***************** */
/* ====== Default spacing ====== */
p, ul, ol, dl {
	margin: .75em 0 .75em;
	line-height: 1.5em;
}

* html p {overflow: visible;} /*fix frustrating ie6 italic problem*/
blockquote {margin: 0 13px .75em;}
h1, h2, h3, h4, h5, h6 {
	/*padding:0 13px;*/''
	font-family: 'Crete Round', serif;
}

/* Update to prevent the H1 text from being cut off on news pages */
.haswidget .mod.header,
.haswidget .mod.header > .inner {
	overflow: visible;
}

/* Update to prevent the tool from flowing up above the RHS widget on news pages */
.haswidget + .tools_border {
	clear: both;
}

.haswidget .separator {
	overflow: hidden;
	clear: left;
}

pre{margin: 13px;}
table h1,table h2,table h3, table h4, table h5, table h6, table p, table ul, table ol, table dl {padding:0;margin:0;}
/* ====== Elements ====== */
em{font-style: italic;}
strong{font-weight:bold;}
code{color:#0B8C8F;}
sup {font-size:.75em;line-height:1em;vertical-align:super;}
sub {font-size:.75em;line-height: 1em;vertical-align:sub;}
/* links */
a {
	color:#009ac1;
	text-decoration:none;

}
a:focus, a:hover { text-decoration: underline;}
/* ====== Headings ====== */
/* .h1-.h6 classes should be used to maintain the semantically appropriate heading levels - NOT for use on non-headings */
h1, .h1{
	font-size: 36px;
	line-height: 44.64px;
	margin: .375em 0;
	font-weight:normal;
	font-style: italic;
	color: #009ac1;
	font-family: 'Crete Round', serif;
	margin-top:0;
}

h2, .h2{
	font-size: 18px;
	line-height: 19px;
	margin: .6em 0;
  font-family: 'Crete Round', serif;
  font-style: italic;
	color: #009ac1;
  font-weight: normal;
}

h3, .h3{
	font-size:13.5px;
	line-height: 19px;
	margin: .75em 0;
	font-weight:bold;
	font-style: normal;
	color: #009ac1;
}
h4, .h4{font-size:13.5px; line-height: 1.5em; margin: .75em 0; font-weight:normal; font-style: normal;}
h5, .h5{font-size:13.5px; line-height: 1.5em; margin: 0; font-weight:normal; font-style: normal; color: #333333; }
h6, .h6{font-size:13.5px; line-height: 1.5em; margin: 0; font-weight:normal; font-style: italic; }

.homepage h1 {
	font-size: 44px;
	font-weight: normal;
	font-style: italic;
	color: #009ac1;
	line-height: 1;
	border-bottom: 1px solid #84ccde;
	overflow: hidden;
	padding: 5px 0 9px;
	margin: 0;
}

/* Video help */
span.help {float: right; padding-bottom: 10px;}

/*  Video wrapper */
/*.video-wrapper {width: 520px; width: 519px \0/; /* IE8+9   overflow: hidden; float: left;}
.video-wrapper .video-main {border: 4px solid #595a5c; background: #595a5c; width:512px; float: left;}*/
/* Video Transcripts */

.video-outer {
	border: 1px solid #000;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	margin-left: 0;
	padding: 15px;
	height: 445px;
	background: #48484a;
	background: -webkit-linear-gradient(#8a8b8d, #48484a); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#8a8b8d, #48484a); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#8a8b8d, #48484a); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#8a8b8d, #48484a); /* Standard syntax */
    position: relative;
}

.video-outer p {
	display: inline-block;
	padding-left: 0;
	color: #fff;
}

.video-outer a {
	color: #fff;
}

.video-outer .duration {
	margin-right: 15px;
}

.video-outer .views {
	margin-right: 80px;
}

.video-outer .help {
	margin-top: 15px;
}

.video-outer .download {
	padding-right: 100px;
}

.external-video-wrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.external-video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.collapsible {
	padding: 5px 0 0 0;
}


.collapsible p, .collapsible ul, .collapsible ol, .collapsible dl {margin-top:0;padding-left:0}
.custom-collapsible p {padding-left:13px}

/*.collapsible h3.button {color:#3480a0;background:transparent url("../images/disc-plus.gif") 10px 0 no-repeat;margin:10px 0 15px 0;padding:2px 13px 3px 36px;cursor:pointer}

.collapsible h3.collapse {background: transparent url("../images/disc-minus.gif") 10px 0 no-repeat;} */

.collapsible h2 {
  color: #fff;
  font-family: 'Crete Round', serif;
  background: #48484a;
  background: -webkit-linear-gradient(#6d6e71, #444345); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#6d6e71, #444345); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#6d6e71, #444345); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#6d6e71, #444345); /* Standard syntax */
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 10px;
  font-weight: normal;
  font-size: 18px;
  -moz-box-shadow: 0 3px 2px -2px rgba(255, 255, 255, 0.8) inset;
  -webkit-box-shadow: 0 3px 2px -2px rgba(255, 255, 255, 0.8) inset;
  box-shadow: 0 3px 2px -2px rgba(255, 255, 255, 0.8) inset;
  margin-bottom: 0;
  border: 1px solid #444345;
}


h2.expand {
  color: #fff;
  font-family: 'Crete Round', serif;
  background: #48484a;
  background: -webkit-linear-gradient(#6d6e71, #444345); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#6d6e71, #444345); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#6d6e71, #444345); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#6d6e71, #444345); /* Standard syntax */
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 10px;
  font-weight: normal;
  font-size: 18px;


}

h2.collapse {
  color: #fff;
  font-family: 'Crete Round', serif;
  font-style: italic;
  font-size: 18px;
  display: block;
  padding: 10px;
  background-color: #508743!important;
  background: -webkit-linear-gradient(#82bc77, #4c8340) !important; /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#82bc77, #4c8340) !important; /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#82bc77, #4c8340) !important; /* For Firefox 3.6 to 15 */
  background: linear-gradient(#82bc77, #4c8340) !important; /* Standard syntax */
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  height: 20px;
  font-weight: normal;
  -moz-box-shadow: 0 3px 2px -2px rgba(255, 255, 255, 0.8) inset;
  -webkit-box-shadow: 0 3px 2px -2px rgba(255, 255, 255, 0.8) inset;
  box-shadow: 0 3px 2px -2px rgba(255, 255, 255, 0.8) inset;
  margin-bottom: 0;
  border: 1px solid #82bc77!important;

}

.collapsible .transcript-blurb {
	background: #f9f9f9;
	background: -webkit-linear-gradient(left, #edeef0, #f9f9f9);
	background: -o-linear-gradient(right, #edeef0, #f9f9f9);
	background: -moz-linear-gradient(right, #edeef0, #f9f9f9);
	background: linear-gradient(to right, #edeef0, #f9f9f9);
	border: 1px solid #dedfe0;
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
	padding: 20px;
}



.collapsible h3 {
  color: #fff;
  font-family: 'Crete Round', serif;
  font-style: italic;
  background: #48484a;
  background: -webkit-linear-gradient(#8a8b8d, #48484a); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#8a8b8d, #48484a); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#8a8b8d, #48484a); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#8a8b8d, #48484a); /* Standard syntax */
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 10px;
  margin-bottom: 10px;
}

/*
.collapsible .content {
	-webkit-transition: height 2s;
	transition: height 2s;
	overflow: hidden;
}
.collapsible .content.is-visible {
  margin-top: 30px;
}
*/

.collapsible .content {
  margin-top: 30px;
}

.collapsible .content h2 {
	font-size: 18px;
	line-height: 1.5em;
	margin: .75em 0;
	font-weight: bold;
	font-style: normal;
	color: #009ac1;
	background: none;
	padding-left: 0;
	font-family: Arial;
}

.collapsible .content h3 {
	font-size: 13.5px;
	line-height: 1.5em;
	margin: .75em 0;
	font-weight: bold;
	font-style: normal;
	color: #009ac1;
	background: none;
	padding-left: 0;
	font-family: Arial;
}

.collapsible p {
	color: #000;
}

/* Videos share video and embed features */

#content #ajax-content {padding: 0 0 15px 13px;}
#content .field-row {float: left; height: 1%; margin-bottom: 3px;}
#content #share-box {background-color: #E8F3FA; border: 1px solid #D5D2CC; color: #000000; margin-left: 1em; margin-right: 1em; margin-bottom: 30px; padding-bottom:6px; padding-left:5px; padding-right:5px; padding-top:10px;}
#content #embed-box {padding-top: 10px;}
#share-box #shareform-button input {float: right; width: 97px; height: 17px; margin-top: 5px; margin-right: 2px; text-align: center; font-family: Arial; cursor: pointer; color: #FFFFFF; font-weight: bold; font-size: 11px; padding-bottom: 2px; _padding-bottom: 0;}
#share-box #shareform-button input:hover {background: transparent url("../images/buttons/send-email-on.gif" no-repeat);}
#share-box .field-row input.field {width: 250px; background-color: #FFFFFF; border: solid 1px #CECECE;}
.field-row input.field {background-color: #FFFFFF; border: solid 1px #CECECE; padding: 5px 0 5px 0;}
#embed-box .field-row input.field {width: 380px; _width: 350px; margin-left: 34px;}
#share-box label, #embed-box label {float: left; margin-right: 10px; font-size: 1.09em; vertical-align: top; padding-top: 2px;}

/* National Standards specific */

.content-ns {float: left; padding: 10px 0 30px; width: 100%;}
.news-ns {float: left; width: 50%; padding-top: 10px; *margin-right: -10px;}
.news-ns h3.post-h {font-weight: bold;}
.news-ns .ticker_items p, .news-ns .ticker_items h3 {padding: 0;}
.news-box .bd {position: relative; padding: 16px 0;}
.news-ns #news_ticker_next {display: block; text-indent: -9000px; width: 104px; height:14px; position: absolute; top: 5px; left: 75px; background: url(../images/control-up.png) 0 0 no-repeat; cursor: pointer;}
.news-ns #news_ticker_next:hover {background-image: url(../images/control-up-over.png);}
.news-ns #news_ticker_previous {display: block; text-indent: -9000px; width: 104px; height:14px; position: absolute; bottom: 5px; left: 75px; background: url(../images/control-down.png) 0 0 no-repeat; cursor: pointer;}
.news-ns #news_ticker_previous:hover {background-image: url(../images/control-down-over.png);}
.highlights-ns {float: right; width: 50%;}

#news_ticker {overflow: hidden; margin: 10px 13px;}
.ticker_items {border-bottom: dotted 2px #6E93C4;}


/*special heading styles*/
.widget-h {
	/*color: #18698b;
	color: #fff;
	font-size: 1.083em;
	font-weight: normal;
	line-height: 1.384em;
	margin: .384em 0;
	font-style: italic;*/

}
.banner-h {font-size: 2em; line-height: 1.5em; margin: 0; font-weight:normal; font-style: normal; color: #ffffff;} /* based on h1 */
.post-h, .story-h {font-size:1em; line-height: 1.5em; margin: .75em 0 -0.75em; font-weight:normal; font-style: normal; color: #d54d12; margin-top: 0;}
.highlight-h {padding: 0;}
.error-box-h {font-size:1em; line-height: 1.5em; margin: .75em 0; font-weight:bold; font-style: normal;color: #666666;}
.summary-box-h {font-size:1.25em;line-height:1.2em;margin:.467em 0 .333em;font-weight:bold;font-style:normal;color:#27647e}
.summary-box-h-type2 {font-size:1.25em; line-height: 1.2em; margin: .467em 0 .333em; font-weight:bold; font-style: normal; color: #368bae;}
.summary-box-h-type2 a, .summary-box-h-type2 a:hover {color: #368bae; text-decoration: none;}
	/*special case for summary-box-h*/
	.curriculum .summary-box-h, .standards .summary-box-h {color: #ffffff;}
	/* summary-box-h heading link */
	 .hd h2.summary-box-h a {color: #FFFFFF; text-decoration: none;}
	 .hd h2.summary-box-h a:hover {color: #EAEAEA; text-decoration: none;}
	/* heading exceptions */
	#header h1 {margin: 0;padding: 0;}
/* ====== special banner container - to contain h1 ====== */
/* The default banner has the National Standards color for it's background */
.banner {
	/*background: #3E9FC0 url(../images/sections/banner-national-standards.jpg) no-repeat right top;
	margin: 0 13px 9px;
	padding: 5px 0 3px;*/
}

.banner h1 {
	color: #009ac1;
	font-family: 'Crete Round', serif;
	font-style: italic;
	font-size: 36px;
	margin-bottom: 2px;
}

/*.banner-careers {background: #666B4B url(../images/sections/banner-careers.jpg) no-repeat right 50%; margin: 0 13px 9px; padding: 5px 110px 3px 0;}
.banner-reading {background-color:#F0923A; background-image: url(../images/sections/banner-reading.jpg);}
.banner-writing {background-color:#C75636; background-image: url(../images/sections/banner-writing.jpg);}
.banner-reading-and-writing {background-color:#E0721D; background-image: url(../images/sections/banner-reading-and-writing.jpg);}

.banner-middle-school {background-color:#AD629B; background-image: url(../images/sections/banner-maths.jpg);}*/
/* ====== images ====== */
.embedded-image img {
    float: left;
    padding-bottom: 5px;
    -moz-box-shadow: 2px 2px 2px #cccdcd;
    -webkit-box-shadow: 2px 2px 2px #cccdcd;;
    box-shadow: 2px 2px 2px #cccdcd;}
.object-center .embedded-image img {float: none;}

.object-left .embedded-image {float: left;}
.object-right .enlarge-link {margin-left: 13px;}
.object-right .embedded-image {float: right;}
.object-left .embedded-image img {margin:0 13px 9px 0; -moz-box-shadow: 1px 1px 3px #cccccc;-webkit-box-shadow: 1px 1px 3px #cccccc;}
.object-right .embedded-image img {margin:0 0 9px 13px; }
.object-center {margin: 9px auto; text-align: center;}
.object-center .embedded-image img {-moz-box-shadow: -1px 1px 3px #cccccc;-webkit-box-shadow: -1px 1px 3px #cccccc;}
/* special paragraphs */

.intro {
	font-size: 13.5px;
	font-weight: bold;
	margin-bottom: 20px;
}

.intro .separator {
	margin: 0;
}

.intro p {
	padding: 0;
}

.welcome p {color:#2b7fa4;font-size:1.167em;line-height:1.286em;margin:.643em 0}
	/*narrower on the homepage*/
	.homepage .welcome p, .homepage .intro p {width: 230px;padding: 0 20px;}
p.story-text {font-size: .917em; line-height: 1.454em;margin-bottom: .818em;}
p.feature-text, blockquote p {color: #368bae; font-weight: bold; margin: 1.5em 0;}
.bd .post .post-bd h3.post-h  {float: left; width: 295px; margin-bottom: 0;}
.bd .post .post-bd p {clear: both;}
.bd .post .post-bd p.more-link {text-align: right; width: auto; float: none; clear: both; margin-top: 30px;}
.bd .post .post-bd p.date {clear: none; float: right; width: 30px; height: 20px; padding-right: 25px; _padding-right: 20px;}
/*p.duration, .views {float: left; width: 200px; text-align: left; padding-left: 0;}
p.download { text-align: right; padding-right: 0;} */
p.featured-widget-duration {float: left;}
blockquote.careers-quote p {color: #333333;font-weight: normal;}
p.transcripts {padding-left: 0;}
/*special links*/
a.enlarge-link {clear: both; float: right; _float: none;}
* html .embedded-image {text-align: right;}
p.more-link, p.top-link, p.all-tags {text-align: right;}
p.more-link a {background: url(../images/arrow-blue.gif) no-repeat right 50%; font-weight: bold; padding-right: 13px;overflow: hidden; height: 1%;}
	.highlight p.more-link {position: absolute; bottom: 0; right: 0;}
p.matrix-back a {background: url(../images/arrow-black-back.png) no-repeat left 50%; padding-left: 13px; color: #000; font-family: 'Crete Round', serif; font-style: italic; font-size: 18px; margin-bottom: 18px;}
p.cancel-link a {background: url(../images/link-cancel.gif) no-repeat left 50%; padding-left: 13px;}
p.top-link a:hover {text-decoration: none;}
p.rss {font-size: .833em; line-height: 1.8em; margin: .9em 0 0;}

.homepage p.rss {margin-top: -40px;}
/*p.rss a {background: url(../images/icons/rss.gif) no-repeat left 50%; color: #fff; padding-left: 16px;} */
	/*rss needs a smaller margin when it appears in the .hd of .summary-box*/
	.summary-box .hd p.rss {margin-top: .7em;}
	/*.widget .hd p.rss {margin-top: .4em;}*/
/* special spans */
.warning {color: #dd0000;}
/* ====== content containers ====== */
/*tag container*/
.tag-container {overflow: hidden; height: 1%; border: 1px solid #D3E7F5;margin: .75em 13px; padding: 5px 0;}
/*factbox */

.top-link a {
  font-size: 12px;
  text-decoration: none;
}

.top-link a:hover {
  text-decoration: underline!important;
}

.factbox {background: #E8F3FA; border: 1px solid #D5D2CC; color: #333333; padding: 10px; margin: 1.5em 13px 1.5em;overflow:hidden; height: 1%;}
.factbox, .boxed-text-half {background: #E8F3FA; border: 1px solid #D5D2CC; color: #333333; padding: 10px; margin: 1.5em 13px 1.5em;overflow:hidden; height: 1%; margin-left: 0; margin-right:0;}
	.factbox-english {background-color: #E9EBF3; border-color: #00448A;}
	.factbox-arts {background-color: #F7F1EB; border-color: #C37828;}
	.factbox-health {background-color: #F7F2F0; border-color: #B5152B;}
	.factbox-learnlang {background-color: #ECF4F8; border-color: #0094BA;}
	.factbox-maths {background-color: #F5F0F5; border-color: #8E004C;}
	.factbox-science {background-color: #ECEFEE; border-color: #00301F;}
	.factbox-social {background-color: #EEEBF4; border-color: #6D1F80;}
	.factbox-tech {background-color: #F1ECE9; border-color: #934B31;}

/*errorbox*/
.errorbox, div.warning, div.notice {border: 1px solid #D5D2CC;padding: 0;margin: 1.5em 13px 1.5em;}
/*post*/

.post .factbox {
	clear: left;
}

.post {height: 1%; padding: 10px;}
.post-img {float: left; display: inline;_margin-right: -3px; margin-right: 15px;}
.post-img img {border:1px solid #bbbbbb;padding:3px;-moz-box-shadow: 1px 1px 3px #cccccc;-webkit-box-shadow: 1px 1px 3px #cccccc;}
.post-img {float: left; margin-bottom: 10px;}
.post-bd {height: 1%;}
/*summary*/
.summary {overflow: hidden; height: 1%;border-bottom: 1px dotted #368BAE; margin: 0 13px; }
.summary-inner {padding:0 13px 0 121px;margin-right: -13px;}
.summary-last {border-bottom: 0px none;}
	/* The summaries are an extremely special case where the inner elements do not have global padding*/
	.summary .object-left {margin: 9px 0 9px -121px;}
/* ====== inline icons ====== */
.icon {display: inline-block; *display: inline;padding-left: 16px; position: relative;}
.icon img {display: inline; left: 0; padding-left: 0; position: absolute; top: -16px; *top: -1px;}
.matrix-new {
	margin-right: 15px;
}
.matrix-new .icon {padding-left: 23px;}
	/*modification to the way the icons are displayed in IE when inside a label*/
	/*special case .icon within h1*/
	h2 .icon img {*top: 2px;}
/* ====== Lists ======*/
/* numbered list */
ol {margin-left: 20px;*margin-left: 25px}/* ugh i hate inconsistencies of ordered lists*/
ol.simple-list {margin-left: 0;}
ol.simple-list li, ul ol.simpleList li {background-image: none; margin-left:25px; padding: 0;}
/* standard list */
ul {list-style: none;}
ul ul, ol ol {margin-top: 0; margin-bottom: 0;} /* ????????????????????????????????????????????????? */

ul.simple-list li, ul ol ul.simple-list li { border: 0px none; padding-left:12px; margin-left: 5px;zoom:1;}/* zoom 1 for hasLayout - just for now... */
/* link list */

ul.simple-list li {
  background: transparent url(../images/simple-list.gif) no-repeat left 8px;
}

/* Lists in factboxes need special treatment with regard to images and bullets */
div.factbox ul.simple-list {
	list-style-type: disc;
}
div.factbox ul.simple-list li {
	background: none;
	padding-left: 0px;
	margin-left: 1.2em;
	list-style-position: outside;
}


ul.link-list {padding: 0; margin: 0;}
ul.link-list a {color: #666666;}
ul.link-list li {background: url(../images/link-list.png) no-repeat 10px; padding: 2px 13px 2px 23px; *display: inline-block;}
.highlights ul.link-list li {*width: 133px; *padding-right: 5px;}
ul.link-list li.last {border-bottom: 0px none;}
/* curriculum links */
ul.curriculum-links {margin: 0;}
ul.curriculum-links a {background-repeat: no-repeat; background-position:right 50%; color: #666666;display: block; padding: 15px 0 16px;overflow: hidden; height: 1%; }
ul.curriculum-links a.cl-english {background-image: url(../images/icons/curriculum-english.gif);}
ul.curriculum-links a.cl-maori {background-image: url(../images/icons/curriculum-maori.gif);}
/*story list */
ul.story-links {border-top: 1px dotted #368BAE;padding-top: 4px;overflow: hidden; height: 1%;}
ul.story-links li {background: transparent url(../images/link-list.gif) no-repeat 0 .75em;float: left; padding: 3px 7px 0px 7px; width: 75px;}
ul.story-links li.alt {width:65px;}
ul.story-links a {color: #666666;}
/* document list */
ul.document-list  {padding: 0;margin: 0;}
ul.document-list li {padding-right: 5px; padding-top: 5px; font-size: 10px;}
ul.document-list .document .icon {float: left;}
ul.document-list .document .icon img {float: left;top: 0;left: 0;}
ul.document-list .document a {color: #666666;display: inline-block;padding-left: 19px;*padding-left: 2px;_padding-left: 0px; max-width: 140px; }
ul.document-list li.last {border-bottom: 0px none;}
/* highlight list */
ul.highlight-list {
	overflow: hidden;
	height: 1%;
	padding: 0;
}
ul.highlight-list li {
    float: left; width: 48%;
}

ul.highlight-list li.right {float: right;}

ul.highlight-list li li {float: none; width: auto; margin-left: 20px;}
/* flat list */
ul.flat-list, ol.flat-list {margin-left: 0;}
ul.flat-list li, ol.flat-list li {display: inline;}
	/* options (extends flat list) */
	.options li {color: #368bae;}
	.options li.current span {color: #666666; font-weight: bold;}
	/* crumbs (extends flat list) */

  .crumbs {
    font-size: 10px;
  }

	.crumbs li a {
    color:#6d6e71;
    text-decoration: underline;
    font-size: 10px;
  }

	.crumbs li a:hover {color: #009ac1;}
	.crumbs .current {
		font-size: 10px;
    color:#6d6e71;
	}
/*tag cloud */
ul.tagcloud li {display: inline; margin-right: 2px;}
ul.tagcloud li a {text-decoration: underline;}
ul.tagcloud li a:hover {text-decoration: none;}
/* Featured videos widget links */
ul.featured-videos-list {float: left; width: 177px; margin: 0; padding: 0;}
ul.featured-videos-list li {
	margin-top: 5px;
}

ul.featured-videos-list li img {
	border-bottom: 5px solid #fff;
	box-shadow: 2px 2px 2px #cccdcd;
}
/*ul.featured-videos-list li {float: left; margin: 0; width: 177px; padding: 7px 8px 7px 10px;}*/
/*ul.featured-videos-list li:hover {background-color: #E8F3FA;}*/
/*ul.featured-videos-list li img {float: left; height: auto; padding: 0 7px 0 0; width: 80px;}*/

/* meta-list */
dl.meta-list * {display: inline;}
dl.meta-list dd a {text-decoration: underline;}
dl.meta-list dd a:hover {text-decoration: none;}
/* news archive */
dl.news-archive dt {font-weight: bold;}
dl.news-archive dd {background: transparent url(../images/simple-list.gif) no-repeat left 8px;padding-left:12px;zoom:1;}
/* ====== Tables ====== */
.data{clear: both; margin: 1.5em 0; position:relative; zoom:1;vertical-align: top;border-right:solid 1px transparent;_border-right: 0px none;/* border fixes a FF2 bug which causes the data table to overlay its borders*/ margin-top: 27px;}

.data table {width:100%;}

.data caption {font-weight: bold; line-height: 1.5em; margin: 0 0 .75em; padding:0; text-align: left;}
.tablewrap th, .tablewrap td{vertical-align:middle;border:1px solid #d5d2cc;text-align: left;}
.txtC, .data .txtC td, .data .txtC th{text-align:center;}
.txtL, .data .txtL td, .data .txtL th{text-align:left;}
.txtR, .data .txtR td, .data .txtR th{text-align:right;}
.txtT, .data .txtT td, .data .txtT th{vertical-align:top;}
.txtB, .data .txtB td, .data .txtB th{vertical-align:bottom;}
.txtM, .data .txtM td, .data .txtM th{vertical-align:middle;}
.data th,.data td{padding: 5px 10px; line-height: 1.5em;}

.data thead th, .data tr.thead th {
	/*background: #368bae url(../images/bg-blue-nautilus.gif) no-repeat right top; */
	background-color: #1babd3;
	color: #ffffff;
	font-style:italic;
	font-family: 'Crete Round', serif;
	font-size: 16px;
}

.data th{color: #333333;font-weight: normal;}
.data tr.alt td {background: #eeeeee;}
/* ====== blockquote ====== */
blockquote {background: #E8F3FA; border: 1px solid #D5D2CC;padding: 0 10px; margin: 1.5em 13px 1.5em;overflow: hidden; height: 1%;}
	.careers-quote {background: #F7F1D4; border-width: 1px 0; padding: 0;}
	.careers-quote .inner {border: solid #ffffff;border-width: 1px 0;padding: 0 10px;}
cite{display:block; text-align:right; padding-top: 10px;}
/* ====== separators / clearers ====== */
.separator {
	border-top:1px solid #50c1df;
	clear:both;
	margin:9px 0;
} /* provides dotted line for loaders */
	.post-separator {margin: 0 13px;}
.clear {clear: both; margin: 9px 13px;} /*used by content loaders to clear floated elements */
/* other modifiers */
.ar {text-align: right;} /*align right*/
.ac {text-align: center;}
.right {float: right;}
.left {float: left;}
/* ====== very specific things ====== */
/* National standards landing page buttons to different sections */
.button-h {
	font-size:18px;
	line-height: 22px;
	margin: 0;
	padding: .5em 100px .5em 13px;
	font-weight:normal;
	font-style: normal;
	color: #ffffff;
	background: #ed6728 url(../images/new_orange_nautilus.png) no-repeat right top;}
.button-h a {color: #ffffff;}
	.reading-and-writing-button .button-h {
		background-color: #ed6728;
		/*background-image: url(../images/sections/standards-reading-and-writing.jpg)*/;
	}
	.maths-button .button-h {background-color: #AD629B; background-image: url(../images/sections/standards-maths.jpg);}
	/*more-link also changes*/
	.reading-and-writing-button p.more-link a {color:#A53210; background-image: url(../images/arrow-orange.gif);}
	.maths-button p.more-link a {color:#971E7D; background-image: url(../images/arrow-purple.gif);}
/*homepage image*/
#homepage-image{position: absolute; top: 30px; right:250px;z-index: 400;}
#content .pagetools a.print {background:url("../images/printicon.gif") no-repeat scroll 0 50% transparent;padding-left:22px; float:right;}
#printLink{ position: absolute;   border: 0px; padding: 0px; margin: 0px; margin-top: 10px; margin-left: 515px; width: 80px;}
#page-tools .crumbs {
	margin-right: 70px;
	padding-right: 0;
	margin-top: 20px;
}

/* ################
Year level image map and featured block
################ */
.year-map {
padding: 0;
/*padding: 1em 0 2em;*/
text-align: center;
}
.year-map .img .years {background-image:url(../images/years/years.png)}
* html .year-map .img .years {background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/extension/tki-nzc/design/tki-nzc/images/years/years.png, sizingMethod='scale');}
.reading-writing .img .years {background-image:url(../images/years/years-rw.png)}
* html .reading-writing .img .years {background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/extension/tki-nzc/design/tki-nzc/images/years/years-rw.png, sizingMethod='scale');}
.mathematics .img .years {background-image:url(../images/years/years-math.png)}
* html .mathematics .img .years {background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/extension/tki-nzc/design/tki-nzc/images/years/years-math.png, sizingMethod='scale');}

.year-map .img .year0 {background-image:url(../images/years/year-0.png)}
* html .year-map .img .year0 {background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/extension/tki-nzc/design/tki-nzc/images/years/year-0.png, sizingMethod='scale');}
.reading-writing .img .year0 {background-image:url(../images/years/year-0-rw.png)}
* html .reading-writing .img .year0 {background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/extension/tki-nzc/design/tki-nzc/images/years/year-0-rw.png, sizingMethod='scale');}
.mathematics .img .year0 {background-image:url(../images/years/year-0-math.png)}
* html .mathematics .img .year0 {background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/extension/tki-nzc/design/tki-nzc/images/years/year-0-math.png, sizingMethod='scale');}

.year-map .img .year1 {background-image:url(../images/years/year-1.png)}
* html .year-map .img .year1 {background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/extension/tki-nzc/design/tki-nzc/images/years/year-1.png, sizingMethod='scale');}
.reading-writing .img .year1 {background-image:url(../images/years/year-1-rw.png)}
* html .reading-writing .img .year1 {background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/extension/tki-nzc/design/tki-nzc/images/years/year-1-rw.png, sizingMethod='scale');}
.mathematics .img .year1 {background-image:url(../images/years/year-1-math.png)}
* html .mathematics .img .year1 {background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/extension/tki-nzc/design/tki-nzc/images/years/year-1-math.png, sizingMethod='scale');}

.year-map .img .year2 {background-image:url(../images/years/year-2.png)}
* html .year-map .img .year2 {background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/extension/tki-nzc/design/tki-nzc/images/years/year-2.png, sizingMethod='scale');}
.reading-writing .img .year2 {background-image:url(../images/years/year-2-rw.png)}
* html .reading-writing .img .year2 {background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/extension/tki-nzc/design/tki-nzc/images/years/year-2-rw.png, sizingMethod='scale');}
.mathematics .img .year2 {background-image:url(../images/years/year-2-math.png)}
* html .mathematics .img .year2 {background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/extension/tki-nzc/design/tki-nzc/images/years/year-2-math.png, sizingMethod='scale');}

.year-map .img .year3 {background-image:url(../images/years/year-3.png)}
* html .year-map .img .year3 {background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/extension/tki-nzc/design/tki-nzc/images/years/year-3.png, sizingMethod='scale');}
.reading-writing .img .year3 {background-image:url(../images/years/year-3-rw.png)}
* html .reading-writing .img .year3 {background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/extension/tki-nzc/design/tki-nzc/images/years/year-3-rw.png, sizingMethod='scale');}
.mathematics .img .year3 {background-image:url(../images/years/year-3-math.png)}
* html .mathematics .img .year3 {background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/extension/tki-nzc/design/tki-nzc/images/years/year-3-math.png, sizingMethod='scale');}

.year-map .img .year4 {background-image:url(../images/years/year-4.png)}
* html .year-map .img .year4 {background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/extension/tki-nzc/design/tki-nzc/images/years/year-4.png, sizingMethod='scale');}
.reading-writing .img .year4 {background-image:url(../images/years/year-4-rw.png)}
* html .reading-writing .img .year4 {background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/extension/tki-nzc/design/tki-nzc/images/years/year-4-rw.png, sizingMethod='scale');}
.mathematics .img .year4 {background-image:url(../images/years/year-4-math.png)}
* html .mathematics .img .year4 {background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/extension/tki-nzc/design/tki-nzc/images/years/year-4-math.png, sizingMethod='scale');}

.year-map .img .year5 {background-image:url(../images/years/year-5.png)}
* html .year-map .img .year5 {background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/extension/tki-nzc/design/tki-nzc/images/years/year-5.png, sizingMethod='scale');}
.reading-writing .img .year5 {background-image:url(../images/years/year-5-rw.png)}
* html .reading-writing .img .year5 {background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/extension/tki-nzc/design/tki-nzc/images/years/year-5-rw.png, sizingMethod='scale');}
.mathematics .img .year5 {background-image:url(../images/years/year-5-math.png)}
* html .mathematics .img .year5 {background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/extension/tki-nzc/design/tki-nzc/images/years/year-5-math.png, sizingMethod='scale');}

.year-map .img .year6 {background-image:url(../images/years/year-6.png)}
* html .year-map .img .year6 {background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/extension/tki-nzc/design/tki-nzc/images/years/year-6.png, sizingMethod='scale');}
.reading-writing .img .year6 {background-image:url(../images/years/year-6-rw.png)}
* html .reading-writing .img .year6 {background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/extension/tki-nzc/design/tki-nzc/images/years/year-6-rw.png, sizingMethod='scale');}
.mathematics .img .year6 {background-image:url(../images/years/year-6-math.png)}
* html .mathematics .img .year6 {background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/extension/tki-nzc/design/tki-nzc/images/years/year-6-math.png, sizingMethod='scale');}

.year-map .img .year7 {background-image:url(../images/years/year-7.png)}
* html .year-map .img .year7 {background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/extension/tki-nzc/design/tki-nzc/images/years/year-7.png, sizingMethod='scale');}
.reading-writing .img .year7 {background-image:url(../images/years/year-7-rw.png)}
* html .reading-writing .img .year7 {background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/extension/tki-nzc/design/tki-nzc/images/years/year-7-rw.png, sizingMethod='scale');}
.mathematics .img .year7 {background-image:url(../images/years/year-7-math.png)}
* html .mathematics .img .year7 {background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/extension/tki-nzc/design/tki-nzc/images/years/year-7-math.png, sizingMethod='scale');}

.year-map .img .year8 {background-image:url(../images/years/year-8.png)}
* html .year-map .img .year8 {background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/extension/tki-nzc/design/tki-nzc/images/years/year-8.png, sizingMethod='scale');}
.reading-writing .img .year8 {background-image:url(../images/years/year-8-rw.png)}
* html .reading-writing .img .year8 {background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/extension/tki-nzc/design/tki-nzc/images/years/year-8-rw.png, sizingMethod='scale');}
.mathematics .img .year8 {background-image:url(../images/years/year-8-math.png)}
* html .mathematics .img .year8 {background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/extension/tki-nzc/design/tki-nzc/images/years/year-8-math.png, sizingMethod='scale');}

.year-map .links {
display: none; /* added in to hide for now */
font-size: 0.9em;
padding-top: 0.6em;
}
.year-map .links .divide {
color: #DBC9CB;
}
.year-map .links a, .year-map .links a:visited {
color: #333;
padding: 0 2px;
border: 1px;
display: inline-block;
}
.year-map .links a.current {
background: #FFF;
text-decoration: none;
border: 1px solid #DBC9CB;
*position: relative;
*top: 1px;
}
/* ## illustration navigation ## */
.imagemap-wrapper h3, .imagemap-wrapper ul.flat-list{position: absolute;top: -9999px;left: -9999px;}
#content .illustration-nav {width: 526px; _width:auto; list-style: none; margin: 0; padding: 0 0 20px 50px /*20px 0 20px 130px*/; text-align: center;}
#content .illustration-nav li {background: none; list-style: none; padding: 0; margin: 0; display: inline-block; *float: left;}
#content .illustration-nav li.first, #content .illustration-nav li.prev, #content .illustration-nav li.count {padding-right: 10px;}
#content .illustration-nav li.first a {display: block; text-indent: -9000px; background: url(../images/ill-nav-first.gif) no-repeat 0 0; width: 17px; height: 13px;}
#content .illustration-nav li.prev a {display: block; text-indent: -9000px; background: url(../images/ill-nav-previous.gif) no-repeat 0 0; width: 7px; height: 13px;}
#content .illustration-nav li.next, #content .illustration-nav li.last {padding-left: 10px !important;}
#content .illustration-nav li.next a {display: block; text-indent: -9000px; background: url(../images/ill-nav-next.gif) no-repeat right 0; width: 7px; height: 13px;}
#content .illustration-nav li.last a {display: block; text-indent: -9000px; background: url(../images/ill-nav-last.gif) no-repeat right 0; width: 16px; height: 13px;}
#content .illustration-nav li.previous-section {width: 135px;}
#content .illustration-nav li.next-section {width: 135px; text-align: right;}
#content .illustration-nav li.count {width: 133px; text-align: center;}


/* #################
SECTION LANDING PAGE
################# */
.faux-h2 {
		zoom:1;
		margin-bottom:17px;
		padding-top:5px;
		padding-bottom:5px;
		color:#009ac1;
		/*background:#F59B3B url('../images/faux-h2-bg.png') 432px -8px no-repeat; background:#F59B3B url('../images/faux-h2-bg.png') 432px -8px no-repeat, -webkit-gradient(linear, left top, right top, from(#f59b3c), to(#ed7c05));background:#F59B3B url('../images/faux-h2-bg.png') 432px -8px no-repeat, -moz-linear-gradient(left, #f59b3c, #ed7c05); background:#F59B3B url('../images/faux-h2-bg.png') 432px -8px no-repeat, linear-gradient(left, #f59b3c, #ed7c05);-pie-background:#F59B3B url('/extension/tki-nzc/design/tki-nzc/images/faux-h2-bg.png') 432px -8px no-repeat, linear-gradient(left, #f59b3c, #ed7c05)*/
		background: none!important;
		font-style: italic;
		font-size: 35px;
		font-family: 'Crete Round', serif;
	}

/* ######################################################################################################################
SECTION LANDING PAGE CAROUSEL - DON'T UNDERSTAND WHY THIS IS DIFFERENT TO THE MEDIA SECTION CAROUSEL, NO TIME TO THINK!!!
###################################################################################################################### */
.news-carousel-wrapper {margin:0 13px;zoom:1}
.news-carousel-wrapper {position/*\**/:relative\9;_position:static;z-index/*\**/:0\9}
.news-carousel-wrapper .inner {float:left;border:1px solid #bbbcbf;background:#e8f3fa;behavior:url(/extension/tki-nzc/design/tki-nzc/stylesheets/PIE.htc);-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px}
.news-carousel-wrapper p {margin:0;_margin-bottom:9px;padding:0;font-size:11px;line-height:1.3}
*:first-child+html .news-carousel-wrapper p {margin-bottom:9px}/*IE7*/
.news-carousel-wrapper .date {margin-bottom:1px;font-size:10px;color:#696868}
*:first-child+html .news-carousel-wrapper .date {margin-bottom:0}/*IE7*/
.news-carousel-wrapper h3 {margin:5px 0 2px;padding:0;font-weight:normal;line-height:1.4}
.news-carousel-wrapper .prev {width:23px;margin-top:10px;float:left;background: url("../images/buttons/back-arrow.gif") no-repeat scroll 6px center #e8f3fa;text-indent:-9999px}

.news-carousel-wrapper .next {width:23px;margin-top:10px;float:left;background: url("../images/buttons/forward-arrow.gif") no-repeat scroll 6px center #e8f3fa;text-indent:-9999px}
.news-carousel-wrapper .disabled {background-position:-34px center}
.news-carousel-wrapper .post-img {width:134px;margin-top:12px;margin-left:14px;_margin-left:6px}
.news-carousel-wrapper .post-img img {padding:0;float:left;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;border:none}
.news-carousel {float:left;background:#e8f3fa;border-left:1px solid #bbbcbf;border-right:1px solid #bbbcbf;zoom:1;position:relative;/*Raj's stuff*/visibility:visible;overflow:hidden;position:relative;z-index:2;left:0}
.news-carousel li {/*Raj's stuff */overflow:hidden;float:left;width:162px}
.read-all-link {_margin-top:-32px;padding-top:7px;padding-bottom:10px;display:block;border-bottom:1px dotted #368bae;text-align:right;text-decoration:underline}
*:first-child+html .read-all-link {margin-top:-32px} /*IE7*/
.read-all-link:hover {text-decoration:none}

/*#################
SECTION CONTENT PAGE
#################*/
#content .section-tabs {margin-top:30px;margin-bottom:-1px;position:relative;z-index:100}


#content .section-tabs {
	border-bottom: 10px solid #e05821;
}

#content .section-tabs li  {
	width: 25%;
	display: inline-block;
	-webkit-border-radius: 8px 8px 0 0;
	-moz-border-radius: 8px 8px 0 0;
	border-radius: 8px 8px 0 0;
	background: #6b6c6e;
	background: -webkit-linear-gradient(left, #474749, #6b6c6e);
	background: -o-linear-gradient(right, #474749, #6b6c6e);
	background: -moz-linear-gradient(right, #474749, #6b6c6e);
	background: linear-gradient(to right, #474749, #6b6c6e);
	margin-right: 0;
	margin-right: -4px;
	vertical-align: bottom;
}

#content .section-tabs li a, #content .section-tabs li span  {
	display: block;
	margin: 3px;
	box-shadow: 0 3px 1px -2px rgba(255, 255, 255, 0.8) inset;
  	-webkit-border-radius: 6px;
	   -moz-border-radius: 6px;
	        border-radius: 6px;
	padding: 10px;
	font-style: italic;
	font-family: 'Crete Round', serif;
	color: #fff;
	font-size: 18px;
  padding-bottom: 5px;
}

#content .section-tabs .active {
	background: #e05821;
	background: -webkit-linear-gradient(#f17236, #e05821); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#f17236, #e05821); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#f17236, #e05821); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#f17236, #e05821); /* Standard syntax */
	-webkit-border-radius:8px 8px 0 0;
	-moz-border-radius:8px 8px 0 0;
	border-radius:8px 8px 0 0;
	border-bottom-color:#df5721;
}


.tab-container {
	position:relative;
	z-index:25;
	border-left:1px solid #e4e5e6;
	border-right:1px solid #e4e5e6;
	padding-top: 20px;
  padding-left: 40px;
  padding-right: 40px;
  background: #f9f9f9;
  background: -webkit-linear-gradient(left, #edeef0, #f9f9f9);
  background: -o-linear-gradient(left, #edeef0, #f9f9f9);
  background: -moz-linear-gradient(left, #edeef0, #f9f9f9);
  background: linear-gradient(to right, #edeef0, #f9f9f9)
  -webkit-border-radius: 0 0 12px 12px;
  -moz-border-radius: 0 0 12px 12px;
  border-radius: 0 0 12px 12px;
  padding-bottom: 40px;
}
.tab-container h2 {
	color:#009ac1;
	font-weight: normal;
	font-style: italic;
	font-size: 18px;
	font-family: 'Crete Round', serif;
	margin-bottom: 18px;
}

.tab-container ul {
	list-style:disc;
	padding-left: 15px;
}
.tab-container ul li {
	margin-left:1px;
	padding-left:0;
	background:none;
	padding-left: 18px;
}

.tab-container ul, ol {
	margin-top: -0.75em;
}

/* ####################################################################################################################################################
THIS IS FOR THE WRAPPING ELEMENT THAT STYLING CAN BE APPLIED TO FOR http://css3pie.com/ WHEN THERE IS NO SUITABLE PARENT ELEMENT TO APPLY THE STYLES TO
#################################################################################################################################################### */
.pie-htc-wrapper {position:relative;z-index:0}

/* ---------------------------------------------------
	Updates 151012
   --------------------------------------------------- */

/* Buttons */



/*
.btn-inset {

    width: 216px;
    height: 10px;
    display: block;
    position: absolute;
    margin-top: -10px;
    box-shadow: 0 3px 2px -2px rgba(255, 255, 255, 0.8) inset;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    margin-left: 2px;
}

.collapser_inset {
  width: 752px;
  height: 10px;
  display: block;
  position: absolute;
  margin-top: 12px;
  box-shadow: 0 3px 2px -2px rgba(255, 255, 255, 0.8) inset;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #fff;
  margin-left: 2px;
}

.matrix-inset {
  width: 226px;
  height: 10px;
  display: block;
  position: absolute;
  margin-top: 2px;
  box-shadow: 0 3px 2px -2px rgba(255, 255, 255, 0.8) inset;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #fff;
  margin-left: 2px;
}*/





.naut-btn {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 5px;
	max-width: 360px;
	position: relative;
  margin-left: 0;
  padding: 1px;
}

.naut-btn a {
	color: #fff;
	font-family: 'Crete Round', serif;
	font-style: italic;
	font-weight: normal;
	margin-left: 10px;
	font-size: 18px;
}

.naut-btn a:hover {
  text-decoration: none;
}

.naut-btn i {
	margin-left: 10px;
	font-size: 14px;
}

.naut-btn h2,
.naut-btn h3,
.naut-btn h4,
.highlight .inner .hd h2,
.highlight .inner .hd h3,
.highlight .inner .hd h4,
.blue-btn h2
{
  box-shadow: 0 3px 2px -2px rgba(255, 255, 255, 0.8) inset;
  border-radius: 4px;
  margin: 0;
  padding: 0;
}

.naut-btn h2 a,
.naut-btn h3 a,
.naut-btn h4 a,
.highlight .inner .hd h2 a,
.highlight .inner .hd h3 a,
.highlight .inner .hd h4 a,
.blue-btn h2 a {
  padding: 10px;
  margin: 0;
  position: relative;
  z-index: 100;
  display: block;
}

.naut-btn h2 i {
  margin-left: 0;
}

.highlight .inner .hd {
   padding: 1px;
}

.blue-btn {
  background: #0690af;
  background: -webkit-linear-gradient(#07a9d7, #098caa); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#07a9d7, #098caa); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#07a9d7, #098caa); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#07a9d7, #098caa); /* Standard syntax */
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 1px;
  width: 233px;
  -moz-box-shadow: 2px 2px 2px #cccdcd;
  -webkit-box-shadow: 2px 2px 2px #cccdcd;
  box-shadow: 2px 2px 2px #cccdcd;
}

.blue-btn a {
  color: #fff;
  font-size: 18px;
  font-family: 'Crete Round', serif;
  font-style: italic;
  font-weight: lighter;
}

.blue-btn a:hover {
  text-decoration: none;
}


.blue-btn:hover {
  text-decoration: none;
  background: #058fac;
  background: -webkit-linear-gradient(#45bee0, #058fac);
  background: -o-linear-gradient(#45bee0, #058fac);
  background: -moz-linear-gradient(#45bee0, #058fac);
  background: linear-gradient(#45bee0, #058fac);
}

.org-btn {
	background: #df5721;
	background: -webkit-linear-gradient(#f37a43, #df5721); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#f37a43, #df5721); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#f37a43, #df5721); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#f37a43, #df5721); /* Standard syntax */
  -moz-box-shadow: 2px 2px 2px #cccdcd;
  -webkit-box-shadow: 2px 2px 2px #cccdcd;
  box-shadow: 2px 2px 2px #cccdcd;
}

.org-btn:hover {
  background: #df5721;
  background: -webkit-linear-gradient(#f69d74, #df5721); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#f69d74, #df5721); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#f69d74, #df5721); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#f69d74, #df5721); /* Standard syntax */
}

.purp-btn {
	background: #9c3786;
	background: -webkit-linear-gradient(#b677a8, #9c3786); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#b677a8, #9c3786); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#b677a8, #9c3786); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#b677a8, #9c3786); /* Standard syntax */
	color: #fff;
  -moz-box-shadow: 2px 2px 2px #cccdcd;
  -webkit-box-shadow: 2px 2px 2px #cccdcd;
  box-shadow: 2px 2px 2px #cccdcd;
  margin-left: 17px;
  width: 360px;
}

.purp-btn:hover {
  background: #9c3786;
  background: -webkit-linear-gradient(#cb9fc2, #9c3786); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#cb9fc2, #9c3786); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#cb9fc2, #9c3786); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#cb9fc2, #9c3786); /* Standard syntax */
}


.nautilus {
	background: url(../images/transparent_nautilus.png) no-repeat right bottom;
	display: block;
	width: 129px;
	height: 60px;
	position: absolute;
	right: 0;
	bottom: 0;
	opacity: 0.2;
}

.table_nautilus {
	background: url(../images/transparent_nautilus.png) no-repeat right bottom;
	display: block;
	width: 129px;
	height: 60px;
	position: absolute;
	opacity: 0.2;
	margin-top:-50px;
	margin-left: -25px;
}

.pub-date-container {
	position: absolute;
	bottom: 0;

}

.top-link {
	margin-top:20px;
	margin-bottom: 0;
}

.tools-line-break {
	width: 100%;
	border-top: 1px solid #000;
}

#nav-fader {
	width: 203px;
	height: 150px;
	background: url(../images/fader-test.png);
	margin-top: -2px;
}

.ie8 #nav-fader {
	background: url(../images/ie-fader-test.png);
}

.ie9 #nav-fader {
	background: url(../images/ie-fader-test.png);
}

.back_to_media_gallery {
	margin-bottom: 20px;
}

.back_to_media_gallery a {
	color: #4d4d4f;
	font-family: 'Crete Round', serif;
	font-size: 18px;
	font-weight: normal;
	font-style: italic;
	margin-bottom: 10px;
}

.back_to_media_gallery a:hover {
	text-decoration: none;
}

.back_to_media_gallery img {
	margin-right: 10px;
}