/* CSS Document */

/* GLOBAL LAYOUT BOXES */ 
/* look in local_sectionname.css for overrides specific to a section */
body {font-size: 0.8em; color: #333; margin:0px; padding:10px; background:#fff;font-family: Arial, Helvetica, sans-serif;}

h1 {font-weight: normal; color: #FF9900; margin: 0px 0px 21px 0px; }
h2 {font-weight: normal; color: #FF9900; padding: 0px 0px 0px 0px; margin: 7px 0px 0px 0px;}
h3 {font-weight: normal; color: #FF9900; padding: 7px 0px 0px 0px; margin: 0px;}
h4 {font-weight: bold; color: #000; padding: 7px 0px 0px 0px;}
h5 {color: #0066CC;}
h6 {font-weight: normal; color: #0066CC;padding: 7px 0px 0px 0px;}
h7 {font-weight: normal; color: #FF9900; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}

p {margin: 3px 0px 7px 0px;}

ul {margin: 7px 28px 7px 28px;}

.standardlist {margin: 0px 0px 20px 40px; padding: 0px 0px 0px 0px;}
.standardlist li {list-style-type:circle; margin: 1px 0px 2px 0px; padding: 0px 0px 0px 0px;}


/*BUG FIX*/
/* Hides from IE5-mac \*/

* html .activitybox {height: 1%;}

/* End hide from IE5-mac */


/* HEADER */
.header01{ margin: 0px 0px 2px 0px;}
.header02 {font-size:0.8em; font-weight: normal; color: #FF9900; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
.header03{ padding: 35px 0px 0px 0px;}


/* SPLASH SCREEN ONLY */ 
.imageleftsplash {float: left; padding: 14px 14px 7px 0px; margin: 7px 0px 0px 0px;}

.splashsubtitle { font-size: 100%; color: #666666; padding: 0px 0px 0px 0px; margin: 4px 0px 25px 0px;}
.splashdetails { font-size: 11px; color: #666666; border-top: solid 1px #999; padding: 10px 0px 0px 0px;}



/* SUMMARY */
.summarybox {float: right; width: 250px; border: solid 2px #66CCFF; padding: 0px 14px 14px 14px; margin: 0px 14px 28px 28px;}
.summarybox h2 {color:#0066CC; border-bottom: 1px dotted #0066CC; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}

.summarybox a:link {color:#0066CC; text-decoration:none;}
.summarybox a:visited {color:#0066CC; text-decoration:none;}
.summarybox a:focus {color:#0066CC; text-decoration:none;}
.summarybox a:hover {color:#0066CC; text-decoration: underline;}
.summarybox a:active {color:#0066CC; text-decoration:none;}

.summarylist {list-style-type: circle;margin: 3px 14px 7px 14px;}
.summarylist li {margin: 7px 0px 7px 7px;}

/* IMAGE */
.imageboxleft {float: left; padding: 7px 14px 14px 0px; margin: 0px 0px 0px 0px;}
.imageboxright {float: right; padding: 20px 7px 14px 14px; width: 250px;}
.imagecap{font-size: 10px; color: #666;}


/* TEXT BLOCKS */
.contentwrapper {background-color: #FFF; padding: 6px 6px 6px 6px; margin: 10px 0px 0px 0px;}
.contentintro { padding: 14px 14px 14px 14px; margin: 7px 7px 30px 330px; display: block;}

.contentblock { border-left: solid 1px #FF9900; border-bottom: solid 1px #FF9900; padding: 7px 14px 7px 14px; margin: 0px 7px 7px 120px;}
.contentblock p {margin: 3px 0px 7px 0px;}
.contentblock h2 {margin: 20px 0px 0px 0px; padding: 0px 0px 0px 0px;}

.contentblock01 { border-left: solid 1px #FF9900; border-bottom: solid 1px #FF9900; padding: 1px 14px 7px 14px; margin: 0px 7px 7px 120px;}
.contentblock01 a:link {color: #666;text-decoration:none;}
.contentblock01 a:visited {color: #666; text-decoration:none;}
.contentblock01 a:focus {color: #666;text-decoration:none;}
.contentblock01 a:hover {color: #000;text-decoration: underline;}
.contentblock01 a:active {color: #666;text-decoration:none;}

.contentblock01 p {padding: 0px 0px 0px 0px; margin: 3px 0px 0px 0px;}

.contentblock01 h2 a:link {color: #FF9900;text-decoration:none;}
.contentblock01 h2 a:visited {color: #FF9900; text-decoration:none;}
.contentblock01 h2 a:focus {color: #FF9900;text-decoration:none;}
.contentblock01 h2 a:hover {color: #FF6600;text-decoration: underline;}
.contentblock01 h2 a:active {color: #FF9900;text-decoration:none;}


/* TEXT STYLING */
.leftnumberbig {float: left; width: 100px; margin: 0px; padding: 0px; text-align: right; font-size: 500%; color: #FF6600;}
.leftheading {float: left; width: 100px; margin: 0px; padding: 7px 14px 14px 7px; text-align: right; color: #FF6600;}

.question { font-weight: normal; color: #0066CC;}
.quote { color:#666; display: block; font-style:italic; font-weight: normal; padding: 7px 28px 7px 28px;margin: 7px 0px 7px 0px;}
.emph {border-bottom: dotted 1px #666;}
.action { color: #FF6600; border-bottom: dotted 1px #FF6600;}

.activityheader{float:left;}
.superscript{float:left; margin: 7px 0px 0px 3px;}

.extlink {float:left; width: 110px; margin:10px 7px 0px 0px; padding:4px; color:#FF9900; border: solid 1px #CCC;}

.iconright, iconleft {font-size: 12px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}

.iconright {float: right; }
.iconright a:link {color: #FF6600;text-decoration:none;}
.iconright a:visited {color: #FF6600; text-decoration:none;}
.iconright a:focus {color: #FF6600;;text-decoration:none;}
.iconright a:hover {color: #FF3300;text-decoration: underline;}
.iconright a:active {color: #FF6600;text-decoration:none;}

.iconleft {float:left;}
.iconleft a:link {color: #FF6600;text-decoration:none;}
.iconleft a:visited {color: #FF6600; text-decoration:none;}
.iconleft a:focus {color: #FF6600;;text-decoration:none;}
.iconleft a:hover {color: #FF3300;text-decoration: underline;}
.iconleft a:active {color: #FF6600;text-decoration:none;}

.cite {color: #000; font-style: normal; font-weight: normal; font-size: 0.9em;}

.tableheading { color: #000; margin: 0px 7px 7px 7px; font-weight: bold;}
.tableheading2 { color: #0066CC; font-weight: bold;}
.tabletext { margin: 0px 7px 7px 7px;}

.resources {list-style:none; margin: 0px 0px 14px 20px;}
.resources li {color:#666;}

.footnotes {margin: 0px 0px 0px 20px; padding: 0px 0px 0px 0px; list-style:none;}
.footnotes li {display:block; margin:7px 0px 7px 35px; padding: 0px 0px 0px 0px;}
.footnumber {margin: 0px 20px 0px 0px; float:left;}

.note {font-size: 10px; margin: 60px 0px 0px 0px;}
.note02 {margin: 40px 0px 0px 0px; color: #666666; font-style:italic;}

.rule {border-bottom:dotted 1px #FF9900;}

/*ACTIVITIES*/
.activitybox {padding: 0px 14px 0px 14px; margin: 20px 7px 7px 120px; border-bottom: solid 1px #FF9900;}
.activitybox h2 {margin: 0px; padding: 0px; color: #FF6600;}


/* LINKS AND MENUS */


/* general links */
a:link {color: #FF9900;text-decoration:none;}
a:visited {color: #FF9900; text-decoration:none;}
a:focus {color: #FF9900;text-decoration:none;}
a:hover {color: #FF6600;text-decoration: underline;}
a:active {color: #FF9900;text-decoration:none;}

sup {font-weight:bold; color: #000;}
sup a:link {color: #000; }
sup a:visited {color: #333;}
sup a:focus {color: #333;}
sup a:hover {color: #FF9900; text-decoration:none;}
sup a:active {color: #333;}

/* mainmenu */
.menutop {float:right; list-style:none;margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
.menutop li {margin: 0px 0px 0px 0px; padding: 0px 6px 0px 6px;display:inline;}

.mainmenudiv, .mainmenu li {height: 18px;}
.mainmenudiv, .mainmenu li {\height: 18px; h\eight: 18px;}  /*box model hack*/
.mainmenudiv{ background-color: #FFCC66; padding: 0px; margin: 0px; width: 100%; border-bottom: solid 2px #FF9900;}

.mainmenudiv01 {height: 13px;background-color: #FFCC66;padding: 0px;margin: 0px;width: 100%;border-bottom: solid 2px #FF9900;}

.mainmenu {display:inline; padding: 0px; margin: 0px; break: all;}

.mainmenu li {margin: 0px;padding: 3px 0px 3px 0px;/* changes length and height of tabs */ list-style-type: none; font-size: 90%; float: left;}

.mainmenu li a:link {padding: 3px 5px 2px 5px; color: #FF9900; background-color: #FFCC66; text-decoration:none;}
.mainmenu li a:visited {padding: 3px 5px 2px 5px;color: #FFF;background-color: #FFCC66;text-decoration:none;}
.mainmenu li a:hover {padding: 3px 5px 2px 5px;color: #FFF; background-color: #FF9900; text-decoration:none;}
.mainmenu li a:active {padding: 3px 5px 2px 5px;color: #FFF;background-color: #FFCC66;text-decoration:none;}

/* themes and artists menu */
.themeimage {display: block; border-left: solid 1px #999; border-bottom: solid 1px #999; text-align: center; width: 120px; height: 120px;padding: 10px 10px 10px 10px; margin: 7px 0px 0px 0px;}

.thememenu {padding: 10px 28px 10px 14px; margin: 7px 0px 0px 0px; font-size: 110%;}
.themenumber {text-align: right; padding: 13px 0px 0px 0px;font-size: 300%;}
.themeartists {color: #999; font-size:12px;margin: 3px 0px 0px 0px;}
.themenumber {color: #FF6600;}
.themecaption {font-size:10px; color:#666; margin: 0px 15px 0px 15px;}

.thememenu a:link {font-size: 120%;}
.thememenu a:visited {font-size: 120%;}
.thememenu a:hover {font-size: 120%;}
.thememenu a:active {font-size: 120%;}


/* PRINT-RELATED THINGS */
/* set up print-related things for the screen version - look in print css for print definitions */

.printonlyinline {display: none;}
.printonlyblock {display: none;}

/* subject colour coding */
.subject {display: inline;color: #fff;}
.subject li{color: #fff; list-style:none; background-color: #66CCFF; width: 100px; text-align: center; border: 1px solid #fff;}


/* GLOSSARY - deployment bits for whole site */
/* look in local_glossary.css for glossary page */

.glossarylink:link {text-decoration: none; padding: 0px 3px 0px 2px; color: #0066CC; border-bottom: 1px dotted #0066CC;}
.glossarylink:visited {text-decoration: none; padding: 0px 3px 0px 2px; color: #0066CC;border-bottom: 1px dotted #0066CC;}
.glossarylink:focus {text-decoration: none; padding: 0px 3px 0px 2px; color: #0066CC;border-bottom: 1px dotted #0066CC;}
.glossarylink:hover {text-decoration:none; padding: 0px 3px 0px 2px; color: #003399; background-color: #66CCFF; padding: 0px 3px 0px 2px; border-bottom: 1px dotted #0066FF;}
.glossarylink:active {text-decoration: none; padding: 0px 3px 0px 2px; color:#0066CC; border-bottom: 1px dotted #0066CC;}
.glossterm {display: none;}

.extlink01:link {text-decoration: none; padding: 0px 3px 0px 2px; color: #CC3300; border-bottom: 1px dotted #CC3300;}
.extlink01:visited {text-decoration: none; padding: 0px 3px 0px 2px; color: #CC3300; border-bottom: 1px dotted #CC3300;}
.extlink01:focus {text-decoration: none; padding: 0px 3px 0px 2px; color: #CC3300; border-bottom: 1px dotted #CC3300;}
.extlink01:hover {text-decoration:none; padding: 0px 3px 0px 2px; color: #CC3300; background-color: #FF9900; padding: 0px 3px 0px 2px; border-bottom: 1px dotted #0066FF;}
.extlink01 a:active {text-decoration: none; padding: 0px 3px 0px 2px; color: #CC3300; border-bottom: 1px dotted #CC3300;}

.intlink01:link {text-decoration: none; padding: 0px 3px 0px 2px; color: #FF9900; border-bottom: 1px dotted #FF9900;}
.intlink01:visited {text-decoration: none; padding: 0px 3px 0px 2px; color: #FF9900; border-bottom: 1px dotted #FF9900;}
.intlink01:focus {text-decoration: none; padding: 0px 3px 0px 2px; color: #FF9900; border-bottom: 1px dotted #FF9900;}
.intlink01:hover {text-decoration:none; padding: 0px 3px 0px 2px; color: #FF6633; background-color: #FFCC66; padding: 0px 3px 0px 2px; border-bottom: 1px dotted #FF9900;}
.intlink01 a:active {text-decoration: none; padding: 0px 3px 0px 2px; color: #FF9900; border-bottom: 1px dotted #CC3300;}


/*Form*/
input {margin: 4px 4px 1px 2px;}
.mandatory {color:#CC0000; font-weight:bold;}

/*Tables*/
.table01 table {border: solid 1px #CCC; padding: 3px;}
.table01 tr {border: solid 1px #CCC;}
.table01 td {border: solid 1px #CCC;}