@import url("style_library.css");


/* ~~ SITE CONTAINERS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	
#siteContainer		{	width:80%; margin:5px auto 0px auto; min-width:870px; max-width:978px;	}
#gradR				{	background:url(../images/gradR.gif) top right repeat-y;			}
#gradL				{	background:url(../images/gradL.gif) top left repeat-y;			}
#innerContainer		{	margin:0px 4px;   height:100%; 		 										}


/* ~~ HEADER STYLES ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#header				{	height:121px; background:#556ca1 url(../images/headerGrad.gif) repeat-x; position:relative;	}

	a#logo					{ 	position:absolute; width:182px; height:75px; left:24px; top:27px; background:url(../images/gtLogo.gif);			}
	#header	ul				{ 	position:absolute; top:74px; right:200px; width:auto; padding-bottom:0em;										}
	#header	ul li			{	float:left;																										}
	#header	ul li a			{	float:left;	color:#dbdde5; padding-left:0.7em; background:url(../images/arrowWhite.gif) no-repeat 0em 0.5em;	}
	#header	ul li a:hover	{	text-decoration:none; color:#FFFFFF; border-bottom:1px dotted #6f89c4;											}	
					
	#header	a.login			{	position:absolute; top:71px; right:24px; width:138px; height:26px; background:url(../images/loginGrafx.gif);	}
	#header	a.login:hover	{	background:url(../images/loginGrafx.gif) 0px -26px;																}							
	#header	a.login:active	{	background:url(../images/loginGrafx.gif) 0px -52px;																}
	
#banner				{	height:84px; background:url(../images/headerBanner.jpg);				}

/* ~~ CONTENT AREA ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#contentTable								{	background: #d3d3d3 url(../images/tableCbgnd.gif) repeat-x;					}
	 .leftCol								{	width:220px; background: url(../images/leftColGrad.gif) repeat-y 200px 0px; }
	 .rightCol								{	width:204px; background: url(../images/rightColGrad.gif) repeat-y 0px 0px;	}
	 
	 .leftCol .wrap							{	width:204px; position:relative;  background: url(../images/columnGrads.gif) 200px 0px no-repeat; height: 350px; }
		
			.leftCol .wrap ul				{	padding-bottom:0px;														}
			.leftCol .wrap ul li			{	padding:0px; width:200px;												}
			.leftCol .wrap ul li a			{	display:block; text-decoration:none;									}
			.leftCol .wrap ul li a:hover	{	background: #63b5b5 url(../images/navGradLink.gif) repeat-x 0px -28px;	}
			.leftCol .wrap ul li a:active	{	background: #e8e8e8 url(../images/navGradLink.gif) repeat-x 0px 0px;	}
			.leftCol .wrap ul li a span		{
												font-size:110%;
												line-height:1.8em;
												color:#696969;
												font-family:"Trebuchet MS";
												border-bottom:#eeeeee 1px solid;
												padding:0 0 0 2em;
												text-decoration:none;
												cursor:pointer;
												display:block;
												background-image:url(../images/arrowWhiteLarge.gif);
												background-repeat:no-repeat;
												background-position: -5px 0px;
											}
			.leftCol .wrap ul li 
			a:hover span					{
												color:#FFFFFF;
												border-bottom:#FFFFFF 1px solid;
												background-position: 15px -13px;
											}
			.leftCol .wrap ul li 
			a:active span					{
												color:#696969;
												background-position: 15px 8px;				
											}

			.leftCol .wrap ul ul li a, 			
			.leftCol .wrap ul ul li a:hover{
				background-color:transparent;
				background-image:url(../images/arrowSmall.gif);
				background-position:30px 5px;
				background-repeat:no-repeat;
				}
			.leftCol .wrap ul ul li a{
				color:#696969;
				padding-left:45px;
				font-size:90%;
				line-height:1.5em;				
				}
			.leftCol .wrap ul ul li a:hover{
				color:#000000;			
				}
			.leftCol .wrap ul ul{
				padding:6px 0px;
				}
				
		.rightCol .wrap		{ width:204px; position:relative; /*height:420px;*/  background: url(../images/columnGrads.gif) -4px 0px no-repeat;  }
		
			#gtInfo{
				position:relative;
				left:4px;
				width:200px;
				height:200px;
				background:#ededed url(../images/gtInfo.gif) no-repeat 18px 21px;
				border-bottom:1px solid #aeaeae;
				font-size:1px;
				}
			#gtInfo p{
				color:#ededed; cursor:default;
				}
			.news{
				position:relative;
				padding-top:5px;
				padding-bottom:5px;
				left:29px;
				width:175px;
				}
			.news h1{
				color:#41588c;
				font-size:100%;
				font-family:Arial, Helvetica, sans-serif;
				font-weight:bold;
				padding-bottom:0px;
				}
				
			.news p	{	font-size:95%; padding-bottom:3px;	}
			.news a	{	font-size:95%;   color:#CC3333 !important;  background:url(../images/arrowSmall.gif) no-repeat 0px 4px; padding-left:10px;								}
		
		
		.centreCol .wrap			{	padding:10px 30px 30px 0px;																					}
		
		#baseWrap					{	position:relative; height:155px; background:url(../images/baseGrain.jpg) repeat-x;							}
			#baseWrap .address *	{	color:#FFFFFF;	}
			#baseWrap .address		{	position:absolute; width:170px; height:; top:25px; left:20px;												}
			#baseWrap .address p	{	font-size:90%;	}
			
		#baseContent				{	height:155px; background:#e4e4e4 url(../images/baseChead.gif) repeat-x; margin:0px 200px;					}
			#baseContent .wrap01	{	width:55%; float:left; padding:10px 20px;																	}
			#baseContent .wrap02	{	width:35%; float:left; padding:10px 0px 0px 0px; 															}
			
			
			#baseContent h1			{	color:#830446; padding-left:20px; padding-top:8px; display:block;											}
			#baseContent h2			{	color:#830446;	}
			#baseContent p			{	padding:0px 10px 10px 0px; font-size:90%;																	}
			#baseContent li			{	font-size:90%; background:url(../images/arrowPurple.gif) 4px no-repeat;										}
		
		#asset						{ cursor:pointer; position:absolute; width:127px; height:138px; top:12px; right:45px; background:url(../images/assetTv.jpg);	}
		
		#footer						{	display:block; height:20px; width:80%; margin:0px auto; font-size:85%; color:#FFFFFF; min-width:870px; max-width:978px; padding:0px 10px;	}
		#footer a					{	float:right; color:#999999;	}
		
		#mortgages					{	width:201px; height:64px; background:url(../images/mortgages03.jpg) no-repeat; position:relative; left:3px;	}
		
		
						
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ START contact form ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */											

    table.form
    {
    margin:0 0 40px 0;
    height:100%;
    }

    table.form tr td p
    {
    font-size:1.1em; 
    }

    table.form tr td h3
    {
    font-size:1.2em; 
    color:#3c5488;
    }

    table.form tr td select.dropdown
    { 
    width:150px;
    height:20px;
    }

    table.form tr td textarea.text_area
    {
    width:350px;
    color:#535353;
    padding:3px;
    }

    table.form tr td textarea.txt_address
    {
    color:#535353;
    padding:0 0 0 1px;
    height:100px;
    vertical-align:top;
    width:150px;
    }

    table.form tr td .txt
    {

    color:#535353;
    padding:0 0 0 1px;
    height:20px;
    vertical-align:top;
    width:148px;
    }

    table#contact_form, table#contact_form tr td, table#contact_form tr td p
    {
    color:#535353;
    }
                      
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ END contact form ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */											

           
    .news h1, .news h2, .news p, .news a
    {
    color:#535353;
    font-size:.9em;
    font-weight:normal;
     margin:0 10px 0 0;
    }