/* STYLE SHEET FOR ABALON */
<style type="text/css" media="screen"> @import "tanfa.css"; /***** General formatting only ****/
/**************** menu coding *****************/






/***************** OLD MENU *******************/
#menu {
width: 100%;
background: green;
background: #A31129 url('Images/breaker_blue.gif') repeat 3px; 
float: left;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 7em;
float: left;
}

#menu h2{
/* font:bold 11px/16px arial,helvetica,sans-serif; */
font:10px/18px arial,helvetica,sans-serif;
display:block;
text-decoration: none;
border-width:0px 1px 1px 1px;
border-style:solid;
border-color:#ccc #888 #555 #bbb;
white-space:nowrap;
margin:0;
height:16px;
padding:1px 0 1px 3px;
}

#menu a{
/* font:bold 11px/16px arial,helvetica,sans-serif; */
font:10px/18px arial,helvetica,sans-serif;
display:block;
text-decoration: none;
border-width:0px 1px 1px 1px;
border-style:solid;
border-color:#ccc #888 #555 #bbb;
white-space:nowrap;
margin:0;
height:16px;
padding:1px 0 1px 3px;
}

#menu h2{
color:#fff;
 background: #A31129 url('Images/breaker_blue.gif') repeat -3px; 
/*background:#000 url(/css/images/expand3.gif) no-repeat 100% 100%; */
/* text-transform:uppercase */
border-width:0px 1px 0px 1px;
}

#menu a {
color: #FFFFFF;
/* background: #efefef; */
background: #004A7B;
text-decoration: none;
}

#menu a:hover {
color: #a00;
background: #fff;
}

#menu li {position: relative;}

#menu ul ul {
position: absolute;
z-index: 500;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

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

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

div#menu ul ul
{display: none;}

div#menu ul ul ul li:hover ul
{display: block;}


div#menu ul ul li:hover ul
{display: block;}


div#menu ul li:hover ul
{display: block;}


#subheader
		{
		background: #A31129 url('Images/breaker_blue.gif') repeat -3px;
		color: #FFFFFF;
		 height:16px; 
		text-align:right;
		font-family: verdana,helvetica,sans-serif;
		font-size:10px
		} 




/* THE REST */

A:link 	{color: #FFFFFF; text-decoration: none;}
A:visited	{color: #A2CCCC; text-decoration: none;}
A:hover 	{color: #CCCCCC; text-decoration: underline;}

body {
	background: url('Images/reallybigbig.jpg') no-repeat bottom center;
	background-position: 0px 100px;
	width:100%;
	margin:0;
	padding:0;

}

DIV.centrebox
		{
		border: solid #A31129;
		border-width: 0px 2px 0px 2px;
		position:absolute;
		left:50%;
		top:0px;
		width:800px;
	    /* height:100%; */
		margin-left:-400px;
		/* background-color: #A31129; */
		}

DIV.contentbox
		{
		background-color: #FFFFFF;
		}
	
#footer
		{
		overflow:hidden;
		display:inline-block;
		}
	
#rightcolumn
		{
		overflow:hidden;
		display:inline-block;
		}
	
#centercolumn
		{
		overflow:hidden;
		display:inline-block;
		}
	
#leftcolumn
		{
		overflow:hidden;
		display:inline-block;
		}
	
#header
		{
		overflow:hidden;
		display:inline-block;
		}
	
/* safari and opera need this */
#footer {width:100%}

#header {width:100%}

#header
		{
		background: #A31129 url('Images/headerspacer.gif') repeat;
		 height: 183px 
		}
		
th.white
		{
		padding: -5;
		background: #A31129 url('Images/eclipse_inverted_49x19.gif') no-repeat 3px 0px;
		height:19px;
		color: #FFFFFF;
		border: solid #FFFFFF;
		}

th.right
		{
		padding: -5;
		background: #A31129 url('Images/eclipse_inverted_49x19.gif') no-repeat 3px 0px;
		height:19px;
		color: #FFFFFF;
		border: solid #FFFFFF;
		}

th.centre
		{
		padding: -5;
		background: #A31129 url('Images/eclipse_inverted_49x19.gif') no-repeat 3px 0px;
		height:19px;
		color: #FFFFFF;
		border: solid #FFFFFF;
		}

table.threetable th.left
		{
		padding: -5;
		background: #A31129 url('Images/eclipse_inverted_49x19.gif') no-repeat 3px 0px;
		height:19px;
		color: #FFFFFF;
		border: solid #FFFFFF;
		}

th.right
		{
		width: 25%
		}
		
table.threetable th.left
		{
		width: 25%
		}
		
table.noborders td.right {
				text-align: center;
				width: 50%;
				border: #FFFFFF;
				border-width:  0px 0px 0px 0px;
				font-size: 13px}		
		
table.threetable th.left 	{	border: #A31129;
								border-width: 1px 1px 1px 1px;
								font-size: 10px
							}


table.threetable th.centre	{	border: #A31129;
								border-width: 1px 1px 1px 1px;
								font-size: 10px;
								width: 80%
							}
								
table.threetable th.right 	{
								border: #A31129;
								border-width: 1px 1px 1px 1px;
								font-size: 10px
							}
							
table.threetable th.white 	{
								border: #A31129;
								border-width: 1px 1px 1px 1px;
								background: #A31129 url('');
								font-size: 10px
							}
	
#subheader
		{
		background: #A31129 url('Images/breaker_blue.gif') repeat -3px;
		color: #FFFFFF;
		/* height:55px; */
		text-align:right;
		font-family: verdana,helvetica,sans-serif;
		font-size:10px
		}

.standard
		{
		font-size: 11px;
		line-height:160%;
		}
		
table.threetable
		{
		float:left;
		font-family: verdana,helvetica,sans-serif;
		font-size: 11px;
		letter-spacing: 0.5px;
		line-height:160%;
		margin:0px 0px auto;
		text-align:left;
		border:px solid #A31129
		}
								
table.threetable td	
		{border-right:0px solid #A31129;
		}
		
table.threetable td.right		{
									border-right:0px solid #A31129;
									letter-spacing: 0.5px;
									}

table
		{
		border: 0px;
		font-size: 14px;
		}
		
table.subfooter
		{
		color: #ffffff;
		font-size: 10px
		;
		}
#footer
		{
		clear:left;
		color: #ffffff;
		background: url('Images/leftfooterplain.gif') repeat;
		font-family: verdana,helvetica,sans-serif;
		font-size: 11px;
		text-align:right;
		height: 143px
		}
		
#subfooter
		{
		width:100%;
		text-align:right;
		background: #A31129;
		font-family: verdana,helvetica,sans-serif;
		font-size: 11px;
		}
		
.ABREDsmall		
		{
		 font-weight: bold; 
		font-style: italic;
		color:#A31129;
		font-size:10px
		}
		
.ABBLUE
		{
		font-family: Gill Sans MT;
		font-weight: bold;
		color: #004a7b
		}


.indent {
	margin-left: 40px;
}



h1		{  /*                            BLUE BIG HEADING 						*/
		font-size: 16px;
		color: #004a7b;
		font-family: Gill Sand MT;
		font-weight: bold;
		}

h3		  /*							RED BIG HEADING							*/
		{
		margin: 0 0 0 0;
		font-size:12px;
		color: #A31129;
		/* font-family: Gill Sand MT; */
		font-weight: bold;
		}

h2		{ /*																	*/
		margin: 0px 0px 0px 15px;
		font-size: 10px;
		color: #ffffff;
		font-weight: bold;
		}

strong
		{
		font-family: Gill Sans MT;
		font-weight: bold;
		color: #004a7b
		}

em   {color: #A31129;
	  font-weight:bold;
		}
			
.ABRED
		{
		font-size:14px;
		font-family: Gill Sans MT;
		font-weight: bold;
		color: #A31129
		}


	
.BLURB
		{
		 padding:7px; 
		background-color: #ffffff;
		}		
		
.BLURB A:link {text-decoration: none; color: #A31129;}
.BLURB A:visited {text-decoration: none; color: #A31129;}
.BLURB A:active {text-decoration: none; color: #A31129;}
.BLURB A:hover {text-decoration: underline; color: #A31129;}
		
.standard A:link {text-decoration: none; color: #A31129;}
.standard A:visited {text-decoration: none; color: #A31129;}
.standard A:active {text-decoration: none; color: #A31129;}
.standard A:hover {text-decoration: underline; color: #A31129;}

		
								/* FORM FORMATTING*/	
#form
		{
		margin:0;
		padding:0;
		font-size:10px
		}

input
		{
		color: #A31129;
		background: #FFFFFF;
		border: 1px solid #781351;
		height: 15px;
		font-size:9px
		}

input.button
		{
		font-family: arial;
		font-size:9px;
		height: 15px;
		width:22px;
		margin-left:-3px
		}
		
input.searchfield
		{
		font-family: arial;
		font-size:9px;
		height: 15px;
		width:85px;
		}
.abbluestnd {
	color: #00497B;
}
.abredstnd {
	color: #A51029;
}
.abredstndbold {
	color: #A51029;
	font-weight: bold;
}

/* NEW MENU CODE */

        #nav, #nav ul { /* all lists */
        padding: 0;
        margin: 0;
        list-style: none;
        line-height: 1;
        }

        #nav a {
        padding-left:5px;
        font:10px/18px arial,helvetica,sans-serif;
        background: #004A7B;
        colour: #FFFFFF;
        display: block;
        text-decoration:none;
        }


        #nav a:link {
        color: #ffffff;
        text-decoration: none;
        }

        #nav a:visited {
        color: #ffffff; text-decoration: none;
        }

        #nav a:hover {
        color: #a00;
        background: #fff;
        }

        #nav li { /* all list items */
        float: left;
        }

        #nav li ul { /* second-level lists */
        position: absolute;
        background: #004A7B;
        left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
        }

        #nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
        left: auto;
        }