body {
	font-family: Arial, Helvetica, sans-serif;
	background-color:#F1E0BC;
	 text-align: center;
	  margin: 1em 1em 1em 1em;  
	  }
	  
/*-----------------------------------------------------------------
Container
-------------------------------------------------------------------*/

#container {
			background-color: #ffffff;
			margin-left: auto;
			margin-right: auto;
			width: 800px;
			text-align:left;
			
			}
			
/* ----------------------------------------------------------------
Header section for AGHR
------------------------------------------------------------------*/

#header {
		position: relative;
		background: #ffffff;
		height: 160px;
		}
		
#logo {
    position:absolute;
	top:8px;
	left:1.5em;
	height:74px;
	width:300px;
	background: url("images/logo.gif") no-repeat top left;
	}
	
#slogan {
	position:absolute;
	top:35px;
	left:280px;
	background: url("images/slogan.jpg
	") no-repeat top left;
	width:350px;
	margin:0;
	padding:0;
	height: 43px;
     }


#title {
	position: absolute;
	top: 38px;
	left: 655px;
	background: url("images/mafca.jpg") no-repeat top left;
	height:55px;
	width: 83px;
	margin: 0;
	padding: 0;
		}
/* -------------------------------------------------------------------------
 Top navigation
 ------------------------------------------------------------------------ */	
#topnav {
	text-align:right;
	white-space:nowrap;
	margin: 4px 0px 1em 8px;
	padding: 0 1em 0  0;
	/*color: #800000;*/
	background: #ffffff;
	font: 10px verdana, arial, helvetica, sans-serif;
	}
	
#topnav a {
		color:#800000;
		text-decoration:none;
		}
		
#topnav a:hover, #topnav strong a {
		color:#004080;
		font-weight:bold;
		text-decoration:none;
		}
		
/* -------------------------------------------------------------------------
 Main site navigation
 ------------------------------------------------------------------------ */
#nav {
	position: absolute;
	top: 51px;
	left: 65px;
	width: 700px;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	list-style-type: none;
}
#nav ul {
	margin: 0;
	padding: 0;
}
#nav li {
	float: left;
	margin: 0;
	padding: 0 0 2px 6px;
	line-height: 20px;
	white-space: nowrap;
	background: url("images/tabs/nav-tan-tab-left.gif") no-repeat left top;
}
#nav a {
	float: left;
	display: block;
	color: #ffffff;
	font-weight: bold;
	margin: 0;
	line-height: 12px;
	padding: 3px 5px 3px 1px;
	text-decoration: none;
	background: url("images/tabs/nav-tan-tab-right.gif") no-repeat right top;
}

/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#nav a {float:none;}
/* End IE5-Mac hack */

#nav a:link, #nav a:visited {
	color: #004080;
	text-decoration: none;
}
#nav a:hover {
	color: #800000;
	text-decoration: underline;
}
#nav #current {
	background:   url("images/tabs/nav-tab-left-current.gif") no-repeat left top;
}
#nav #current a {
	color: #ffffff;
	background: url("images/tabs/nav-tab-right-current.gif") no-repeat right top;
}

/* -------------------------------------------------------------------------
 SubTab navigation - this contains subject area navigation located horizontally
 across top of web page immediately below the tabs
 ------------------------------------------------------------------------ */
#subtabs-container {
	position: absolute;
	top: 131px;
	width: 100%;
	height: 30px;
	margin: 0 1em 0 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	background: url("images/tabs/nav-blue-bkground.gif") repeat-x bottom;
	left: 1px;
}
#subtabs {
	position: relative;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	background: none;
	color: #800000;
	padding: 5px 7px 7px 12px;
	width: 750px;
}
#subtabs ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#subtabs li {
	float: left;
	padding: 4px 6px 4px 20px;
	white-space: nowrap;
	background:   url("images/tabs/nav-tan-bullet-bkground.gif") no-repeat left top;
}
#subtabs a:link, #subtabs a:visited {
	color: #80000;
	text-decoration: none;
}
#subtabs a:hover {
	color: #900028;
	background: #ede3b8;
	text-decoration: underline;
}
#subtabs #current {
	color: #000000;
	text-decoration: none;
}

/*------------------------------------------------------------------------
Main body
--------------------------------------------------------------------------*/
#main {
	position: relative;
	background-color:#FFFFFF;
	margin: 0;
	padding:0px 5px 5px 5px;
		}

/* --------------------------------------------------------------------------
   Left Menu Block
   --------------------------------------------------------------------------*/
#menu {
	float: left;
	background: #F1E0BC;
	margin: 2em 0 0 1em;
	padding: 3px 1px 3px 1px;
	width: 140px;
	height: 400px;
	border: solid 1px #004080;
	}
#menu a ul {
	margin: 0;
	padding: 0;
}
#menu li {
	float: left;
	margin: 0;
	padding: 1px 0 3px 0px;
	line-height: 12px;
	white-space: nowrap;
	list-style-type: none;
}

#menu a {
	float: left;
	display: block;
	color: #004080;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	margin: 0;
	line-height: 8px;
	padding: 1px 1px 3px 0px;
	text-decoration: none;
	list-style-type: none;
}

/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#menu a {float:none;}
#menu li {float: none}
/* End IE5-Mac hack */

#menu a:link, #menu a:visited {
	color: #004080;
	text-decoration: none;
}
#menu a:hover {
	color: #800000;
	text-decoration: underline;
	}

/*--------------------------------------------------------------------------
Quicklink box
----------------------------------------------------------------------------*/
#box-container {
		position: absolute;
		/*right: 3em;*/
		left: 80%;
	  	margin: 2em 0 0 0;
		padding: 0;
		width: 155px;
		height: auto;
		background: #ffffff;
		/*border: solid 1px #0ff;*/
		}

/* Hides from IE5-Mac\*/
* html #box-container {left: 60%;}
/* End hide from IE5-Mac*/

#boxtop {
		 background: url("images/top-box-left-blue.gif") no-repeat left top;
		 padding: 0 0 0 7px;
		}

#boxtopR {
	 background: url("images/top-box-right-blue.gif") no-repeat right top;
	 color: #ffffff;
	 padding: 0 0 0 6px;
	 font-family: Arial, Helvetica, sans-serif;
	 font-weight: bold;
	 font-size: 10px;
	 line-height: 20px;
		}
/* Hides from IE5-Mac\*/
* html #boxtop {height: 1%;}
/* End hide from IE5-Mac*/
#box {
	  position: relative;
	  margin: 0 0 0 0;
	  padding: 0 0px 0 1px;
	  height: auto;
	  color: #004080;
	  font-family: Arial, Helvetica, sans-serif;
	  font-weight: bold;
	  font-size: 10px;
	  background: #F1E0BC;
	  list-style-type: none; 
	  border: solid 1px #004080; 
	  }
	  
#box a ul {
	margin: 0;
	padding: 0;
}
#box li {
	float: left;
	margin: 0;
	padding: 1px 0 3px 2px;
	line-height: 12px;
	white-space: nowrap;
}

#box a {
	float: left;
	display: block;
	color: #004080;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	margin: 0;
	line-height: 8px;
	padding: 1px 1px 3px 1px;
	text-decoration: none;
}

/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#box a {float:none;}
#box li {float:none;}
/* End IE5-Mac hack */

#box a:link, #box a:visited {
	color: #004080;
	text-decoration: none;
}
#box a:hover {
	color: #800000;
	text-decoration: underline;
	}



/*--------------------------------------------------------------------------
Footer Section
----------------------------------------------------------------------------*/
#footer  {
	/*clear: both;*/
	position: relative;
	Text-align: center;
	height: 25px;
	line-height: 8px;
	font-size: 10px;
	color: #004080;
	font-weight:normal;
	background: url("images/footer-tan-bkground.gif");
		}
		
#footer a:link, #footer a:visited {
		color: #004080;
		text-decoration: none;
		}
		
#footer a:hover {
	color: #800000;
	text-decoration: underline;
}

/* -------------------------------------------------------------------------
 crumbs 
 ------------------------------------------------------------------------ */
#crumb-container {
	position: absolute;
	top: 140px;
	left: 0;
	width: 74%;
	height: 20px;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	/*z-index: 39;*/
}
.crumb-links {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #666666;
	padding: 10px 0 0 0;
	margin: 0 0 0 165px;
	background-color: #ffffff;
}
.crumb-links p {
	padding: 0;
	margin: 0;
}
.crumb-links a:link, .crumb-links a:visited {
	color: #666666;
	text-decoration: underline;
}
.crumb-links a:hover {
	color: #003399;
	background: #ede3b8;
	text-decoration: underline;}
	
#mid H3 {
	font-size: 7m;
	font-weight: bold;
	color:#800000;
	}
#left li {
	margin: 0;
	padding: 1px 0 3px 2px;
	font-size:.9em;
	
}
#left a:link, #left a:visited {
	color: #004080;
	text-decoration: none;
	
}

#left a:hover {
	color: #800000;
	text-decoration: underline;
	
	}

#left {
	font-size:medium;
	margin: 2px;
	padding: 3px 1px 3px 2px;
	vertical-align:top
	}

#left H3 {
	font-size: 7m;
	font-weight: bold;
	color:#800000;
	}

#left H4 {
	font-size: 4m;
	font-weight: bold;
	color:#800000;
	}
	
#left h5 {
	font-size: 4m;
	font-weight: bold;
	}
	
#right li {
	margin: 0;
	padding: 1px 0 3px 2px;
	
}

#right a:link, #left a:visited {
	color: #004080;
	text-decoration: none;
	
}

#right a:hover {
	color: #800000;
	text-decoration: underline;
	
	}
#right {
	font-size:medium;
	margin: 2px;
	padding: 3px 1px 3px 2px;
	vertical-align:top	
	}
	
#right H4 {
	font-size: 4m;
	font-weight: bold;
	color:#800000;
	}
	
#right H3 {
	font-size: 6m;
	font-weight: bold;
	color:#800000;
	}