.holygrail .col1 P a:link {color: #0000FF; text-decoration: underline; }
.holygrail .col1 P a:active {color: #5F9EA0; text-decoration: underline; }
.holygrail .col1 P a:visited {color: #0000FF; text-decoration: none; }
.holygrail .col1 P a:hover {color: #FF8C00; text-decoration: underline; }

	.header{
	width: 80%;
	height: 1.8em;
color: #ec8622;
margin-top: 1.3em;
margin-bottom: 1.0em;
			margin: 0 auto;   /* align for good browsers */
	  text-align: left; /* NOT ACTUALLY counter the body center */
	  font-size: 2.0em;
	}
	
	.header h1{
	font-size: 1em;
	display: inline;
	font-weight: normal;
	color: #f27104;
	}
    
    			.contactbar{
    border-top: 1px solid #6e9ece;
		width: 70%;
		margin: 0 auto;   /* align for good browsers */
	  text-align: center; /* counter the body center */
		color: #6e9ece;
		clear: both;
		font-size: 1.0em;
		}
		.contactcolumn{
		margin-top: 10px;
		float: left;
		text-align: center;
	
		width: 33%;
		
		}
    	
    	
    .button{
    background-image: url(buttons.png);
		background-repeat: no-repeat;
		font-size: 1.5em;
		color: white;
		padding-top: 7px;
		height: 50px;
		width: 184px;
		text-align: center; /* counter the body center */
		}
		.button:hover{
		background-image: url(buttons_highlight.png);
		}
		.blue{
		background-image: url(blue.png);
		background-repeat: no-repeat;
		font-size: 1.5em;
		color: white;
		padding-top: 7px;
		height: 50px;
		width: 184px;
		text-align: center;
		}
		.blue:hover{
		background-image: url(blue_highlight.png);
		}
		.blue a{
		color: white;
		text-decoration: none;
		width: 184px;
		display: block; /*added 3/14*/
		}
		.button a{
		color: white;
		text-decoration: none;
		width: 184px;
		display: block; /*added 3/14*/
		}
		.caption{
		font-size: 1.5em;
		color: #6e9ece;
		width: 160px;
		
		text-align: center; /* counter the body center */
		display: block;
		}
	  .contactbar a{
	  color: #6e9ece;
		text-decoration: none;
	  }
	  .contactbar a:hover{
	  text-decoration: underline;
	  }
		.caption a{
		color: #6e9ece;
		text-decoration: none;
		
		}
		.caption img{

		}
		.caption_link{
		text-align: right;
		}
    .caption_link:hover{
		text-align: right;
		text-decoration: underline;
		}
		.caption a:hover{
		text-decoration: underline;
		}
    	
    	
    /* <!-- */
	/* General styles */
    body {
        margin:0;
        padding:0;
        border:0;			/* This removes the border around the viewport in old versions of IE */
        width:100%;
        background:#fff;
        min-width:600px;    /* Minimum width of layout - remove line if not required */
							/* The min-width property does not work in old versions of Internet Explorer */
	background: url(background.png);
	background-repeat: no-repeat;
	background-position: top center;
	background-color: #336699;
	text-align: center;
	font-family: arial narrow, arial;
    }

	/* 'widths' sub menu */
	#layoutdims {
		clear:both;
		
		
		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;
	   
		overflow:hidden;		/* This chops off any overhanging divs */
		    width: 1000px;
    	margin: 0 auto;   /* align for good browsers */
	    text-align: center; /* counter the body center */
	}
	/* holy grail 3 column settings */
	.holygrail {
	
	}
    .holygrail .colmid {
        float:left;
        width:200%;
        margin-left:-184px; 	/* Width of right column */
        position:relative;
        right:100%;
        
    }
    .holygrail .colleft {
        float:left;
        width:100%;
        margin-left:-50%;
        position:relative;
        left:424px;         	/* Left column width + right column width */
         }
    .holygrail .col1wrap {
        float:left;
	    width:50%;
	    position:relative;
	    right:240px;        	/* 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:hidden;
	    color: #a6c6e6;
		  
	}
	.holygrail .col1 P{
	  text-align: left;
	  font-size: 1.1em
	
	}
    .holygrail .col2 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:160px;        	/* Width of left column content (left column width minus left and right padding) */
        text-align: right;
        position:relative;
        right:15px;         	/* Width of the left-had side padding on the left column */
      
    }
    .holygrail .col3 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:184px;        	/* Width of right column content (right column width minus left and right padding) */
        margin-right:135px;  	/* Width of right column right-hand padding + left column left and right padding */
        position:relative;
        left:50%;

           }
	/* Footer styles */
	#footer {
        clear:both;
        float:left;
        width:100%;
		
    }
    #footer p {
        padding:10px;
        margin:0;
    }
    /* --> */