body {
	/* min-width: auto; */
	font-size: 10pt;
	}
	
#container {
	width: auto;
	margin: 0 5%;
	}
	
#wrapper {
	margin: 2em 0 0 0;
	background: none;
	clear: left;
	float: none;		/* Freezes Safari */ /* Commenting it out crashes Firefox */
	/*width: 100%;*/		/* But this lets the above line be commented out. */
						/* Commenting float:none out, Win IE only prints first page. */	
	}
#main {
	float: none;
	}
	
/* If #wrapper has float:none; then display:none on either #mainnav or #extralinks 
	freezes Safari. So instead, we're moving them off the page. */
#mainnav,
#extralinks {
	position: absolute;
	top: -2000px;
	left: -2000px;
	}


#footer {
	clear: both;
	margin-top: 1em;
	height: 3em;
	width: auto;
	}
#footer .left {
	display: none;
	}
#footer .right {
	float: left;
	}
	
br.cl {
	clear: none;			/* Stops Firefox freezing */
	}
div.twocol-1 {
	clear: left;			/* To make up for the above change. */
	}

h3 {
	clear: left;
	}
p.pagelinks,
p.single,
table.basket {
	clear: left;
	}
	
#title {
	width: 100%;
	padding-bottom: 0;
	/*float: none; */		/* Freezes Safari */
	}	
#title ul {
	display: none;
	}
	
#topnav {
	width: 100%;
	/*float: none; */		/* Freezes Safari */
	}
	
#topnav form {
	/*display: none;*/		/* Freezes Safari */
	position: absolute;		/* So do this instead... */
	top: -2000px;
	left: -2000px;
	}
	
#topnav p#sectiontitle {
	float: none;
	display: block;
	}
	
	
#breadcrumbs {
	/*display: none;*/		/* Freezes Safari */
	position: absolute;		/* So do this instead... */
	top: -2000px;
	left: -2000px;
	}

	
.onecol {
	/*clear: left;*/			/* Freezes Firefox */
	float: none;			/* Stops Firefox freezing (unrelated to above) */
	}
	

.hilite-spacer {			/* Otherwise Firefox crashes */
	clear: none;
	height: auto;
	/* line-height: auto; */
	}
	
	
.layout1 #main,
.layout1 #content {
	width: auto;
	}
	
.layout2 #main,
.layout2 #content{
	width: auto;
	}

.layout3 #main,
.layout3 #content {
	/*width: auto; */		/* Crashes Firefox */
	width: 593px;
	}

	
.layout4 #main,
.layout4 #content {
	width: auto;
	}
	

.xb2, .xb3, .xb4 {background:#fff; border-left:1px solid #fff; border-right:1px solid #fff;}
.xbb2, .xbb3, .xbb4 {background:#fff; border-left:1px solid #fff; border-right:1px solid #fff;}
.xb1,.xbb1 {background:#fff;}
.xboxtop {color:#fff; background:#fff; border:0 solid #fff;}
.xbox {background:#fff; border:0 solid #fff;}

.xboxtop {font-size: 16px; padding: 0 10px; font-weight:bold; display:block; border-width:0 1px;}

#RSCForm fieldset {
border: none;
padding: 0;
	}
	
#content #RSCForm fieldset {
    padding:0px 0px 0px 10px;
	margin:0 0 0 3px;
	position: relative;
}

/* fieldset :  Layout 1,2,4 always share the same size */

.layout1 #content #RSCForm fieldset { width:575px;}
.layout2 #content #RSCForm fieldset { width:555px;}
.layout3 #content #RSCForm fieldset { width:400px;}
.layout4 #content #RSCForm fieldset { width:575px;}

/* EM :  This is used for <em>*</em> when indicating mandatory fields on the form */

#content #RSCForm em {
	color:#9A0000;
}

/* Paragraph :  The paragraph is the container around each individual form item */

#content #RSCForm fieldset p{
clear: left;
margin: 0;
padding: 0 0 5px 0;
height: 1%;
}


.layout1 #content #RSCForm fieldset p { width:325px; padding-left: 220px;}
.layout2 #content #RSCForm fieldset p { width:325px; padding-left: 220px;}
.layout3 #content #RSCForm fieldset p { width:220px; padding-left: 180px;}
.layout4 #content #RSCForm fieldset p { width:325px; padding-left: 220px;}


/* Span:  This is the label for every item within the Form and is intended based on Layout */


#content #RSCForm fieldset span{
font-weight: bold;
float: left;
}

/* Hide from IE5-mac. Only IE-win sees this. \*/
 
.layout1 #content #RSCForm fieldset span { width: 180px; margin-left: -220px;}
.layout2 #content #RSCForm fieldset span { width: 180px; margin-left: -220px;}
.layout3 #content #RSCForm fieldset span { width: 175px; margin-left: -180px;}
.layout4 #content #RSCForm fieldset span { width: 180px; margin-left: -220px;}


/* End hide from IE5/mac */

* html .layout1 #content #RSCForm fieldset span { width: 180px; margin-left: -190px;}
* html .layout2 #content #RSCForm fieldset span { width: 180px; margin-left: -190px;}
* html .layout3 #content #RSCForm fieldset span { width: 175px; margin-left: -180px;}
* html .layout4 #content #RSCForm fieldset span { width: 180px; margin-left: -190px;}

/* Input - This covers only Textboxes, as all other options are overwritten below.  */

#content #RSCForm fieldset input {
	margin-top:0;
	clear: right;
}

/* Input - Layout 3 has shorter textboxes.  */

.layout1 #content #RSCForm fieldset input { width:300px;}
.layout2 #content #RSCForm fieldset input { width:300px;}
.layout3 #content #RSCForm fieldset input { width:200px;}
.layout4 #content #RSCForm fieldset input { width:300px;}

/* Select:  This sets all select boxes width based on Layout */

#content #RSCForm fieldset select {
	margin-bottom:3px;
}

.layout1 #content #RSCForm fieldset select { width:305px;}
.layout2 #content #RSCForm fieldset select { width:305px;}
.layout3 #content #RSCForm fieldset select { width:205px;}
.layout4 #content #RSCForm fieldset select { width:305px;}

/* TxtSubmit - Text box with Submit button  */

.layout1 #content #RSCForm fieldset .txtsubmit input { width:150px;}
.layout2 #content #RSCForm fieldset .txtsubmit input { width:150px;}
.layout3 #content #RSCForm fieldset .txtsubmit input { width:100px;}
.layout4 #content #RSCForm fieldset .txtsubmit input { width:150px;}

/* File - File Upload Box  */

.layout1 #content #RSCForm fieldset .file input { width:304px;}
.layout2 #content #RSCForm fieldset .file input { width:304px;}
.layout3 #content #RSCForm fieldset .file input { width:206px;}
.layout4 #content #RSCForm fieldset .file input { width:304px;}


/* File - Journal Select  */

.layout1 #content #RSCForm fieldset .JournalSelect select { width:274px; }
.layout2 #content #RSCForm fieldset .JournalSelect select { width:274px;}
.layout3 #content #RSCForm fieldset .JournalSelect select { width:172px;}
.layout4 #content #RSCForm fieldset .JournalSelect select { width:274px;}

.layout1 #content #RSCForm fieldset .JournalSelect input { width:30px; height:22px; }
.layout2 #content #RSCForm fieldset .JournalSelect input { width:30px; height:22px;}
.layout3 #content #RSCForm fieldset .JournalSelect input { width:30px; height:22px;}
.layout4 #content #RSCForm fieldset .JournalSelect input { width:30px; height:22px;}




/* Mandatory - Highlight Mandatory fields  */

.mandatory { background-color: #fffb86; padding: 0px; }



/* SplitCol :  This is used when having 2 Textboxes next to eachother */

#content #RSCForm fieldset input.splitcol {
	margin:2px 0;
}

.layout1 #content #RSCForm fieldset input.splitcol { width:145px;}
.layout2 #content #RSCForm fieldset input.splitcol { width:145px;}
.layout3 #content #RSCForm fieldset input.splitcol { width:96px;}
.layout4 #content #RSCForm fieldset input.splitcol { width:145px;}

/* Date :  This is used to have 3 Textboxes or Select items next to eachother */

#content #RSCForm fieldset .date {
	margin-bottom:3px;
}

.layout1 #content #RSCForm fieldset .date { width:100px;}
.layout2 #content #RSCForm fieldset .date { width:100px;}
.layout3 #content #RSCForm fieldset .date { width:60px;}
.layout4 #content #RSCForm fieldset .date { width:100px;}

/* Textarea :  This will set the Textarea to expand to entire length of the form */
/*             This can be reduced by putting it within a "Indended" class */

#content #RSCForm fieldset textarea{
width: 200px;
font-family: Helvetica, Verdana, sans-serif;
text-indent:0px !important;
font-size: 1.13em;
}

.layout1 #content #RSCForm fieldset textarea { width:520px;}
.layout2 #content #RSCForm fieldset textarea { width:520px;}
.layout3 #content #RSCForm fieldset textarea { width:378px;}
.layout4 #content #RSCForm fieldset textarea { width:520px;}

/* Indented :  This is used for comments/notes below Form items */
/*             This can also be used to force anything to right-side */

#content #RSCForm fieldset .indented {
    font-weight:normal;
	margin-bottom:8px;
	text-indent : 8px;
}

.layout1 #content #RSCForm fieldset .indented { width:300px;}
.layout2 #content #RSCForm fieldset .indented { width:300px;}
.layout3 #content #RSCForm fieldset .indented { width:200px;}
.layout4 #content #RSCForm fieldset .indented { width:300px;}

/* Option : This overwrites the Input CSS, to maintain Checkbox/Radio size */

#content #RSCForm fieldset .option {
   width:auto !important;
   
}

#content #RSCForm fieldset .option-col2, .option-col3 {
   margin-left: +3px;
   font-weight: normal;
   float: left;
   width: 100px;
}

.layout1 #content #RSCForm fieldset .option-col2 { width:150px;}
.layout2 #content #RSCForm fieldset .option-col2 { width:150px;}
.layout3 #content #RSCForm fieldset .option-col2 { width:100px;}
.layout4 #content #RSCForm fieldset .option-col2 { width:150px;}

.layout1 #content #RSCForm fieldset .option-col3 { width:103px;}
.layout2 #content #RSCForm fieldset .option-col3 { width:103px;}
.layout3 #content #RSCForm fieldset .option-col3 { width:69px;}
.layout4 #content #RSCForm fieldset .option-col3 { width:103px;}

/* Title :  Used for Title Comments  */

#content #RSCForm .heading {
  width: 100%;
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}

#content #RSCForm ul .comment {
  text-align: right;
  margin-top: -16px;
  font-weight:normal;
}

#content #RSCForm ul .comment a{
  color:#FFFFFF;
}

#content #RSCForm ul .header {
  font-weight:normal;
  color:#FFFFFF;
  font-size:1.2em;
  font-weight:bold;
}

.layout1 #content #RSCForm ul .header { width:550px;}
.layout2 #content #RSCForm ul .header { width:550px;}
.layout3 #content #RSCForm ul .header { width:375px;}
.layout4 #content #RSCForm ul .header { width:550px;}

/* Title :  Used for Sub Titles  */
 
#content #RSCForm fieldset .title {
	background-color:#C3D2DF;
	/* border-bottom:1px solid #8395A6; */
	border-top:1px solid #8395A6;
	color:#FFFFFF;
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:25px;
	margin-top:15px;
	margin-left: -13px;
}

/* End hide from IE5mac */

.layout1 #content #RSCForm .title { width: 373px; text-indent:-210px;}
.layout2 #content #RSCForm .title { width: 353px; text-indent:-210px;}
.layout3 #content #RSCForm .title { width: 230px; text-indent:-170px;}
.layout4 #content #RSCForm .title { width: 373px; text-indent:-210px;}

/* Hide from IE5-mac. Only IE-win sees this. */
 
* html .layout1 #content #RSCForm .title { width: 376px; text-indent:-180px;}
* html .layout2 #content #RSCForm .title { width: 356px; text-indent:-180px;}
* html .layout3 #content #RSCForm .title { width: 233px; text-indent:-170px;}
* html .layout4 #content #RSCForm .title { width: 376px; text-indent:-180px;}


 


/* Break : Customised Breaks in different sizes to put gaps between items */

#content #RSCForm fieldset .break1 { font-size:10px;}
#content #RSCForm fieldset .break2 { font-size:20px;}
#content #RSCForm fieldset .break3 { font-size:40px;}
#content #RSCForm fieldset .break4 { font-size:80px;}
#content #RSCForm fieldset .break5 { font-size:120px;}
#content #RSCForm fieldset .break6 { font-size:160px;}

/* TwoCol : Displays 2 columns accross form width */
/* ThreeCol : Displays 3 columns accross form width */
/* FourCol : Displays 4 columns accross form width */
/* FiveCol : Displays 5 columns accross form width */
/* SixCol : Displays 6 columns accross form width */
/* EightCol : Displays 8 columns accross form width */

/* These can be mixed together for the desired effect  */

#content #RSCForm .row {
   margin-bottom: 3px;
}

.layout1 #content #RSCForm .row { width: 530px; }
.layout2 #content #RSCForm .row { width: 530px; }
.layout3 #content #RSCForm .row { width: 385px; }
.layout4 #content #RSCForm .row { width: 530px; }

#content #RSCForm .row-indent {

   margin-bottom: 3px;
}

.layout1 #content #RSCForm .row-indent { width: 310px; margin-left: 230px;}
.layout2 #content #RSCForm .row-indent { width: 310px; margin-left: 220px;}
.layout3 #content #RSCForm .row-indent { width: 210px; margin-left: 180px;}
.layout4 #content #RSCForm .row-indent { width: 310px; margin-left: 220px;}

* html .layout1 #content #RSCForm .row-indent { width: 310px; margin-left: 220px;}
* html .layout2 #content #RSCForm .row-indent { width: 310px; margin-left: 220px;}
* html .layout3 #content #RSCForm .row-indent { width: 210px; margin-left: 180px;}
* html .layout4 #content #RSCForm .row-indent { width: 310px; margin-left: 220px;}


.twocol, .threecol, .fourcol, .fivecol, .sixcol, .eightcol {
  margin: 1px 0px 1px 1px; 
  float:left;
}

/* LAYOUT 1,2 & 4 */

.layout1 #content #RSCForm .row .twocol,  .layout2 #content #RSCForm .row .twocol, .layout4 #content #RSCForm .row .twocol  { width:263px !important;}
.layout1 #content #RSCForm .row .threecol,  .layout2 #content #RSCForm .row .threecol, .layout4 #content #RSCForm .row .threecol  { width:175px !important;}
.layout1 #content #RSCForm .row .fourcol,  .layout2 #content #RSCForm .row .fourcol, .layout4 #content #RSCForm .row .fourcol  { width:130px !important; margin-right: 1px}
.layout1 #content #RSCForm .row .fivecol,  .layout2 #content #RSCForm .row .fivecol, .layout4 #content #RSCForm .row .fivecol  { width:104px !important;}
.layout1 #content #RSCForm .row .sixcol,  .layout2 #content #RSCForm .row .sixcol, .layout4 #content #RSCForm .row .sixcol  { width:87px !important;}
.layout1 #content #RSCForm .row .eightcol,  .layout2 #content #RSCForm .row .eightcol, .layout4 #content #RSCForm .row .eightcol  { width:65px !important;}

.layout1 #content #RSCForm .row-indent .twocol,  .layout2 #content #RSCForm .row-indent .twocol, .layout4 #content #RSCForm .row-indent .twocol  { width:152px !important;}
.layout1 #content #RSCForm .row-indent .threecol,  .layout2 #content #RSCForm .row-indent .threecol, .layout4 #content #RSCForm .row-indent .threecol  { width:101px !important;}
.layout1 #content #RSCForm .row-indent .fourcol,  .layout2 #content #RSCForm .row-indent .fourcol, .layout4 #content #RSCForm .row-indent .fourcol  { width:75px !important; margin-right: 1px}
.layout1 #content #RSCForm .row-indent .fivecol,  .layout2 #content #RSCForm .row-indent .fivecol, .layout4 #content #RSCForm .row-indent .fivecol  { width:60px !important;}
.layout1 #content #RSCForm .row-indent .sixcol,  .layout2 #content #RSCForm .row-indent .sixcol, .layout4 #content #RSCForm .row-indent .sixcol  { width:50px !important;}
.layout1 #content #RSCForm .row-indent .eightcol,  .layout2 #content #RSCForm .row-indent .eightcol, .layout4 #content #RSCForm .row-indent .eightcol  { width:37px !important;}

/* LAYOUT 3 */

.layout3 #content #RSCForm .row .twocol   { width:191px !important;}
.layout3 #content #RSCForm .row .threecol { width:127px !important;}
.layout3 #content #RSCForm .row .fourcol  { width:94px !important;  margin-right: 1px}
.layout3 #content #RSCForm .row .fivecol  { width:76px !important;}
.layout3 #content #RSCForm .row .sixcol   { width:63px  !important;}
.layout3 #content #RSCForm .row .eightcol   { width:47px  !important;}

.layout3 #content #RSCForm .row-indent .twocol   { width:101px !important;}
.layout3 #content #RSCForm .row-indent .threecol { width:67px !important;}
.layout3 #content #RSCForm .row-indent .fourcol  { width:49px !important; margin-right: 1px}
.layout3 #content #RSCForm .row-indent .fivecol  { width:40px !important;}
.layout3 #content #RSCForm .row-indent .sixcol   { width:33px !important;}
.layout3 #content #RSCForm .row-indent .eightcol   { width:24px  !important;}

#content #RSCForm .next { float: none; margin-left: 0px; clear: none; text-align:right; float:left; width:152px !important;}
#content #RSCForm .previous { float: none; margin-left: 0px; clear: none; text-align:left; float:left; width:152px !important;}

/* Used on Checkboxes, to fix IE Bug */

* html .threepxfix{
margin-left: 3px;
}