/* 
CSS 2.1 for www.g-consult.co.uk 
Peter Gaskell, Aug 09
NOTES
Uses ems not px as HTML 4.01 Specification and W3C Recommendation
1em = 16px 
*/
/* CONTAINER */	#container {
		width: 47.5em;						/* 760px */
		margin: 0 auto;
		font-family: Calibri, Arial, Helvetica, sans-serif; 
		color: #404040;						/* Dk grey */
		background-color: #FFF;				/* White */
	}
		
/* GENERAL */	body {
		font-size:100%;	  /* Font Sizes defined in ems relative to Body of 
						     font-size:100% to ensure zoomable display in
							 all browsers */
		text-align: left;
	}	p {
		font-size:1em;	
		margin: 0.75em 0em 0.75em;
		line-height:1.25em;
	}
		h1{
		font-size:1.25em;
		margin-top: 0.75em;
		margin-bottom: 0em;
		line-height:1.25em;
		color:#E46C0A;	   /* Orange */
	}
	
	h2{
		font-size:1.00em;
		margin-top: 0.75em;
		margin-bottom: 0em;
		line-height:1.00em;
		color:#E46C0A;	   /* Orange */
	}	a:link {				/* unvisited link */
		color:#1F497D;
		text-decoration: none;
	}	a:visited {			/* visited link */
		color:#1F497D;
		text-decoration: none;
	}	a:hover {				/* mouse over link */
		color:#95B3D7;
		text-decoration: none;
	}	a:active {				/* active link */
		color:#95B3D7;
		text-decoration: none;
	}
	
	.TreeviewSpanArea a {
     font-size: 0.75em; 
     font-family: Calibri, Arial, Helvetica, sans-serif; 
     text-decoration: none;
     color: #1F497D;
	 }
	 
   .TreeviewSpanArea a:hover {
   	 color: #95B3D7;
	 }
	
	
/* CLASSES */	
	.footnote {
		font-size:0.75em;	
		font-style:italic;
		margin: 0.75em 0em 0.75em;
		line-height:1em;
	}
	.caption {
		font-size:0.75em;	
		font-style:italic;
		margin-top:0.25em;
		line-height:1.0em;
	}
	.indented {	 	  /* Class to centre image */
        display: block;
        margin-left:5em;
	    margin-right:auto;
	}
	
	.indent1em {	 	  /* Class to indent image */
        display: block;
        margin-left:1em;
	    margin-right:auto;
	}
		
	.noborder {
	    border-style:solid;
	    border-width:0em;
    }
	
	.mapsection {
				font-size: 1em;
				margin-bottom:0em;
	}    .mapitem {
			 font-size: 0.75em;
	}	
	
	.align-right {
			 float:right; 
	}
	
	.align-left {
	         float:left;
	}
	
	.align-middle {
			vertical-align:middle;	
	}
	
	.align-bottom {
			vertical-align:bottom;	
	}	
	
	
	.frame {
	        border: 5px solid #aaa; 
  	}	.noframe {
	        border: 0px solid #aaa; 
  	}	
	
	.site_search {
		font-family: Calibri, Arial, Helvetica, sans-serif;
		/*font-size: 0.75em;*/
	}
	.table_heading {
	   	font-size:1.0em;	
		font-style:italic;
		font-weight:bold;
		text-align:left;	
		color:#1F497D;   
	}
	
	.table_data {
	   	font-size:0.75em;	
		font-style:normal;
		font-weight:normal;
		text-align:left;
		color: #666;
	}
	.img_float_right
	{
	 	float:right;
		width:100px;
		margin:0em;
		padding:0em;
		border:0em solid black;
		text-align:center;
	}/* HEADNAVIGATION */
   #headnavigation {
        width:100%;
   	    margin-right:0.5em;
   		padding:0.0em;
		font-size:0.755em;
		line-height: 1em;
		/*border-style:solid;
		border-width:1px;
		border-color:red;*/
   }		
		
	 #headnavigation ul {
		list-style-type: none;			/* List with no bullets*/
		margin: 0.0em;
		padding: 0.0em;
		text-align:right;	
	}	#headnavigation li {
		display:inline;				/* Display list items on one line */
		border-right: 0.125em solid #1F497D;
	}			#headnavigation a {
		margin:0em;	
		text-align:right;	
		padding-left: 0.375em;					/* Padding to space lines from list items */
		padding-right: 0.375em;					/* Padding to space lines from list items */
	}	#headnavigation a:link {				/* unvisited link */
		color:#1F497D;
		text-decoration: none;
	}	#headnavigation a:visited {			/* visited link */
		color:#1F497D;
		text-decoration: none;
	}	#headnavigation a:hover {			/* mouse over link */
		color:#95B3D7;
		text-decoration: none;
	}	#headnavigation a:active {			/* active link */
		color:#95B3D7;
		text-decoration: none;
	}		
		
		
/* HEADER ELEMENTS */
	#header {
		width: 100%;
		clear:left;
		margin-left:15%;
		padding:0.0em;
		line-height:0em;
		/*border-style:solid;
		border-width:1px;
		border-color:red;*/
	}		/* NAVIGATIONTOP ELEMENTS */
	#navigationtop {
		width: 100%;
		clear:left;
		margin:0em;
		margin-left: 15%;	/* Align to edge of Contents (related to width of side navigation) */		
		margin-top:1em;
		padding:0em;
		font-size:0.75em;
		line-height: 1.0em;		/*border-style:solid;
		border-width:1px;
		border-color:red;*/
	}	 #navigationtop ul {
		list-style-type: none;			/* List with no bullets*/
		margin-top: 0em;			/* Margin above and below list */
		margin-bottom: 0.0em;
		margin-right: 0.0em;
		margin-left: 0.0em;
		padding: 0.0em;
	}	#navigationtop li {
		display:inline;				/* Display list items on one line */
		border-left: 0.125em solid #1F497D;
	}			#navigationtop a {
		margin-left:0em;	
		margin-right:0em;			
		padding-left: 0.375em;					/* Padding to space lines from list items */
		padding-right: 0.125em;					/* Padding to space lines from list items */
	}	#navigationtop a:link {				/* unvisited link */
		color:#1F497D;
		text-decoration: none;
	}	#navigationtop a:visited {			/* visited link */
		color:#1F497D;
		text-decoration: none;
	}	#navigationtop a:hover {			/* mouse over link */
		color:#95B3D7;
		text-decoration: none;
	}	#navigationtop a:active {			/* active link */
		color:#95B3D7;
		text-decoration: none;
	}/* NAVIGATIONBOTTOM ELEMENTS */
	#navigationbottom {
		width: 100%;
		clear:both;
		margin:0em;
		margin-top:1em;
		margin-left:15%;       /* Align to edge of Contents (related to width of side navigation) */		
		padding:0em;
		font-size:0.75em;
		line-height: 1.0em;		/*border-style:solid;
		border-width:1px;
		border-color:red;*/
	}	 #navigationbottom ul {
		list-style-type: none;			/* List with no bullets*/
		margin-top: 0em;			/* Margin above and below list */
		margin-bottom: 0.0em;
		margin-right: 0.0em;
		margin-left: 0.0em;
		padding: 0.0em;
	}	#navigationbottom li {
		display:inline;				/* Display list items on one line */
		border-left: 0.125em solid #1F497D;		/* Vertical line to separate list items */
	}			#navigationbottom a {
		margin-left:0em;	
		margin-right:0em;			
		padding-left: 0.375em;					/* Padding to space lines from list items */
		padding-right: 0.125em;					/* Padding to space lines from list items */
	}	#navigationbottom a:link {				/* unvisited link */
		color:#1F497D;
		text-decoration: none;
	}	#navigationbottom a:visited {			/* visited link */
		color:#1F497D;
		text-decoration: none;
	}	#navigationbottom a:hover {			/* mouse over link */
		color:#95B3D7;
		text-decoration: none;
	}	#navigationbottom a:active {			/* active link */
		color:#95B3D7;
		text-decoration: none;
	}
	
	
	
	
/* NAVIGATIONSIDE ELEMENTS */
	#navigationside {
		float: left;
		width: 10.8%;
		margin-top:3.8em;
		margin-left: 0em;
		margin-right:2.0em;
		margin-bottom:0em;		
		padding-right:0.0em;		
		padding-bottom:0.0em;	
		padding-top:0.0em;
		/*border-style:solid;
		border-width:1px;
		border-color:red;*/
	}	#navigationside ul {		margin:0em;
		padding: 0em;
		list-style-type: none;
	}
	
	#navigationside li {
		border-top: 0.0625em solid #1F497D;		
		padding-top:0.125em;
		padding-bottom:0.125em;
	}	
	
	#navigationside a {
		margin:0em;
		font-size:0.75em;				/* 12px font size */
		line-height:0.75em;
	}	#navigationside a:link {			/* unvisited link */
		color:#1F497D;
		text-decoration: none;
	}	#navigationside a:visited {			/* visited link */
		color:#1F497D;
		text-decoration: none;
	}	#navigationside a:hover {			/* mouse over link */
		color:#95B3D7;
		text-decoration: none;
	}	#navigationside a:active {			/* active link */
		color:#95B3D7;
		text-decoration: none;
	}
/* CONTENT ELEMENTS */
	#content { 
		float: left; 
		width: 55%; 
		/*border-style:solid;
		border-width:1px;
		border-color:red;*/
	}	#content ul {
		list-style-type:disc;
		margin-top: 0em;			/* Margin above and below list */
		margin-bottom: 0em;
		margin-right: 0em;
		margin-left: 2em;			/* Indent unordered list */
	}
/* SIDEBAR ELEMENTS */
	#sidebar {
		float: right; 
		clear: right;
		width: 25%; 
		margin-top:3.75em;
		/*height:10em;*/
		/*border-style:solid;
		border-width:1px;
		border-color:red;*/
	}
	#sidebar h1{
	}
	
	#sidebar h2{
		color:#1F497D;
		font-size:1em;
		margin-top: 0em;
		line-height:1em;
	}	#sidebar p {
		font-size:0.75em;				/* 12px font size */		
	}
	
	#sidebar a {			}	
	
	#sidebar a:link {			/* unvisited link */
		color:#1F497D;
		text-decoration: none;
	}	#sidebar a:visited {			/* visited link */
		color:#1F497D;
		text-decoration: none;
	}	#sidebar a:hover {			/* mouse over link */
		color:#95B3D7;
		text-decoration: none;
	}	#sidebar a:active {			/* active link */
		color:#95B3D7;
		text-decoration: none;
	}
	/* FOOTER ELEMENTS */
	#footer{
		width: 100%; 
		background: #FFF;
		margin-left:15%;
		padding:0.0em;
		/*border-style:solid;
		border-width:1px;
		border-color:red;*/
	}	#footer p {
		color:#666;
		line-height: 0.75em;
		font-size:0.75em;
		font-style: italic;
		margin-right:0.0em;
		margin-left:0.0em;
		margin-top:1.0em;
		margin-bottom:1.0em;
		padding:0.0em;
		
	}
/* End of CSS */
			
