/**
 * Leigh's customised changes below here
 */

.am-layout a { color: green; }
.am-layout a:hover{ color: red; }



.am-main {
    padding-left: 20px;
    padding-right: 20px;
    width:700px;
    display: inline-block;
    text-align: left;
}

.am-layout {
    background: #DFE6EF;
}


.am-body {
    background: #DFE6EF;
    text-align: center;
}



.am-header  {
    background: none;
}

.am-header-content  {
    height:130px;
}

.am-header .am-header-content-wrapper {
    background: none;
	padding: 0;
	border: 0;
	margin-top: -12px;
}
.am-header-line {
    height: 1px;
    background: #9c9c9c;
    border-top: 1px solid #bdbdbd;
    border-bottom: 1px solid #ebebeb;
	width: 700px;
	margin: auto;
}

.am-footer .am-footer-content-wrapper {
  background: none;
}

/*   NFB header  */
#nfb-header {
	height: 140px; 
}

#nfb-h1 {
	text-align: center; 
	font-size: 1.4em; 
	color: white; 
	padding: 15px 0 0px;
}

#nfb-h2 {
	text-align: center; 
	font-size: 2.3em; 
	padding: 10px 0 20px;
}


#troubleshooting {
	text-align:center; 
	font-size: 1.1em;
}
/* --------------------------Return to Public or Members Site buttons added by Leigh----------------*/

#nav-menu ul
{
position: relative;
list-style: none;
padding: 0;
margin: 0;
margin-left: 155px;
width: 500px;
}

#nav-menu li
{
float: left;
}

#nav-menu li a
{
	display: block;
	line-height: 1.8em;
    color: white;
    background-color: #0066CC;
    font-family: verdana;
    font-weight: bold;
    text-decoration: none;
	padding-left: 12px;
	padding-right: 12px;
	font-size: 1em;
	border-radius: 14px;
	margin: 0 10px 0 10px;
	border: none;
	box-shadow: 1px 1px 3px #000;
	padding-bottom: 1px;
}

#nav-menu  li a:hover, li a:active {
   color: red;
   background-color: #9FDFFF;
}

/* -------------------------CSS for 'Which System' customisations----------------*/
/* background colours */
.redbg {
	background: red;	
}

.greenbg{
	background: green;	
}

.lightbluebg {
	background: #0066CC;	
}

.darkbluebg {
	background: #003399;	
}

.orangebg {
	background: #E46C0A;	
}

.floatleft {
	float: left;
}

.floatright {
	float: right;
}

.clearthefloats {clear:both}

.pictextright {
	margin: 0 10px 0 0;
}
.centertext {
	text-align:center;
}

.column {
   width : 250px;
   margin-left: 15px;
   margin-right: 15px;
   float : left;
}
.shadowbox{
	
padding-left: 12px;
padding-right: 12px;
padding-top: 2px;
border-radius: 10px;
box-shadow: 7px 7px 11px #818181;
}


/*   Contenter boxes header and content classes*/
.boxhead {
	font-weight: bold;
	color: white;
	margin-left: auto;
    margin-right: auto;
	margin-top: 1px;
	margin-bottom: 4px;
	text-align:center;
}

/* This is to create the 'bottom border' or the shadow box without having to define it's height.  Content fills the shadowbox and the foot is added. */
/* Without this we have to specify the shadowbox height each time. */
.boxfoot {
	height: 13px;
}

.boxcontent {
	margin-left: auto;
    margin-right: auto;
	text-align:left;
	background-color:white;
	padding: 7px;
}

.whichsys {
	border-collapse:collapse;
	margin:auto;
	margin-top: 3px;
}


.whichsys td {
	background-color:#EFEFEF;
	border: solid 1px black;
	padding: 4px;
	padding-right: 10px;
	width: 110px;  
}