/* Login links appear horizontally in the taskbar */
.mwLogin { float:right; list-style-type:none; margin-left:0; margin-bottom:0px; }
.mwLogin li { display:inline; margin-left:5px; }

/* Site Banner */
.banner h1 {display: none; }

/* Content area */
.pagecontent { margin-top:0px; }
.page { overflow:hidden; }
.body .editsection {font-weight:normal; padding:0px 5px 0px 0px; float: left;}

/* Breadcrumb */
#pageActions { width: 76.5%; background-color: #036; color: #fff; white-space: nowrap; background: none; color: #999;  }
#pageActions ul { list-style:none; margin:0; padding:7px; clear: left;}
#pageActions ul li { display: inline; margin: 0; padding: 0;}
#pageActions ul li a { padding: 5px 10px; text-decoration: none; background: #83B2F9; color: #fff; white-space: nowrap; border-bottom: none; }
#pageActions ul li a:hover,
#pageActions ul li.selected a { background: #036; color: #fff; border-bottom: none; }
#catlinks { float:left; white-space: normal; border: 1px dashed #996; padding: 10px; width: 95%;}
#catlinks a {white-space: nowrap;}

/* Table of contents */
#toc.toc { float:right; padding:18px 0px 18px 0px; background: #fff; max-width: 50%;}
#toc.toc td { border:0; }
#toc.toc td:hover { background:transparent; }
/*#toc.toc #toctitle { margin-bottom:18px; background:#1158A0 url(images/arrow.png); background-position:50% 200px; }*/
#toc.toc #toctitle { margin-bottom:5px;  }
#toc.toc #toctitle h2 { background-color:#1158A0; color:#fff !important; font-size:1.2em;padding:8px 12px; margin:0; font-family:Garamond,"Times New Roman",serif; text-align:center; }       
.toctoggle { }

#toc.toc td>ul { padding:11px; border:1px dashed #996; margin:0 0 18px 0; }
#toc.toc td>ul>li { margin-left:12px; }
#toc ul, .toc ul {list-style-type: none; list-style-image: none; margin:  0; padding: .3em 0 0 .7em; text-align: left; }

/* Left Sidebar */
#search { position: relative; float: right;}
#searchform { margin-left:-20px; }
#searchInput { width:130px; }
.menu input[type=text] { width:100px; }

.left { background: #fff; }
.left ul.menu { background: #fff; color: #000;}
.left ul.menu li.leaf a { display:block; padding:0; color: #036;}
div.content > ul.menu > li > ul.menu > li.expanded > a { color: #036; }
.left .feature a, .region-address a { color: #036; border-bottom-color: #036;}
.left .feature a:hover, .address a:hover { background: #fff; border-bottom-color: #036;}

/* Address */
#f-list { list-style-type:none; margin-left:0;font-size:0.8em; color: #036; border-bottom-color: #036;}

/* headings */
h1, h2, h3, h4, h5, h6 { border-bottom: 1px solid #AAA; }
th {text-align: left;}
th h1, th h2, th h3, th h4, th h5 {border-bottom: none;}

dd {float: none; width: auto; border-top: none; padding: 0px; color: #000; font-family:"Helvetica Neue",Arial,Helvetica,sans-serif;}
blockquote { font-size: 1em; color: #000; font-family:"Helvetica Neue",Arial,Helvetica,sans-serif;}

/* top navigation */
#midd-p-navigation {
	display: none;
	clear: both;
	margin-top: 3px;
	margin-left: 3px;
	margin-bottom: 0px;
}
.midd-p-navigation-spacer {
	height: 0px;
	/* border-top: 2px solid #FF8800; /**/
}

/* Navigatin Styles */
#midd-nav { display: block; margin: 0; padding: 0; position: relative; }
#midd-nav li { display: block; list-style: none; margin: 0; padding: 0; float: right; position: relative; }
#midd-nav a { display: block; font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; font-size: 1em; text-decoration: none; border-bottom: none;}
#midd-nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; z-index: 500;}
* html #midd-nav ul { line-height: 0; } /* IE6 "fix" */
#midd-nav ul a { zoom: 1; } /* IE6/7 fix */
#midd-nav ul li { float: none; }
#midd-nav ul ul { top: 0; }

#midd-nav li:hover > ul {
	display: block;
}

/* Essentials */
#midd-nav ul { min-width: 200px; width: 200px; }
#midd-nav ul ul { left: 201px; }



/*#midd-nav { height: 29px; background: #333; border-top: 1px solid #c7c7c7; border-bottom: 1px solid #e7e7e7;}/**/
#midd-nav { height: 33px; background: #fff; }
#midd-nav *:hover { background-color: transparent; }
#midd-nav a {
	font-family: "Helvetica Neue",Arial,Helvetica,sans-serif;
	font-weight: normal;
	background: #83B2F9 url("images/dropdown_pointer.png") no-repeat right top;
	color: #fff;
	padding: 9px 30px;
	margin-right: 5px;
	margin-top: 0px;
	line-height: 1;
}
	
#midd-nav a:hover {
	background-color: #036;
	background: #83B2F9 url("images/dropdown_pointer.png") no-repeat right bottom;
}

#midd-nav li ul a {
	background-image: none;
}


#midd-nav li ul a:hover {
	background-color: #83B2F9;
	background-image: none;
	margin-right: 0px;
}

#midd-nav li.hover a, #midd-nav ul li, #midd-nav ul li a { background-color: #0F1631; /* drop down background */ }

#midd-nav ul li a { font-weight: normal; color: #ccc; padding: 10px 10px; /* white-space: nowrap; /* wrap long item */ }

#midd-nav ul li a:hover { color: #fff; /* white-space: nowrap; /* wrap long item */ }

#midd-nav a.hover, #midd-nav ul a.hover { background-color: #243246; }
#midd-nav ul { border-top: 1px solid #fff; opacity: 0.97; filter: alpha(opacity=97); }

#midd-sitename h5 { display: none; }

#midd-sitename {
	background: url("images/wikititle-bg01.png") repeat-x top center;
	background-color: #ECECEC;
	text-align: left;
	padding: 10px 0 10px 20px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #999999;

}
#midd-sitename a,
#midd-sitename a:hover {
	border-bottom: none;
	color: #fff;
	background-color: transparent;	
	/*border: 1px solid #000; /*debuging*/
}

#midd-sitename h1 {
	font-family: "Helvetica Neue",Arial,Helvetica,sans-serif;
	font-size: 35px;
	font-weight: normal;
	color: #fff;
	border-bottom: none;
	padding-top: .1em;
	display: inline;
	text-shadow: #444 1px 1px 2px;
}

#midd-sitename a,
#midd-sitename a:hover {
	color: #036;
	display: inline;
	text-decoration: none;
}

.header-search { display: none; }

/* Media Wiki uses definition lists for indentation. */
dd {
	margin-left: 1em;
}

/* mobile styles */
@media handheld {
	#p-logo { display: none }
}

@media handheld {
	.nonessential {
		/* Kill big bulky stuff that will clog up the screen */
		display: none;
	}
}

/*
960 ◊ 640 pixels -- 3.5 inch screen
*/

@media only screen and (max-device-width: 480px) {

    .body { font-size: 160%; width: 100%; }
    .page { width: 100%; }
	.banner { padding-left: 20px; display: block; }
	.banner h1 {display: inline; font-size: 3em; }
	.banner a img { display: none; }
	#midd-sitename h1 { font-size: 35px; }
	.header-search { display: block; margin: 20px 0 0 20px; float: left; text-align: left; width: 100%}
	.header-search #searchInput { width: 350px; font-size: 2.5em;}
	.searchButton {font-size: 2em;}
	
	#midd-p-navigation { display: block; font-size: 2em; margin-left: 20px;}
	.left { display: none }
	.region-address { display: none }
	.page { width: 924px }
	#pageActions ul li a { font-size: .8em; }

}

