/* 
	Aura: Webpage Exoskin v1. Copyright Leorex Pty Limited, 2003 (http://www.leorex.com/).
	Licenced under Attribution-ShareAlike License (http://creativecommons.org/licenses/by-sa/1.0/)
*/

/* Adjust these styles to your colour scheme */
	body {
		background-color:#4C7899;
		color:#222;
		}
	#globalheadcontent {
		background-color:#000;
		}
	#pagehead {
		background-color:#fff;
		}
	#pagehead h2 {
		background-color:#e5e5cc;
		}
	#pagecontent {
		background-color:#fff;
		text-align: justify;
		}
	#sidebarcontent {
		color:#223;
		}
	#sidebarcontent .alt {
		background-color:#b7b789;
		}
	#primarynav {
		background-color:#4C7899;
		border-top:1px solid #333;
		}
	#primarynav li a:hover {
		background-color:#eed;
		}

/* Adjust the following styles to your preferences */

/* Headings */	
	#pagehead h2 {
		color:#036;
		}
	#sidebarcontent h3, #sidebarcontent h4 {
		color:#036;
		}

/* Links */
	#primarynav {
		color:#fff;
		}
	#primarynav li {
		border-right:1px solid #999;
		}
	#primarynav li a {
		color:#fff;
		}
	#primarynav li a:hover {
		color:#556;
		}
	#primarynav ul.subnav {
		background-color:#b7b789;
		}
	#primarynav ul.subnav li {
		border:none;
		}
	#primarynav ul.subnav li a:hover {
		background-color:#e5e5cc;
		color:#000;
		}

	ul.navpath li {
		color:#000;
	}

	#pagecontent a:link, #pagecontent a:visited {
		color:#069;
		}
	#pagecontent a:hover, #pagecontent a:active {
		background-color:#def;
		color:#069;
		}
	#containerfootcontent a:link, #containerfootcontent a:visited {
		color:#069;
		}
	#containerfootcontent a:hover, #containerfootcontent a:active {
		background-color:#def;
		color:#069;
		}

	#sidebarcontent a:link, #sidebarcontent a:visited {
		color:#036;
		}
	#sidebarcontent a:hover, #sidebarcontent a:active {
		background-color:#e1e1cd;
		color:#036;
		}

/* Miscellaneous */ 
	.border {
		border:1px solid #999;
		}
	form {
	}
	input, textarea {
		border:1px solid #aaa;
		}
	input.button {
		background-color:#b7b789;
		}
	input.button:hover {
		background-color:#ffe;
		}
	table {
		/* border:2px solid #999; */
		/* border-top: 1px solid #ccc; */
		border-bottom: 1px solid #ccc;
		border-collapse:collapse;
		}
	th, td {
		text-align: center;
	}
	
	.uniline {
		border-bottom: 1px solid #ccc;
	}
	
	.unileft {
		border-left: 1px solid #ccc;
	}
	
	.indexli {
		font-size: 8px;
	}
	
	td {
		width:5em;
	}
	
	th {
		width:7em;
	}
	
        
/* Page Design Graphics */
	#container {
		background-image:url(../img/aura_page_background.gif);
		background-repeat:repeat-y;		
		} 
	#sidebar {
		background-image:url(../img/aura_sidebar_head.gif);
		background-repeat:no-repeat;
		}
	#containerfoot {
		background-image:url(../img/aura_page_foot.gif);
		background-repeat:no-repeat;
		background-position:bottom;
		}
	#pagehead h2 {
		background-image:url(../img/aura_page_head.gif);
		background-repeat:repeat-x;
		}
	#sidebarcontent .alt {
		background-image:url(../img/aura_sidebar_alt.gif);
		background-repeat:repeat-y;
		}
/* Newsletter */
	div.figure {
		float: left;
		width: 25%;
		margin: 0.2em;
    padding: 0.2em;
		}
	div.figure p {
		  text-align: center;
	  	font-style: italic;
  		font-size: smaller;
  		text-indent: 0;
  		line-height: 8pt
		}
		
	img.scaled {
  		width: 100%;
  }

div.figure1 {
		float: left;
		width: 15%;
		border: thin black solid;
		margin: 0.2em;
    padding: 0.2em;
		}

	div.figure1 p {
		  text-align: center;
	  	font-style: italic;
  		font-size: smaller;
  		text-indent: 0;
  		line-height: 8pt
		}
		div.figure2 {
		float: left;
		width: 16%;
		border: thin black solid;
		margin: 0.2em;
    padding: 0.2em;
		}
	div.figure2 p {
		  text-align: center;
	  	font-style: italic;
  		font-size: smaller;
  		text-indent: 0;
  		line-height: 8pt
		}
		
		div.figure3 {
	  float: center;
		width: 60%;
		margin: 0.2em;
    padding: 0.2em;
		}
		
	 div.figure3 p {
		  text-align: left;
  		font-size: smaller;
  		text-indent: 0;
  		line-height: 8pt
		}
		
		div.figure4 {
	  float: left;
		width: 200px;
		height: 150px;
		border: thin silver solid;
		margin: 0.2em;
    padding: 0.2em;
		}
		
		div.figure5 {
		float: left;
		width: 200px;
		height: 150px;
		border: thin black solid;
		margin: 0.2em 0.2em; 
    padding: 0.1em;
		}
		
		div.figure5 p {
		  text-align: center;
	  	font-style: italic;
  		font-size: smaller;
  		text-indent: 0;
  		line-height: 8pt
		}
		
		div.figure6 {
		width: 320px;
		height: 215px;
		border: thin silver solid;
    padding: 0.1em;
		}
	  
	  div.figure7 {
		width: 380px;
		height: 240px;
		border: thin silver solid;
    padding: 0.1em;
		}
	
		div.figure8 {
		width: 255px;
		height: 240px;
		border: thin silver solid;
    padding: 0.1em;
		}
	
	div.figure9 {
		width: 225px;
		height: 170px;
		border: thin silver solid;
    padding: 0.1em;
		}
		
	div.figure10 {
		float: left;
		width: 34%;
		/* border: thin silver solid; */
		margin: 0.2em;
    padding: 0.2em;
		}
	div.figure10 p {
		  text-align: center;
	  	font-style: italic;
  		font-size: smaller;
  		text-indent: 0;
  		line-height: 8pt
		}