@charset "UTF-8";
/* CSS Document */

	/* 
	-----------------------------------------------------
	Global reset 
	-----------------------------------------------------
	*/
	
	{  
	display:inline;
	vertical-align: baseline;  
	font-family: inherit;  
	font-style: inherit;  
	font-size: 100%;  
	border: none;  
	padding: 0;  
	margin: 0;  
	}  

	
	/* 
	-----------------------------------------------------
	General styles 
	-----------------------------------------------------
	*/
    body {
	margin:0;
	padding:0;
	border:0;			/* This removes the border around the viewport in old versions of IE */
	width:100%;
	background:#818181;
	font-size:90%;
	text-align:center;
    }
	
	#fixed {
	margin:25px auto;
	width:960px;   /* you can use px, em or % */
	text-align:left;
	}
		
	a {
	color:#01274E;
	text-decoration:none;
	font-weight:bold;
	}
	
	a:hover {
	color:#F2EBD8;
	font-weight:bold;
	background:#01274E;
	padding: 1px 0 1px 0;
	}
	
    h1, h2, {
        margin:.8em 0 .2em 0;
        padding:0;
    }
	
	h3 {
	    margin:0 0 .4em 0;
		font-family: Geneva, Arial, Helvetica, sans-serif;
		color: #505050;
		font-size: 110%;
		line-height: 125%;
		font-weight: bold;
		letter-spacing: -0.02em;
    }	
	
	h4 {
        margin:.4em 0 1em 0;
        padding:0;
		font-family: Geneva, Arial, Helvetica, sans-serif;
		font-size: 120%;
		color: #D8C573;
		line-height: 125%;
		font-weight: normal;
		letter-spacing: -0.02em;
    }
	h5 {
		margin:.4em 0 4em 0;
		padding:0;
		font-family: Geneva, Arial, Helvetica, sans-serif;
		font-size: 120%;
		color: #D8C573;
		line-height: 125%;
		font-weight: normal;
		letter-spacing: -0.02em;
    }
	
	h6 {
	    margin: 1em 0 -.2em 0;
		font-family: Geneva, Arial, Helvetica, sans-serif;
		color: #00274D;
		font-size: 100%;
		line-height: 125%;
		font-weight: normal;
		letter-spacing: -0.02em;
    }
		
    p, td {
		margin:.4em 0 .8em 0;
		padding:0;
		font-family: Geneva, Arial, Helvetica, sans-serif;
		font-size: 90%;
		color: #505050;
		line-height: 125%;
		font-weight: normal;
		letter-spacing: -0.02em;
    }
	
	.clear { clear: both; height: 0; font-size:0;}
	form { margin:0; padding:0; display:inline;}	
	
	img {
	float:right;
	}

	img.leftside {
	float:right;
	margin-top:8px;
	}
	

	img.img-right {
	margin-left:117px;
	position:absolute;
	}

	img.img-left {
	float:left;
	}

	img.img-center {
	float:center;
	}
	
	a img { 
	border:none; 
	}
	

	
	/*
	-----------------------------------------------------
	wrapper styles
	-----------------------------------------------------
	*/
	.fixed #wrapper {
		width:800px;
		text-align:left;
		margin:0 auto;
	}
	.liquid #wrapper {
		width:100%;
		text-align:left;
		margin:0;
	}
	/*
	-----------------------------------------------------
	header styles
	-----------------------------------------------------
	*/
    #header {
	clear: both;
	float: left;
	width: 100%;
	height: 161px;
	position:relative;
	background:#fff url(../images/gna_banner.gif) no-repeat;
    }
	
	#gnahome {
    position: absolute;
    width: 230px;    /* width of the logo */
    height: 109px;   /* height of the logo */
    top: 0; left: 0; /* top-left corner of logo */
    border: 0;
    float: left;
	}
	
	a.homelink:hover,
	a.homelink:active,
	a.homelink:active:hover {
	padding: 0;
	}
	

	#tagline {
	display:block;
	float:right;
	clear:both;
	width:100%;
	position: relative;
   	top: 0px;
   	right: 0px;
   	z-index: 1;
	height:161px;
	width:600px;
	padding:0;
	}
	

	#header p,
	#header h1,
	#header h2 {
	    padding:.5em 20px 0 15px;
        margin:0;
	}
	
	#header h1{
	text-align:right;
	font-family:Geneva, Arial, Verdana, Helvetica, sans-serif;
	font-size: 200%;
	font-style: normal;
	letter-spacing: 0.15em;
	color: #969696;
	}
	
	
	p.layoutstyle {
		float:right;
	}
	

	#navbar {
		display:inline;
		position:absolute;
   		top:108px;
   		z-index: 2;
	    padding:0;
		margin:0;
	}
	
	#header ul {
	    clear:left;
	    float:left;
	    list-style:none;
	    margin:0;
	    padding:0;
	}
	
	#header ul li {
	    display:inline;
	    list-style:none;
	    margin:0;
	    padding:0;
	}
	
	#header ul li a {
	display:inline;
	float:left;
	margin:0;
	padding:7px 10px 7px 10px;
	text-align:center;
	font-family: Verdana, Helvetica, Geneva, Arial, sans-serif;
	font-size: 78%;
	letter-spacing: 0.1em;
	line-height:130%;
	font-weight:bold;
	background:#9A9A9A;
	color:#F2EBD8;
	text-decoration:none;
	position:relative;
	left:230px;
	height:15px;
	}
	#header ul li a:hover {
	background:#01274E;
	color:#F2EBD8;
	}
	#header ul li a.active,
	#header ul li a.active:hover {
	color:#F2EBD8;
	background:#01274E;
	}
	#header ul li a span {
	display:block;
	}
	#header ul li a last {
	}

	
	
	/*
	-----------------------------------------------------
	'widths' sub menu
	-----------------------------------------------------
	*/
	#layoutdims {
		clear:both;
		border-top:4px solid #000;
		margin:0;
		padding:6px 15px !important;
		text-align:right;
	}
	/*
	-----------------------------------------------------
	column container
	-----------------------------------------------------
	*/
	.colmask {
	position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear:both;
	float:left;
	width:100%;				/* width of whole page */
	overflow:hidden;	/* This chops off any overhanging divs */
	background-color: #121B23;
	}
	/*
	-----------------------------------------------------
	holy grail 3 column settings
	-----------------------------------------------------
	*/
	.holygrail {
	    background:#fff;    	/* Right column background colour */
	}
    .holygrail .colmid {
        float:left;
        width:200%;
        margin-left:-230px; 	/* Width of right column */
        position:relative;
        right:100%;
        background:#fff;    	/* Centre column background colour */
    }
    .holygrail .colleft {
	float:left;
	width:100%;
	margin-left:-50%;
	position:relative;
	left:460px;         	/* Left column width + right column width */
	background:#DADADA;    	/* Left column background colour */
	padding-bottom:2em;
    }
    .holygrail .col1wrap {
        float:left;
	    width:50%;
	    position:relative;
	    right:230px;        	/* Width of left column */
	    padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
	}
	.holygrail .col1 {
	margin:0 245px;     	/* Centre column side padding:
                            	Left padding = left column width + centre column left padding width
                            	Right padding = right column width + centre column right padding width */
	position:relative;
	left:200%;
	overflow:visible;
	}

    .holygrail .col2 {
	float:left;
	float:right;			/* This overrides the float:left above */
	width:170px;        	/* Width of left column content (left column width minus left and right padding) */
	position:relative;
	right: 0;         	/* Width of the right-hand side padding on the left column */
	top:42px;
    }
		
	.holygrail .col3 {
	float:left;
	float:right;			/* This overrides the float:left above */
	width:230px;        	/* Width of right column content (right column width minus left and right padding) */
	margin-right:60px;  	/* Width of right column right-hand padding + left column left and right padding */
	position:relative;
	margin-bottom:25px;
	left:50%;
	top:50px;
    }
		
    .holygrail .col3a {
	background:#ECDFB3 url(../images/news_bg.gif) no-repeat;    	/* Right column background colour */
	float:left;
	float:right;			/* This overrides the float:left above */
	width:230px;        	/* Width of right column content (right column width minus left and right padding) */
	margin-right:60px;  	/* Width of right column right-hand padding + left column left and right padding */
	position:relative;
	margin-bottom:25px;
	left:50%;
	top:50px;
    }
	
   	.holygrail .col3b {
	background:#ECDFB3 url(../images/consultant_profile_bg.gif) no-repeat;    	/* Right column background colour */
	float:left;
	width:230px;        	/* Width of right column content (right column width minus left and right padding) */
	position:relative;
    }
	
	.holygrail .col3ainner {
	width:200px;        	/* Width of inner right column content (right column width minus left and right padding) */
	position:relative;
	left:9px;
	}
	
	.holygrail .col3binner {
	width:200px;        	/* Width of inner right column content (right column width minus left and right padding) */
	position:relative;
	left:9px;
	}
	
	.addressblock {
	float:left;
	width:100%;
	background:#fff url(../images/light_grey_bg.gif) no-repeat;
    }

	.leftcol{
	float:left;
	margin-left:0;
	padding:0 0 10px 245px;
	}
	
	.rightcol{
	float:left;
	padding:0 10px 10px 20px;
    }
	

	/*
	-----------------------------------------------------
	navigation styles
	-----------------------------------------------------
	*/
	
	.subnav1 {
	float:left;
	float:right;			/* This overrides the float:left above */
	width:230px;        	/* Width of right column content (right column width minus left and right padding) */
	margin-right:60px;  	/* Width of right column right-hand padding + left column left and right padding */
	position:relative;
	left:50%;
	top:50px;
	clear:none;
	}
	
	.navigation {
	width:230px;        	/* Width of right column content (right column width minus left and right padding) */
	list-style:none;
	display:block;
	position:absolute;
	padding:0;
	margin:0;
	background-color:#9A9A9A;
	}
	
	.navigation li {
	list-style:none;
	border-top:2px solid #FFFFFF;
	border-top-style: solid;
	margin:0;
	}
	
	.navigation li a {
	list-style:none;
	display: block;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	margin: 0;
	padding:5px 10px 7px 10px;
	letter-spacing: 0.05em;
	font-size: 85%;
	font-weight:bold;
	color:#F2EBD8;
	}
	
	.active { 
	background-color: #01274E; 
	}	
	
	li#last a {
	background-image:url(../images/subnav1_bottom_shadow.gif);
	background-repeat: repeat-x;
	padding:6px 10px 26px 10px;
	background-position: bottom;
	} 
	
	#subnav2 {
	width:230px;
	list-style:none;
	margin:0;
	display:block;
	padding:0;
	}
	
	#subnav2 li#last a {
	display:block;
	background-image:url(../images/subnav1_bottom_shadow.gif);
	background-repeat: repeat-x;
	padding:2px 2px 22px 25px;
	background-position: bottom;
	} 
	
	
	#subnav2 li#lastactive a {
	display:block;
	background-color: #01274E;
	background-image:url(../images/subnav1_bottom_shadow.gif);
	background-repeat: repeat-x;
	padding:2px 2px 22px 25px;
	background-position: bottom;
	} 
 
	#subnav2 li a:link, #subnav2 li a:visited {
	background-color: #01274E;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 90%;
	text-decoration:none;
	color:#F2EBD8;
	background-color: #9A9A9A;
	list-style:none;
	line-height:18px; 
	margin-left:0;
	padding:2px 2px 2px 25px;
	}  
	
	#subnav2 li {
	display:block;
	}  
	
	#subnav2 li a {
	display:block;
	margin:0;
	padding:0;
	}  
	
	#subnav2 li a:hover {
	display:block;
	background-color: #01274E;
	color:#F2EBD8;
	}
	
	#subnav2 li#sactive a {
	background-color: #01274E;
	}
	
	
	/*
	-----------------------------------------------------
	table styles
	-----------------------------------------------------
	*/
	
	.consultantlist {
	color: #00274D;
	font-weight:bold;
	line-height:24px;
	width:150px;
	}
	
	a.consultantlist:hover,
	a.consultantlist:active,
	a.consultantlist:active:hover {
	padding: 1px 0 1px 0;
	}
	
	
	
	
	/*
	-----------------------------------------------------
	text styles
	-----------------------------------------------------
	*/
	.holygrail .col1 h2 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 190%;
	line-height: 120%;
	font-weight: normal;
	color: #00274D;
	letter-spacing: -0.02em;
	padding:5px 0 8px 0;
    margin:0;
	}
	
	.holygrail ul li{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #505050;
	line-height: 125%;
	font-weight: normal;
	letter-spacing: -0.02em;
	}
	
	.holygrail .col2 p {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 108%;
	line-height: 125%;
	font-weight: normal;
	color: #717171;
	text-align: right;
	margin-right:15px;
	letter-spacing: -.03em;
    }
	
	.holygrail .col2 .author {
	font-size: 90%;
	line-height: 125%;
	font-weight: normal;
	color: #717171;
	text-align: right;
	letter-spacing: -.03em;
    }
	
	.leftcol p, .rightcol p {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #505050;
	line-height: 50%;
	}
	
	.holygrail .col3a p {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #505050;
	line-height: 125%;
	font-weight: normal;
	letter-spacing: -0.02em;
    }
	
	.holygrail .col3b p.boxlink {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #00274D;
	text-align:right;
	line-height: 125%;
	font-weight: bold;
	letter-spacing: -0.02em;
	}
	
	.holygrail .col3b p.rotator_controls {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #00274D;
	font-size: 70%;
	text-align:right;
	font-weight:normal;	
	letter-spacing: -0.02em;
	}

	.boldname {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #505050;
	font-weight: bold;
	letter-spacing: -0.02em;
	}
	
	.trans65 {
	background:transparent;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=55)";
	-ms-filter: "alpha(opacity=55)"; /* ie 8 */
	filter: alpha(opacity=55); /* ie lt 7 */
	-khtml-opacity: .55; /* safari 1.x */
	opacity: .55; /* standard: ff gt 1.5, opera, safari, ff lt 1.5, netscape */
	}
	
	/*
	-----------------------------------------------------
	quote box styles
	-----------------------------------------------------
	*/	
	.blockquote {
	margin: .4em 0 .8em 4em;
	}
	
	/*
	-----------------------------------------------------
	Footer styles
	-----------------------------------------------------
	*/
	#footer {
	clear:both;
	float:left;
	width:100%;
	border-top:1px solid #000;
	background:#818181 url(../images/bottom_shadow.gif) repeat-x;
	margin-right:-3px;
    }
	
    #footer p {
	padding:7px 0 20px 0;
	margin:0;
	text-align: right;
    }
	
	.webcredit, .webcredit a {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:normal;
	letter-spacing:0.03em;
	color: #505050;
	}
	
	.webcredit a:hover, a.webcredit:hover {
	color:#F2EBD8;
	background:#818181;
	}