/* -------------------------------------

Index 

1 - Global Reset and default settings
2 - Heading, Typography, Links
3 - Generic Styles

----------------------------------------*/

/* 1 - Global Reset and default settings */ 
	body * {margin:0; padding:0}
	body {background:#ecf7fa url(../images/bkd.gif) repeat-x; color:#5b616a; font-size:71%; font-family: Arial, Helvetica, sans-serif; margin:0; padding:0;}
	img  {border:0;}
	
	
/* 2 - Heading, Typography, Links */ 
	h1, h2, h3 {margin:0; padding:0;}
	h1 {color:#5b616a; font-family: Arial, Helvetica, sans-serif; font-size:1.2em; margin:0 0 1em 0; padding:0;}
	h2 {color:#5b616a; font-family: Arial, Helvetica, sans-serif; font-size:1.1em; margin:0 0 0.2em 0; padding:0;}
	h3 {color:#5b616a; font-family: Arial, Helvetica, sans-serif; font-size:1.0em; margin:0 0 0.2em 0; padding:0;}
	h4 {color:#5b616a; font-family: Arial, Helvetica, sans-serif; font-size:1.0em; margin:0 0 0.2em 0; padding:0;}
	
	p {color:#5b616a; font-family: Arial, Helvetica, sans-serif; font-size:1em; font-weight:normal; line-height:1.2em; margin:0 0 1em 0; text-align:left;}
	
	a {color:#695088; font-weight:bold; text-decoration:none;}
	a:hover {text-decoration:underline;}
	#maincontent a {color:#695088; font-weight:bold; text-decoration:none;}
	
	#maincontent ul {margin:0 0 15px 15px;}
	#maincontent ul li {padding:5px 0;}
	
	#maincontent ol {margin:0 0 15px 15px;}
	
	#home #maincontenthm h2 {color:#017a9b; font-family: Arial, Helvetica, sans-serif; font-size:1.5em; font-weight:normal; margin-bottom:0.1em;}
	#home #maincontenthm .panelb h2 {color:#017a9b;}
	#home #maincontenthm .panelb h2 {color:#fff;}
		
	#scheme1 #maincontent h2 {color:#695088; font-family: Arial, Helvetica, sans-serif; font-size:17px; font-weight:normal; margin-bottom:0.1em;}
	#scheme1 #maincontent h3 {color:#695088; font-family: Arial, Helvetica, sans-serif; font-size:17px; font-weight:normal; margin-bottom:0.1em;}
	
	#scheme2 #maincontent h2 {color:#670547; font-family: Arial, Helvetica, sans-serif; font-size:17px; font-weight:normal; margin-bottom:0.1em;}
	#scheme2 #maincontent h3 {color:#670547; font-family: Arial, Helvetica, sans-serif; font-size:17px; font-weight:normal; margin-bottom:0.1em;}
	
	#scheme3 #maincontent h2 {color:#017a9b; font-family: Arial, Helvetica, sans-serif; font-size:1.5em; font-weight:normal; margin-bottom:0.1em;}
	#scheme3 #maincontent h3 {color:#017a9b; font-family: Arial, Helvetica, sans-serif; font-size:17px; font-weight:normal; margin-bottom:0.1em;}
	
	
	#maincontent h2#blue {color:#3AB8DB;}

	/* def for h2 for text regions headings as text within 3 text regions are not picking up the h2 definitions within the schemes  */
	.panela div h2 {color:#017a9b; font-family: Arial, Helvetica, sans-serif; font-size:1.5em; font-weight:normal; margin-bottom:0.1em;}	
	.panelb div h2 {color:#ffffff; font-family: Arial, Helvetica, sans-serif; font-size:1.5em; font-weight:normal; margin-bottom:0.1em;}	

	
/* 3 - Generic Styles */ 
	.bold {font-weight:bold;}
	.larger {font-size:1.1em;}
	
	.marnone {margin:0px;}
	.padnone {padding:0px;}
	.padbotnone {padding-bottom:0;}
	
	.marrt8 {margin-right:8px;}
	
	.marbot5 {margin-bottom:5px}
	.marbot10 {margin-bottom:10px}
	.marbot20 {margin-bottom:20px}
	.marbot30 {margin-bottom:30px}
	.marbot40 {margin-bottom:40px}
	.marbot50 {margin-bottom:50px}

	.martop10 {margin-top:10px}
	.martop18 {margin-top:18px}
	.martop20 {margin-top:20px}
	.martop30 {margin-top:30px}
	.martop40 {margin-top:40px}
	.martop50 {margin-top:50px}
	
	.padtop10 {padding-top:10px}
	.padtop20 {padding-top:20px}
	.padtop30 {padding-top:30px}
	.padtop40 {padding-top:40px}
	.padtop50 {padding-top:50px}

	.displayblock {display:block;}
	.floatright {float:right;}
	.floatleft {float:left;}
	
	/* CSS clearing */   
	.clearboth {clear:both;}
	.clearleft {clear:left;}
	.clearright {clear:right;}
	
	.clearing:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
	.clearing {display: inline-table;}
	/* Hides from IE-mac */
	  * html .clearing {height: 1%;}
	  .clearing {display: block;}
	/* End hide from IE-mac */
