/* CSS Document */

	/*div {
		border: 1px solid #FFCC99;
		}*/
		
	body {
		margin: 0 auto;
		padding: 1px;
		width: 980px;
		line-height: 1.5;
		font-family: Arial, Helvetica, sans-serif;
		font-size: .7em;
		background-image: url(../images/bg_2.gif);
		background-position: center top;
		background-repeat: no-repeat;
		background-color: #FFFFFF;
		}

	#container {
		margin: 1px;
		padding: 0 30px;
		}
	
	#masthead {
		margin: 0 0 15px 0;
		padding: 0;
		}
		
	#header {
		margin: 0 0 15px 0;
		padding: 0;
		height: 20px;
		}
	
	#logo{
		margin: 0 auto;
		padding: 0;
		width: 200px;
		float: left;
		}
		
	#headerbox {
		margin: 0;
		padding: 5px 10px;
		background-color: #A3011A;
		color: #FFFFFF;
		font-family:Georgia, "Times New Roman", Times, serif;
		float: right;
		}
		
	#menu {
		margin: 0 0 15px 0;
		padding: 0;
		height: 2em;
		line-height: normal;
		font-size: 90%;
		font-family: Georgia, "Times New Roman", Times, serif;
		}
		
	#content {
		margin: 0 0 15px 0;
		padding: 0;
		}
	
	.colone {
		margin: 0 15px 0 0;
		padding: 0;
		float: left;
		width: 212px;
		}
	
	.coltwo {
		margin: 0;
		padding: 0;
		float: left;
		width: 212px;
		}
	
	#colthree {
		margin: 0;
		padding: 0;
		float: left;
		width: 440px;
		}
	
	#main {
		margin: 0 30px 0 0;
		padding: 0;
		float: left;
		width: 442px;
		}
		
	#footer {
		margin: 0;
		padding: 0;
		clear: both;
		font-size: 85%
		}

/*layout classes*/
	.spacer {
		clear: both;
		}
		
	.left {
		float: left;
		margin: 0;
		padding: 0;
		}
		
	.right{
		float: right;
		margin: 0;
		padding: 0;
		}	
		
	body.popup {
		width: auto;
		padding: 0 10px;
		background-color: #FFFFFF;
		}
/* special classes */

	#pophead {
		margin: 0 0 10px 0;
		padding: 30px 10px 10px 10px;
		text-align: center;
		}
		
	#pomain {
		margin: 0 17px 0 0;
		padding: 0;
		width: 580px;
		float: left;
		}	
		
	.redbox {
		margin: 0;
		padding: 8px 15px;
		height: 12em;
		background-color: #A3011A;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-weight: normal; 
		font-size: 90%;
		color: #FFFFFF;
	
		}
		
	.greybox {
		margin: 0 0 15px 0;
		padding: 17px;
		background-color: #666666;
		background-image: url(../images/grey-tile.jpg);
		background-position: top left;
		background-repeat: repeat-y;
		/*border: 1px solid #FFFFFF;*/
		font-family: Georgia, "Times New Roman", Times, serif;
		font-weight: normal; 
		color: #FFFFFF;
		}
/* headers */
	
	h1, #pophead h1 {
		font-size: 170%;
		font-family: Georgia, "Times New Roman", Times, serif;
		color: #A3011A;
		
		}
			
	h2 {
		font-size: 150%;
		font-family: Georgia, "Times New Roman", Times, serif;
		color: #A3011A;
		}

	h3 {
		font-size: 110%;
		}

	h4 {
		font-size: 100%;
		color: #A3011A
		}
		
/* paragraphs */

	p	{
		}

/* custom headers */
	
	.redbox h1, .redbox h2, .redbox h4 {
		margin: 0;
		padding: 0;
		color: #fff;
		}
	
	.redbox h2 {
		font-weight: normal;
		}
		
	.redbox h1 {
		font-size: 210%;
		}
		
/* custom paragraphs */
	#headerbox p {
		margin: 0;
		padding: 0;
		}

/* navigation */ 
		
	/* THE MENU */

	#menu ul { /* remove bullets and list indents */
		margin: 0;
		padding: 0;
		list-style: none;
		text-align: left;
	}
	
	#menu li {
		margin: 0;
		padding: 0;
		float:left;
		}

	#menu li ul li{ /* the drop down list items */
		margin: 0;
		padding: 0;
		clear: both;
		display: block;
		float: none;
		}

	/* style, color and size links and headings to suit */

	#menu a {
		margin:0;
		padding: 0.2em 7px 0.4em 6px;
		text-decoration: none;
		background-color: #CCCCCC;
		color: #000000;
		width: auto;
		height: 1.5em;
		float: left;
		border-right: 1px #FFFFFF solid;
	}
	
	#menu a:hover {
		margin:0;
		padding: 0.2em 7px 0.4em 6px;
		width: auto;
		height: 1.5em;
		background-color: #666666;
		color: #FFFFFF;
	}

	#menu a.drop {
		margin:0;
		padding: 0.2em 7px 0.4em 6px;
		width: auto;
		text-decoration: none;
		float: left;
	}

	#menu li ul li a { /* the drop down link items */
		margin: 0;
		padding: 0.2em 7px 0.4em 6px;
		background-color: #cccccc;
		width: 11.5em;
		border: 0;
		display: block;
		clear: both;
		float: none;
		height: auto;
	}

	#menu li ul li a:hover {
		margin: 0;
		padding: 0.2em 7px 0.4em 6px;
		background-image: none;
		background-color:#666666;
		color: #FFFFFF;
		width: 11.5em;
		display: block;
		clear: both;
		float: none;
		height: auto;
	}

/* stage two making the pop outs */

	#menu li {
		position: relative; /* make the list elements a containing block for the nested lists */
	} 

	#menu ul ul ul, #menu ul ul ul.current {
		padding:0;
		margin:0;
		position: absolute;
		top: 2.24em;
		left: 0; /* to position them to the right of their containing block */
		width: 100%;		 /* width is based on the containing block */	
		border: none;
		z-index:2;
	}

	/* stage three hiding and revealing */

	div#menu ul ul ul,
	div#menu ul ul li:hover ul ul {
		display: none;
		}

	div#menu ul ul li:hover ul,
	div#menu ul ul ul li:hover ul {
		margin: 0;
		padding: 0;
		border: none;
		width: auto;
		display: block;
	}
	
	
	#menu ul li a.current {
		margin:0;
		padding: 0.2em 7px 0.4em 6px;
		width: auto;
		color: #FFFFFF;
		background-color: #A3011A;
		}
	
	#menu ul li a:hover.current {
		margin:0;
		padding: 0.2em 7px 0.4em 6px;
		width: auto;
		color: #FFFFFF;
		background-color: #A3011A;
		}
/*lists*/

	ul {
		margin: 10px 0 10px 0;
		padding: 0;
		list-style: disc;
	}
		
	li {
		margin: 0 0 0 20px;
		padding: 0 0 0 5px;
		line-height: 175%;
	 }
		
/*custom lists*/

/* forms */

	input, textarea {
		width: 400px;
		border: 1px #666666 solid;
		background-color: #FFF;
		color: #000;
	}
	
	input.normal {
		width: auto;
		background-color: none;
		border: none;
	}
	
	input.submit {
		border: 1px #666666 solid;
		font-weight: bold;
	}
	
	fieldset {
		margin: 0 0 0 20px;
		padding: 10px;
	
	}
	
	legend {
		padding: 4px 8px;
		color: #ffffff;
		background-color: #A3011A;
		font-weight: bold;
	}
	
	label {
		padding: 3px 10px 0 0;
		font-weight: bold;
		display: block;
	}
	
/* Standard Links*/

	a { 
		color: #A3011A;
		font-weight: bold;
		
		text-decoration:none;
	}
	
	a:hover { 
		color: #666666;
		font-weight: bold;
		text-decoration: none;
	}

/*custom links*/
	
	.redbox a, .greybox a {
		color: #FFFFFF;
		text-decoration: none;
		}
		
	 .redbox h2 a {
	
		font-size: 130%;
	}
	
	.redbox a:hover, .greybox a:hover {
		color: #000000;
		text-decoration: none;
		}
/* tables */
	
	table {
		margin: 0 0 15px 0;
		padding:0;
		border-collapse: collapse;
		}
	
	td {
		padding: 5px;		
		vertical-align: top;
		border-bottom: 1px solid #ccc;
	}

/* forms */


/* standard small bits */

	img {
		border: 0;
	}

	.imgleft{
		border: 0;
		float: left;
	}
	
	.border {
		border: 1px solid #666666;
	}
	
	.imgright {
		margin: 0;
		border: 0;
		float: right;
	}
	
	a img {
		border: 0;
	}	
	
/*print */

	.display-img-print {
		display:none;	
	}
	
	#printfooter {
		display:none;
	}
	
	#printfooternobreak {
		display:none;
	}	
	
/*font */	

	.italic {
		font-style: italic;
	}	
	
	.bold {
		font-weight: bold;
	}
	
	.red {
		color: #A3011A;
		}