body {
	font-family:Arial,Verdana,Tahoma,sans-serif;
	font-size:12px;
	color:#0a2245;  /* dark grey */
	margin: 0;
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #mainpage selector */
    background-image:url('dmndbg.gif');
	background-color:#5b5b5b;   /* dark grey */
}

h1 
{
    color: #00209f;     /* blue */
    font-size: 18px;
}

h2
{
    color: #00209f;     /* blue */
    font-size: 16px;
}

h3
{
    color: #00209f;     /* blue */
    font-size: 14px;
}

iframe { border:0px; 
         height:820px;
}

/* #gradientband is the container for the grey gradient which appears behind the menu and main content */
#gradientband 
{
    height:296px;
    position:absolute;
    top:115px;
    left:0px;
    width:100%;
    background-image:url('gradbg.jpg');
    background-repeat:repeat-x;
    border:1px solid white;
    border-width: 1px 0px 1px 0px;
    z-index:-100;
	text-align: left; /* this overrides the text-align: center on the body element. */
}

/* #mainpage is the container for the whole page. It is centered, and a fixed width */
#mainpage 
{
	width:775px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
} 

/* #header contains the branch navigation, logo and main menu */
#header 
{
    /*position:absolute;
    top:0px;*/
    height:115px;
	width:775px;
	margin:0;
	padding:0;
    border-right:1px solid white;
    border-left:1px solid white;
    border-bottom:1px solid white;
}

/* #content is the container for all the rest of the page content */
#content 
{
    /*position:absolute;
    top:180px;*/
	width:775px;
	margin:0;
	padding:0;
	background-color:white;
    border-right:1px solid white;
    border-left:1px solid white;
	color:#0a2245;  /* dark grey */
}

#footer 
{
    background-color: #0a2245;  /* dark blue */
    color: #828282; /* grey */
    font: Arial 11px;
    padding: 10px;
    text-align:center;
}
#branchnav
{
    color: white;
    text-align: center;
    padding:10px;
}

#branchnav .line 
{
    font: Arial bold 14px;
	color:#d01033;     /* red */
    margin: 0px 9px 0px 9px;
}

#branchnav a 
{
    color: white;
    font: Arial 11px;
    text-decoration:none;
}

#mainlogo 
{
    background-color: White;
    height:80px;
}

a
{
	color:#d01033;     /* red */
}
#menu
{
    /*position:absolute;
    top:115px;*/
    width:775px;
    z-index:100;
    border:1px solid white;
    border-width: 0px 1px 1px 1px;
	margin:0;
	padding:0;
	/*overflow:hidden;*/
    background-image:url('menubg.gif');
	background-color:#021a39;   /* dark navy */
	font-size:12px;
}
#menu a
{
	color:White;
	display:block;
	padding:2px;
}
.menutable
{
    height:52px;
    width:100%;
}
.mainMenuItem
{
    padding: 5px;
    border-right: 1px solid #434343;
	z-index:100;
}
.menuHover
{
	background-color:lightslategray;
	color:White;
}
.menuHover a
{
	color:White;
}
.subMenu
{
	border-left:solid 3px lightslategray;
}
.subMenuItem
{
	background-color:#021a39;   /* dark navy */
	color:White;
	padding: 2px 5px 2px 5px;
}
.breadcrumb
{
	margin-top:10px;
	display:block;
	font-size:.8em;
}

.latestnews 
{
	background-color:#5b5b5b;   /* dark grey */
	color: White;
	padding: 25px;
}

.latestnews a 
{
    color: #9fa0a3;     /* light grey */
}

.pic 
{
    border: 1px solid #0a2245;  /* dark grey */
}