/*--------------------------------------------------------------------------------------------
	Global 
  --------------------------------------------------------------------------------------------*/
html{
	overflow-y:scroll;
}

html, body {
	margin:0;
	padding:0;
	height:100%;
}

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.69em;
	background:#fff url(../images/img_mainbg.gif) repeat-x;
}

/* Floaters */
.right {
	float:right;
}
.left {
	float:left;
}

.clear {
	clear:both;
	line-height:0px;
	height:0px;
}
/* NB: Must have ie.css if you use this */
.clearfix:after {
    content:"."; 
    display:block;
	height:0;
    clear:both; 
    visibility:hidden;
}


/*--------------------------------------------------------------------------------------------
	Structural 
  --------------------------------------------------------------------------------------------*/
div#container {
	position:relative;
	width:936px;
	margin:auto;
	height:100%;
/*	min-height:100%;*/
}
/* Header */
div#header {
	width:936px;
	height:126px;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/img_header.png');
	float:left;
}
div#header[id] {
  background:url(../images/img_header.png) no-repeat;
}



div#navbar {
	float:left;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/img_navslice.png');
	width:936px;
	z-index:5;
	height:44px;
	padding:14px 0 0 30px;
	wid\th:906px;
	heig\ht:30px;
}
div#navbar[id] {
  background:url(../images/img_navslice.png) no-repeat;
}


div#content {
	width:936px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/img_slice.png', sizingMethod='scale');
    float:left;
	padding:15px 0 15px 0;
	min-height:200px;
}
div#content[id] {
  background:url(../images/img_slice.png) repeat-y;
}

* html div#content {	
	height:200px;
}
#main_panel {
	display:inline;
	width:630px;
	margin:0 0 0 30px;
	float:left;
}

#small_panel {
	display:inline;
	width:216px;
	float:left;
	margin:0 0 0 30px;
}

#news_panel {
	display:inline;
	width:876px;
	float:left;
	margin:0 0 0 30px;
}

#full {
	width:920px;
	margin:0 0 15px 8px;
}
#panelcontainer {
	display:inline;
	width:910px;
	float:left;
	margin:0 0 0 8px;
	min-height:200px;
	background:url(/templates/filetransferMain/images/img_panels_line.gif) repeat-y;
}
* html #panelcontainer {
	height:200px;
}
.panelone {
	display:inline;
	width:210px;
	height:100%;
	float:left;
	margin:0 0 0 32px;
}
.panel {
	width:210px;
	height:100%;
	float:left;
	margin:0 0 0 10px;
	padding:0 0 0 9px;
	border:solid #CCCCCC;
	border-width:0 0 0 1px;
	wid\th:200px;
}

/* Footer */
div#footer {
/*	uncomment for 100% height sites
	position:absolute;
	bottom:0;*/
	width:936px;
	height:30px;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/img_base.png');
	float:left;
}
div#footer[id] {
  background:url(../images/img_base.png) no-repeat;
}

#sponsor {
	width:936px;
	height:76px;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/img_sponsor.png');
	float:left;
}

#square {
	width:249px;
	height:76px;
	padding: 0px 10px 0px 0px;
	float:right;
}

div#sponsor[id] {
  background:url(../images/img_sponsor.png) no-repeat;
}
#base {
	float:left;
	width:936px;
}
/*--------------------------------------------------------------------------------------------
	Navigation 
  --------------------------------------------------------------------------------------------*/  
/* Main nav */
ul#nav { /* all lists */
	padding: 0;
	margin:0 0 0 0;
	list-style: none;
	z-index:5;
}

ul#nav li { /* all list items */
	float: left;
	position: relative;
	padding:0 0 0 8px;
	background:url(../images/img_arrow.gif) no-repeat;
}

li ul { /* second-level lists */
	display: none;
	position: absolute;
	top: 1em;
	left: 0;
	padding: 15px 0 0 0;
	margin: 0;
	list-style: none;
}

li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
}

ul#nav li:hover ul, ul#nav li.over ul { /* lists nested under hovered list items */
	display: block;
	color: #5e63a4;
}

ul#nav li a:link, ul#nav li a:active, ul#nav li a:visited {
	font-size:1em;
	color:#fff;
	text-decoration: none;
	background:url(../images/img_divide.gif) no-repeat right;
	margin:10px 10px 0 0px;
	padding:0 10px 0 0;
}


ul#nav li a:hover, ul#nav li.subnav a:hover {
	color: #8a8ebe;
}



ul#nav li ul li {
	padding:5px 0 5px 5px;
  background:url(../images/img_navslice.gif) repeat;
	float:none;
	border:solid #5e63a4;
	border-width:0 0 1px 0;
}

.subnav, ul#nav li.subnav a:link, ul#nav li.subnav a:active, ul#nav li.subnav a:visited {
	width:155px;
	background:none;
}


/* Generic Links */

a:link, a:visited, a:active {
	color: #ff6600;
	text-decoration: none;
	position:relative;
}
a:hover {
	color: #666666;
	text-decoration: underline;
	position:relative;
}

a.more {
	float:right;
}
/*--------------------------------------------------------------------------------------------
	Typography
  --------------------------------------------------------------------------------------------*/
/* Headings */
h1 {
	font-size:11px;
	color:#2c3281;
	margin:0px 0px 10px 0;
	padding:0px;
}
h2 {
}
h3 {
}
h4 {
}
/* Type */
p {
	color:#2c3281;
	line-height:16px;
}

.mandatory { 
	colour: #ff6600;
}

li {
}

div#header h1 {
	margin:0px 0px 0px -3000px;
}

ul.products{ /* all list items */
	list-style: none;
	padding:0;
	margin:0;
}
ul.products li { /* all list items */
	list-style: none;
	background:url(../images/img_bullet.gif) no-repeat;
	margin:0 0 5px 0;
	padding:0 0 0 8px;
}
ul.products li a{ /* all list items */
	color:#666666;
	text-decoration:none;
}

#main_panel ul  {
	font-family:Verdana, Arial, Helvetica, sans-serif;	
	font-size: 1em;
	line-height:16px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #2c3281;
	text-decoration: none;
	list-style-position: outside;
	list-style-type: disc;
	padding: 0px 0px 15px 15px;
	margin:  0px 0px 0px 0px;

}

#main_panel li  {
	font-family:Verdana, Arial, Helvetica, sans-serif;	
	font-size: 1em;
	line-height:16px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #2c3281;
	text-decoration: none;
	list-style-position: inside;
	list-style-type: disc;
}	


/*--------------------------------------------------------------------------------------------
	Forms - form, input, label etc
  --------------------------------------------------------------------------------------------*/
form {
	padding:0;
	margin:0;
}

label2 {
	width: 100px;
	float: left;
	text-align: right;
	margin-right: 5px;
	display: block;
}

label {
	color:#2c3281;
	line-height:16px;
	width: 150px;
	float: left;
	text-align: left;
	margin-top: 8px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 30px;
	display: block
}

input {
	font-size:1em;
	color:#2c3281;
	display:inline;
	width:250px;
	height:16px;
	float:left;
	margin:8px 5px;
	padding: 2px 2px 2px 2px
}

.btn
{
	height: 23px;
	width: 60px;
	text-align:center;
	background-color: #CCCCCC;
	border: 1px solid #2c3281;
	text-decoration:none;
	cursor: pointer;
	colour: #2c3281;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	padding: 0px 0px 5px 0px;
	margin: 8px 0px 0px 190px;
}

h2 {
    font-size:1.6em;
    color:#2c3281;
    margin:0px 0px 10px 0;
    padding:0px;
}
h3 {
    font-size:1.1em;
    color:#2c3281;
    margin:0px 0px 10px 0;
    padding:0px;
}

/*--------------------------------------------------------------------------------------------
	Imagery - Drop Shadow
  --------------------------------------------------------------------------------------------*/

div.drop { 
	padding-top:15px;
	width: 290px;
	height:177px;
	heig\ht:162px;
/* Mozilla ignores crazy MS image filters, so it will skip the following */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/dropshadow.png');
}
/* IE ignores styles with [attributes], so it will skip the following. */
div.drop[class] {
  background:url(../images/dropshadow.png) no-repeat;
}