/* CSS Document */
body{
	/*  sets the default background to grey, and the default text to  Verdana*/
	background-color: #E7E5E1;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; 
}

table td{
	/*  sets the default text in all tables to Verdana*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px; 
}

form {
	/* remove borders and margins from form element to remove white space - cannot be removed for NS 4.7*/
	margin: 0px;
	border : 0px;
	border-width : 0px;
	border-bottom : 0px;
	border-top : 0px;
}
cfform {
	/* remove borders and margins from form element to remove white space - cannot be removed for NS 4.7*/
	margin: 0px;
	border : 0px;
	border-width : 0px;
	border-bottom : 0px;
	border-top : 0px;
}
.printable table { 
	/* use the table border to ensure 2px render in Mac browsers*/
	border: 1px solid #808080;
	background-color: #FFFFFF;
	/* collapse borders - only works in Opera 4+, IE5+ and Netscape 5+ set border in tables to 1 for older browsers*/
	border-collapse: collapse; 
	margin: 0px;
} 

.printable table td { 
	border: 1px solid #808080;
	/* set font properties for the text appearing within <td> tags in the table*/
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: normal;
}

.blackText{
	/* sets  text properites for use with <td> tags */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color : #000000;
}

.blackTextsmall{
	/* sets  text properites for use with <td> tags */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color : #000000;
}


.whiteText{
	/* sets  text properites for use with <td> tags */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color : #ffffff;
}
	
.BGwhite_FFFFFF{
	/* sets the background colour for use with <table> <tr> and <td> tags */
	background-color: #FFFFFF;
}
.BGgrey_E7E5E1{
	/*  sets background colour for use with <table> <tr> and <td> tags*/
	background-color: #E7E5E1;
}
.BGgrey_808080{
	/*  sets the default background to grey, and the default text to Black Verdana*/
	background-color: #808080;
}
.BGgrey_999999{
	/*  sets the default background to grey, and the default text to Black Verdana*/
	background-color: #999999;
}
.BGyellow_FFF200{
	/*  sets the default background to grey, and the default text to Black Verdana*/
	background-color: #FFF200;
}
.BGred_FF3300{
	/*  sets the default background to red, and the default text to Black Verdana*/
	background-color: #FF3300;
}
.BGgrey_CCCCCC{
	/*  sets the default background to grey, and the default text to Black Verdana*/
	background-color: #CCCCCC;
}
.HLgreen_99CC33 {
	/* sets the background and font properties for the panel details to be applied to <td> tags*/ 
	background-color : #99CC33;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color : #FFFFFF;
}
.HLyellow_FFC600 {
	/* sets the background and font properties for the panel details to be applied to <td> tags*/ 
	background-color : #FFC600;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color : #FFFFFF;
}

.Greyheader {
	/* sets the font properties for the grey headers in the story pages*/ 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color : #9A9C9E;
}

.Greytext {
	/* sets the font properties for the grey text in the story pages*/ 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color : #9A9C9E;
}

.HLred_DA524B {
	/* sets the background and font properties for the panel details to be applied to <td> tags*/ 
	background-color : #FF3300;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color : #FFFFFF;
}
.HLblue_668AFF {
	/* sets the background and font properties for the panel details to be applied to <td> tags*/ 
	background-color : #668AFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color : #FFFFFF;
}
.HLpurple_B42FC0 {
	/* sets the background and font properties for the panel details to be applied to <td> tags*/ 
	background-color : #B42FC0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color : #FFFFFF;
}
.textArea {
	/* formatting for a text area for usein <textarea> tags*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; 
	background-color: #FFFFFF;
	margin: 0px;
	margin-right: 0px;
}
.stdnInput_yellow {
	/* formatting for all input fields on the external A level pages - restricts width for use in <input> tags*/
	background-color: #FFC600; 
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: bold;
	margin: 0px;
}
.stdnInput_grey_CCCCCC {
	/* formatting for all input fields on the external A level pages - restricts width for use in <input> tags*/
	background-color: #CCCCCC; 
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: bold;
	margin: 0px;
}
.stdnInput_purple {
	/* formatting for all input fields on the external A level pages - restricts width for use in <input> tags*/
	background-color: #B42FC0; 
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: bold;
	margin: 0px;
}
.stdnInput_red {
	/* formatting for all input fields on the external A level pages - restricts width for use in <input> tags*/
	background-color: #DA524B; 
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: bold;
	margin: 0px;
}
.stndInput {
	/* formatting for all input fields on the A level pages - restricts width for use in <input> tags*/
	background-color: #FFFFFF; 
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: normal;
	margin: 0px;
	width: 196;
}

.stndInputBLevel {
	/* formatting for all input fields on the B Level popup pages for use in <input tags> */
	background-color: #FFFFFF; 
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: normal;
	margin: 0px;
}

.dropDownYear {
	/* formatting for dropdown lists that contain years */
	background-color: #FFFFFF; 
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: normal;
	margin: 0px;
	width: 72;
}
.dropDownMonth {
	/* formatting for dropdown lists that contain months */
	background-color: #FFFFFF; 
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: normal;
	margin: 0px;
	width: 120;
}
.dropWeek {
	/* formatting for dropdown lists that contain weeks */
	background-color: #FFFFFF; 
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: normal;
	margin: 0px;
	width: 100px;
}
.whiteLink {
	/* formatting for links that need to be white - for use with <a> tags */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: underline;
}
.white {
	/* formatting for text that need to be white - for use with <td> tags */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}
.blackTextLink {
	/* formatting for links in line with the site's default text - for use with <a> tags */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	text-decoration: underline;
}
.blackTextLink:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color: #333333;
	text-decoration: none;
}

.greyTextLink {
	/* formatting for links in line with the site's default text - for use with <a> tags */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #5A5758;
	text-decoration: none;
	
}
.greyTextLink:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	text-decoration: none;
}

.greyText {
	/* formatting for grey text on Story pages*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #5A5758;
	text-decoration: none;
}

.orangeTextLink {
	/* formatting for links in line with the site's default text - for use with <a> tags */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFC20E;
	text-decoration: none;
	
}
.orangeTextLink:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	text-decoration: none;
}

.orangeText {
	/* formatting for grey text on Story pages*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFC20E;
	text-decoration: none;
	
	}

.button {
	/* formatting for all buttons on the site - for use with <input> tags */
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	background-color: #E7E3E8; 
	color: #000000
}
.ext_button {
	/* formatting for all buttons on the site - for use with <input> tags */
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	background-color: #CCCCCC; 
	color: #000000
}
.invisible table{
	border: 0px;
}

.invisible table td {
	border: 0px;
	/* set font properties for the text appearing within <td> tags in the table*/
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: normal;
}
.ext_Nav {
	/* formatting for links in the navigation bar of the external users site - for use with <a> tags */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}
.ext_Nav:hover {
	/* formatting for links in the navigation bar of the external users site - for use with <a> tags */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #808080;
	text-decoration: none;
}
.redtext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #FF3300;
}
.purpletext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #b42fc0;
}
div#header {
	float:left; 
	width:800;
	height:70; 
	padding-top:10px; 
	padding-left:10px;
	background-color:#E7E5E1;
}

div#whiteline {
	position:absolute; 
	float:left; 
	width:100%;
	height:45;
	top: 72px; 
	left: 0px;
	z-index:1;
	background-image:  url('images/line_bg.gif');
	background-position:bottom;
	background-repeat:repeat; 
	
}

div#tab1
{
	position:absolute; 
	width:140px; 
	height:5px; 
	z-index:2; 
	left: 17px;
	top: 72px; 
	background-color:#E7E5E1;
}

div#tab2
{
	position:absolute; 
	width:140px; 
	height:45px; 
	z-index:2; 
	left: 157px; 
	top: 72px; 
	background-color:#E7E5E1;
}

div#tab3
{
	position:absolute; 
	width:140px; 
	height:45px; 
	z-index:2; 
	left: 297px; 
	top: 72px; 
	background-color:#E7E5E1;
}

div#tab4
{
	position:absolute; 
	width:140px; 
	height:45px;
	z-index:2; 
	left: 437px; 
	top: 72px; 
	background-color:#E7E5E1;
}

div#bluestripe
{
	position:absolute; 
	width:100%; 
	height:19px; 
	left: 0px; 
	z-index:2; 
	top: 116px; 
	background-color:#E7E5E1;
}

div#pagecontent
{
	position:absolute;
	width:741px; 
	height:605px; 
	left: 0px; 
	top: 145px;"
	background-color:#E7E5E1;
}
div.error
{
    border : 2px dashed red;
    color : white;
    font-weight : bold;
    text-align : center;
    font-size : larger;
    padding : 1em;
    margin : 1em;
}

td>form
{
    margin-left : 2em;
}

form#story-form dt
{
  width: 100px;
  float: left;
  text-align: right;
  margin-top : 10px;
  font-size: 7pt;
}
form#story-form dd
{
  margin-bottom: 10px;
}
form#story-form dd input
{
  margin-left: 10px;
}
form#story-form dl > input
{
  margin-left: 110px;
}




form#story-form-2 dt
{
  margin-right: 10px;
  width: 100px;
  float: left;
  text-align: right;
  font-size: 7pt;
  font-weight: bold;
}
form#story-form-2 dd
{
  font-size: 7pt;
  margin-bottom: 10px;
}

div.stories-lists div
{
  width: 240px;
  float: left;
  margin-left: 1em;
  margin-right: 1em;
}

div.stories-lists div div
{
 margin: 0;
 background-color: #CCC;
 margin-bottom: 2px;
 padding-top: 1em;
 height: 100px;
}

div.stories-lists div div p
{
 margin-left: 1em;
 margin-right: 1em;
 margin-top: 0;
}

div.stories-lists div div strong
{
 margin-left: 1em;
 margin-top: 1em;
}


div.stories-search {
  clear: both;
  text-align: center;
}

div.search-results, div.all-stories
{
  text-align: center;
}

div.search-results table
{
  margin-bottom: 2em;
}