/* CSS Document */
    /* <!-- */
    /* General styles */
    body {
		text-align:center;
        margin:0;
        padding:0;
        border:0;			/* This removes the border around the viewport in old versions of IE */
        width:100%;
        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 */
    	}
	a {
	font-family:Arial, Helvetica, sans-serif;
	color:#003366;
	text-decoration:none; 
	}
	a:hover {
		text-decoration:none;
	}
	td a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:red;
	text-decoration:none; 
	}
	.blank1{
		position:absolute;
	}
	.blank1:hover {
		background:#fff;
	}
	.blank {
		display:block;
		margin-top:10px;
		background:#fff;
	}
	.blank:hover {
		background:#fff;
	}
	.grey{
		background:#eee;
    }
	
	.maingrey { background:#eee;font-family:Arial, Helvetica, sans-serif;font-size:14px; Margin:0px 25px 0 25px; padding:5px 0 5px 0; border:1px solid #036;
	}
	li{Margin:6px 6px 0px 6px;}

	.left {text-align:left;}
	.ten {Margin:0px 20px 0px 20px;}
	
    h1 {font-family:Arial, Helvetica, sans-serif;font-size:14px; Margin:6px 10px 6px 10px; padding:4px 0 4px 0;}
 	span.c21 {font-family:Arial, Helvetica, sans-serif; color:#c00; font-size:14px;Margin:5px 0px 6px 0px;}
 	span.c21:hover {text-decoration:underline;}
	
	
    h2 {font-family:Arial, Helvetica, sans-serif; font-size:12px;  Margin:6px 10px 6px 10px;}
 	span.c22 {font-family:Arial, Helvetica, sans-serif;  color:#c00; font-size:12px;Margin:0px 0px 0px 0px;}
 	span.c22:hover {text-decoration:underline;}
	
    h3 {font-family:Arial, Helvetica, sans-serif; font-size:11px;  Margin:6px 10px 6px 10px;}
 	span.c23 {font-family:Arial, Helvetica, sans-serif;  color:#c00; font-size:11px;Margin:0px 0px 0px 0px;}
 	span.c23:hover {text-decoration:underline;}
	
	p.left {text-align:left; font-family:Arial, Helvetica, sans-serif;font-weight:bold; font-size:12px;Margin:5px 10px 5px 10px;}
	p.center {text-align:center; font-size: 12px;Margin:5px 10px 5px 10px;}
	p.centersmall {text-align:center; font-size: 10px;Margin:5px 10px 5px 10px;}
	p.centernormal {text-align:center; font-family:Arial, Helvetica, sans-serif;font-size: 10px;Margin:5px 10px 5px 10px;}
	p.leftnormal {text-align:left; font-family:Arial, Helvetica, sans-serif;font-size: 12px;Margin:0px 10px 6px 10px;}
	p.just {text-align:justify; font-family:Arial, Helvetica, sans-serif;font-size: 12px;Margin:0px 15px 6px 15px;}
	
	a.link{color:#063;font-family:Arial, Helvetica, sans-serif;font-size: 20px;Margin:5px 10px 5px 10px;}
	a.link:hover{color:#fff; background-color:#063;}
	
    .h1{
		margin:.1em 0 .1em 0;
        padding:.1em 0 .1em 0;
    }
	li{
	    list-style:none;
	}
		
    p {
        margin:.4em 0 .2em 0;
        padding:0;
    }
	
	img {
		margin:0 0 0 0px;
	}
	
	.image {border:1px solid black;}
		
	/* Header styles */
    #header {
        clear:both;
        float:left;
        width:100%;
		border-bottom:0px solid #036; /* add line height if requires above main page */
		Margin-bottom:20px;
    }
	#header p,
	#header h1,
	#header h2 {
	    padding:0;
        margin:0;
	}
	/* 'widths' sub menu */
	#layoutdims {
		clear:both;
		background:#fff;
		padding:5px 5px !important;
		text-align:left;
	}
	/* 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 */
		border-left:0px solid #036;
	}
	/* 2 column left menu settings */
	.leftmenu {
		text-align:center;
	    background:#fff;
	}
    .leftmenu .colright {
        float:left;
        width:225%; /* to change the width of the main page */
		position:relative;
		left:134px;
        background:#fff;
    }
    .leftmenu .col1wrap {
	    float:right;
	    width:50%;
	    position:relative;
	    right:215px;  /* to change the left position of the main page */
	    padding-bottom:0px;
	}
	.leftmenu .col1 {
        margin:0 20px 7px 87px; /* Change 2nd one for right hand margin of main page */
		text-align:center; /* Change this to center for centering main page */
	    position:relative;
		border:0px solid #036;
	    right:100%;
	    overflow:hidden;
	}
    .leftmenu .col2 {
        float:left;
        width:124px;
        position:relative;
        right:128px;
		border-top:5px solid #eee;
		margin-top:0px;
    }
	/* Footer styles */
	#footer {
        clear:both;
        float:left;
        width:100%;
		border-top:1px solid #036;
    }
    #footer a {
		line-height:50%;
        padding:0px;
        margin-top:0px;
    }
	#fixed { 			/* To give fixed center layout */
  		margin:0 auto;
   		width:790px;   /* you can use px, em or % */
   		text-align:left;
	}
	
 span.c3 {font-family:Arial, Helvetica, sans-serif; font-size:11px;}
 span.c2 {color:#C00; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
 span.c1 {border:none; background:#fff;}
 span.c4 {color:#360; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
 
 span.c7 {float:left; width:155px; font-family:Arial, Helvetica, sans-serif;font-size:20px;font-weight:bold; color:#CC3300;
 			border:0; margin:10px 0px 0 55px;padding:0px 0px 0px 2px;cursor:default;}
 
 span.c8 {float:left; width:80px; font-family:Arial, Helvetica, sans-serif;line-height:15px;font-size:10px;font-weight:bold; color:#CC3300;text-align:center;
 			border:0; margin:4px 0px 0 80px;padding:0px;}

 span.c13 {font-family:Arial, Helvetica, sans-serif; font-size:10px; margin-left:300px; line-height:30px;}
   
 .boxgrey {border:1px solid #d6d6d6;
 		background:#eee;
		margin:20px 8px 15px 8px;
		border-radius:8px; /* border-radius not yet validated in CSS3 */
 		box-shadow:4px 4px 6px #818181;
		}
 .boxgreynb {border:0px solid #036; background:#eee; margin:0 25px 0 24px;}
 .boxwhite {border:1px solid #036; background:#fff; margin:0 25px 0 24px;}
 
 table {border-collapse:collapse;border:0px solid #036}
 .border {border-collapse:collapse;border:1px solid #000}
 

	#letterhead {width:980px;
   	margin-top:0px;
  	margin-left:auto;
	margin-right:auto;
    text-align:center;
	}	
.range {font-family:verdana;font-size:10px;font-weight:bold;color:#036;line-height:20px;text-decoration:none;margin:0;padding:1px;}
.range:hover{color:#fff; background-color:#036;}

#page {background:url('WebPageStuff/sides_bar1.gif') repeat-y center;}

/* Stuff for centered lists */
	.listodd {background:#eee;color: #000;font-size: 18px;padding:0px 30px 0px 30px;line-height: 30px;}
	.listodd:hover {background:#eee;color: red;}
	
	.listeven {background:#fff;color: #000;font-size: 18px;padding:0px 30px 0px 30px;line-height: 30px;}
	.listeven:hover {background:#fff;color: red;}
	
	.item {margin-left:-40px;}
/* End ofStuff for centered lists */

	.discl{list-style:disc;font-family:Arial, Helvetica, sans-serif; font-size:12px;text-align:left;}
	.disc{list-style:disc;font-family:Arial, Helvetica, sans-serif; font-size:12px;text-align:left;margin-left:200px;}
	.square{list-style:square;text-align:left;}
	.circle{list-style:circle;text-align:left;}
	.none{list-style:none;text-align:left;text-align:left;margin-left:200px;}
	
	.pagebreak {page-break-after:always}