/* Tall Poppy Standard Css */
/* Centers panel with drop-shadow; 3 columns available, width of panels 800px */

/*body: centers the whole thing. Place all DIVs into this.*/

/*NOTE TO SELF: For some odd reason image titles with caps in the middle don't render when uploaded*/
/*eg. FrameBGImage.jpg*/
/*In brief: avoid this usage. underscores are fine, caps are not.*/

/*LAYOUT OF HTML: Position of footer determines length of drop-shadow.*/

/* SWIFT Colours are:*/
/* SWIFT purple: #B361B6 R179 G98 B182*/
/* SWIFT Yellow: #F6DC7B R247 G221 B124*/

/* Additional colours used:*/
/* Text grey: #492D23 */
/* body green: #a3d461;*/
/* content background green: #e0f4bf */


/* This is Div #1 */

	body {
		text-align:center;
		background:#a3d461; /*background green*/
		background-image: url(leaves.jpg);
		background-repeat:no-repeat;
		/*background-position:center; */
		margin:0px;
		padding:0px;
	}
	
/*frame: the central element into which everything else goes.*/
/*Note that frame is 913px wide. This is to take into consideration the LH and RH drop shadow*/	

/* This is Div #2 */

	#frame {
		width:910px;
		margin-right:auto;
		margin-left:auto;
		text-align:left;
	}
	
/*ContentHeader: the header of the page. No size so it'll fit where it's put. */

/*This is Div#3*/
	
	#ContentHeader {
	width:880px;
	background-image: url(SWIFT_header_4.gif);
	background-repeat: no-repeat;
	/*opacity:0.6;
		filter:alpha(opacity=60);*/
		margin-right:auto;
	margin-left:auto;
	padding:0px;
	border:0px;
	background-color: #E0F4BF;
	}
	
/*Menubar: the menu for the page.*/

/* This is Div#4*/	
	
	#MenuBar {
		background-image: url(bg_middle.jpg)
		background-repeat: no-repeat;
        background-position: left bottom;
		width:880px;
		margin-right:auto;
		margin-left:auto;
		padding:133px 0px 0px 0px; /*This pushes the menu buttons down to the bottom of the ContentHeader and lengthens the header at the same time*/
		border:0px;
		
	}

		
	
/*ContentFrame: The div into which all content div's go; ContentLeft, ContentCentre and ContentRight. */
/*This is Div #5*/	
	
	#ContentFrame {
		background: #e0f4bf;
		width:880px;
		margin-right:auto;
		margin-left:auto;
		padding:0px;
		border:0px;
		/*This fixes an overflow issue in IE*/
		clear:both;
	}
		
/*ContentLeft: LH content panel; good for odds and ends of content such as the inserted divs.*/
/* This is Div#5a (it is inserted into ContentFrame which is Div #5) */		

	#ContentLeft {
		/*pushes down to below the content DIVs*/
		clear:both;
		float:left;
		width:310px;
		margin:	0px;	
		padding:5px 0px 0px 5px;
		border:	0px;
	}	
	
	#contentleftpicture {
		text-align:center;
		clear:both;
		float:left;
		width:280px;
		margin: 100px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		border:0px;
	}

/* ContentMiddle: Central panel for content such as copy, images, whatever. */
/* This is Div#5b (it is inserted into ContentFrame which is Div #5) */

	#ContentMiddle {
		width:560px;
		padding:0px;
		border:0;
		float:left;

		}
			

/*Footer: The base of the page, used for copyright info among other things. */
/*This is Div #6*/	
		
	#footer {
		width:880px;
		margin-right:auto;
		margin-left:auto;
		/*pushes down to below the content DIVs*/
		clear:both;
		/*Remember these: they remove the big gap between DIVs where there's a paragraph marker in the div*/
		margin-bottom: 0px; 
		padding-bottom: 5px;
		text-align:center;
		background: #f2fae5;

		}	
		
/*Preload image div*/
	div#preloaded-images {
	   position: absolute;
	   overflow: hidden;
	   left: -9999px; 
	   top: -9999px;
	   height: 1px;
	   width: 1px;
	}			

/*Begin font styles, etcetera*/	

/*Note: Keep It Simple. This is not a joke. It becomes astonishingly complicated having font styles within Div's.*/
/* These are the definitive styles and that's it. */

/*a link: hyperlink style */


	a {
		margin:0px 0px 0px 0px;/*leave this alone - affects the menu buttons*/
		font-family: "verdana", "arial";
		font-size: 10pt;
		text-decoration:none;
	}
	
	a:link {color: #C7332B} /*TP Red*/    /* unvisited link */
	a:visited {color: #C7332B}  /* visited link */
	a:hover {color: #8DC243}   /* mouse over link */
	a:active {color: #000}   /* selected link */
	
	a.red {
		color:#C7332B; /*TP red*/
		font-weight:bold;
	}  /*class="red" is the usage on the "a" link.*/ 
	
	a.white {color:white;} /*Sets the colour of the link to white*/
	
/*Menu styles*/

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}

#nav{ /* all lists */
	padding: 0px;
	margin: 0;
	/* A warning for future reference: if you do this, the drop-downs behave erratically
	padding: 0;
	margin: 1px;*/
	list-style: none;
}

#nav ul { /* all lists */
	padding: 0;
	margin: 0;
	/* A warning for future reference: if you do this, the drop-downs behave erratically
	padding: 0;
	margin: 1px;*/
	list-style: none;
}

#nav a { /*font for drop-down*/
	/*width: 98px; /*Width allowed for the text to fit into. NOT the width of the box. Also, if your text is wider than this value, it won't wrap, it'll apear over the edge*/
	font-family: "verdana", "arial";
	color: #FFF9D9;
	font-size:8pt;
	text-decoration:none;
}

#nav a:hover {color: #8DC243}   /* mouse over link */

#nav li { /* all list items *//*Width of button images*/
	display: inline;
	width: 100px; /*width needed or else Opera goes nuts *//*Note: IE6 issue - make this the same width as the image for the button*/
	padding:0;
	margin: 0;
}

/*List styles*/	

		


	ul {
		list-style-image: url('swift_bullet.gif');
		margin:0px 0px 0px 40px;
		font-family: "verdana", "arial";
		font-size: 10pt;
		color:#666666; /*gray40(Safe Hex3) #666666*/
		padding:0;
	}
	
		li {
		font-family: "verdana", "arial";
		/*word-spacing:.1em;
		letter-spacing: .05em;*/
		color: #666666; /*gray40(Safe Hex3) #666666*/
		/*line-height:1.6em;*/
	}
		
		
/*Paragraph and heading styles*/		
		
	p, small, mine{
		margin:0px 20px 10px 10px;
		font-family: "verdana", "arial";
		font-size: 10pt;
	}
	
	p {
		color:#666666; /*gray40(Safe Hex3) #666666*/
	}
	
	p.ital {
		font-style: italic
	}

	small {
		font-size: 8pt;
		color:#C7332B; /*TP red*/
		margin:0px 0px 0px 0px;
	}

	
	h1, h2{
		
		font-family: "verdana", "arial";
		color:#666666; /*black*/
	}			
		
	h1 {
		margin:0px 20px 10px 5px;
		font-size:14px;
		/*font-style:bold;*/
		padding-top:10px;
		}
		
	h2 {
		margin:0px 20px 5px 5px;
		font-size:12px;
		font-style:bold;
		padding-top:5px;
	}		
	
	h3 { /*used for footer*/
		margin:0px 10px 10px 10px;
		font-family: "verdana", "arial";
		font-size: 10pt;
		color:#fff
	}	
	
	h4 { /*used for RH Grab Panel*/
		margin:0px 0px 0px 0px;
		font-family: "verdana", "arial";
		font-size: 12pt;
		color:#C7332B /*TP Red*/
	}			

	
	#contentright p { font-size:10px}