/* Main page layout */
html, body {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	background: #FFF url(../images/blue_bkgrnd.gif) top left repeat-y;
}
td, div { font-family: verdana, arial, sans-serif; font-size: 11px; }


#Main {
	width: 799px;
}
#Header {
	background: #0095C2 url(../images/top_right_header.gif) top right no-repeat;
	padding-top: 32px;
}
#Header .imageHolder {
	margin: 0px;
	padding: 0px;
	height: 154px;
	border-bottom: 1px solid #FFF;
}
#Header .imageHolder a {
	float: left;
	width: 181px;
	height: 154px;
}
#Header .imageHolder h1 {
	margin: 0px;
	line-height: 154px;
	margin-left: 201px;
	font-size: 31px;
	font-weight: normal;
	text-transform: uppercase;
	color: #FFF;
}
#Header .imageHolder h1 i {
	margin: 0px;
	font-style: normal;
	font-weight: normal;
	color: #000;
}

/* Menu1 */
#Menu1 {
	border: 1px solid #FFF;
	border-left: 0px;
	border-right: 0px;
	margin: 0px;
	padding: 0px;
	background-color: #003764;
	height: 2.5em;
}
#Menu1 li {
	position: relative;
	display: inline;
	height: 2.5em;
	list-style-type: none;
	padding: 0px;
	font-size: 11px;
	line-height: 2.5em;
}
#Menu1 li a {
  font-weight: bold;
  color: white;
  padding-right: 8px;
  padding-left: 8px;
}
#Menu1 li a:link, #Menu1 li avisited {
  text-decoration: none;
}
#Menu1 li a:hover {
  text-decoration: underline;
}
/*  Shows the submenu on hover  */
#Menu1 li.over ul.Menu2Dropdown {
	display: block;
}

/* Menu2 */
#Menu2 {
	margin: 0px;
	padding: 0px;
	background-color: #55B8D6;
}
#Menu2 li.link {
	list-style-type: none;
}
/*.mainLevel*/
#Menu2 li.current,
#Menu2 li.section { font-weight: bold; border-bottom:1px solid white; padding:4px 9px 6px 9px; background-color: #003764; }
#Menu2 li.current a:link,
#Menu2 li.current a:visited,
#Menu2 li.section a:link,
#Menu2 li.section a:visited { color: white; text-decoration: none; }
#Menu2 li.current a:hover,
#Menu2 li.section a:hover { text-decoration: underline; }
/*.subMenu*/
#Menu2 li.link { font-weight: bold; border-bottom:1px solid white; padding:4px 9px 6px 9px; }
#Menu2 li.link a:link, #Menu2 li.link a:visited { color: white; text-decoration: none; }
#Menu2 li.link a:hover { text-decoration: underline; }

/* Menu3 */
#Menu2 li.Menu3 {
	padding-left: 20px;
}
/* Breadcrumbs */
#bCrumbs {
	clear: both;
	padding-left: 198px;
	line-height: 2.0em;
	color : #FFFFFF;
	font-size : 11px;
	background-color: #003764;
}          
#bCrumbs p {
	margin: 0px;
	padding: 0px;
}            
#bCrumbs a:link, #bCrumbs a:visited  {
	color : #FFFFFF;
	font-weight: normal;
	text-decoration : none;
}                
#bCrumbs a:hover	{
	text-decoration : underline;
}

/* Main Template */
#PageHolder {
	width: 799px;
	overflow: hidden;
	background: url(../images/bg_right_maori.jpg) top right repeat-y;
}
#Menu2Holder {
	float: left;
	width: 181px;
	margin: 0px;
	padding: 0px;
	border-top: 1px solid #FFF;
	padding-bottom: 1000em;
	margin-bottom: -999em;
}
#Menu2Holder img {
	line-height: 1.5em;
}
#ContentHolder {
	margin-left: 181px;
	width: 615px;
	padding-bottom: 1000em;
	margin-bottom: -999em;
}
#mainContent {
	float: left;
	width: 410px;
	line-height: 1em;
}
#quote {
	width: 170px;
	margin-left: 420px;
	padding: 0px;
	font-size: 13px;
	line-height:30px;
	font-weight: bold;
	color:#0095C2;
	padding:74px 5px 0px 0px;
}

.bodyTitle {
	font-size: 27px;
	line-height: 1.1em;
	font-weight: normal;
	color:#FF3300;
	padding:20px 0px 10px 20px;
}
.bodyContent {
	font-size: 12px;
	line-height:15px;
	font-weight: normal;
	color:#666666;
	padding:0px 0px 0px 20px;
	text-align: justify;
}
.bodyContent a:link,
.bodyContent a:visited {
	color: #0095C2;
	font-weight: bold;
	text-decoration: underline;
}
.bodyContent a:hover {
	text-decoration: none;
}
.bodyContent h5 a:link,
.bodyContent h5 a:visited,
.bodyContent h5 a:hover,
.bodyContent h6 a:link,
.bodyContent h6 a:visited,
.bodyContent h6 a:hover {
	color: white;
	text-decoration: none;
}
#bodyContent {
	background-color: white;
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	color: #444444;
}
.bodyContent-blueStrip { background-color: #003764; }
#bodyContent H1 {
	font-family: arial, sans-serif;
	font-size: 20px;
	font-weight: bold;
	font-style: italic;
	color: #0098E0;
	margin: 0px;
	padding: 15px 20px 20px 15px;
}
#bodyContent p {margin: 0px; padding: 0px 20px 20px 15px;}
#bodyContent-Resources {
  background-color: #0095C2;
  color: white;
  font-family: verdana, arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  font-style: italic;
  margin: 30px 20px 15px 15px;
  padding: 5px 10px 5px 8px;
}

/*** SLIDE OUT MENU ***/
#Menu1 li ul.Menu2Dropdown {
  /* this makes TDs a container with their own coordinate system.
     absolutely-positioned elements will be offset relative to them */
  position: absolute;
  top: 20px;
  left: 0px;
  margin: 0px 0px 0px 10px;
  padding: 0px;
  width: 250px;
  display: none;
}
#Menu1 li ul.Menu2Dropdown li {
	display: block;
	height: auto;
	border-bottom: 1px solid white;
  color: #5C2D03;
  padding: 2px 5px;
  text-decoration: none;
  background-color: #0095C2;
}
#Menu1 li ul.Menu2Dropdown li a {
	font-family: Arial,sans-serif;
  font-size: 11px;
	display: block;
	height: 1.5em;
	color: white;
	font-weight: normal;
	letter-spacing: 0px;
	text-decoration: none;
	line-height: 1.5em;
}
#Menu1 li ul.Menu2Dropdown li a:hover {
	background-color: #003764;
	text-decoration: underline;
}

.mnOption { 
	font-weight: bold; color: white; padding: 0px 9px 0px 9px;
}

.orange { color:#FF3300; }
.black { color:#000000; }
.lightBlue { background-color:#0095C2; }
.white { background-color:#FFFFFF; }
.darkBlue { background-color:#003764; }

a.mnOption:link, 
a.mnOption:visited  {
	font-weight : bold;
	color : #FFFFFF;
	text-decoration : none;
}
a.mnOption:hover  { text-decoration : underline; }          


.osDiagram-bg { background-color: #E1F3F8; }
.osDiagram-link a:link, .osDiagram-link a:visited { color: #0060A3; text-decoration: none; }
.osDiagram-link a:hover { text-decoration: underline; }
.diagramPopup-heading { 
	background-color: #0094C2;
	color: white;
	font-weight: bold;
	padding: 5px 5px 5px 10px;
}
.diagramPopup-content {
	border-top: 1px solid white;
	background-color: #E1F3F8;
	color: #333333;
	padding: 10px 10px 15px 10px;
}

.headerGraphic { color: white; font-size: 31px; padding-left: 20px; }
.headerGraphic p { margin: 0px; padding: 0px; }
.resourceItem { padding: 0px 20px 6px 15px; }