/* ############### HEADER CSS ############### */
/* LOGIN BAR */
#utility {
	float: right;
	margin:0px;
	height:25px;
	z-index:1001;
}

#utility a {
	display:block;
	margin:0;
	padding:0 20px 0 0;
	float:left;
	line-height:25px;
	text-decoration: none;
}
	#utility a span {
		display: block;
		float: left;
		width: 20px;
		height: 25px;
				text-indent: -30000px;
		cursor: pointer;
	}

/* HEADER / TOPNAV / SUBNAV */
	/* Header */
div#header, div#mgsHeader {
	display:block !important;
	position:relative !important;
	width: 760px;
	height: 109px;
	z-index: 80;
}
/*
div#header h1 { background: red !important }
	*/
	div#header h1 a, div#mgsHeader h1 a {
		position: absolute !important;
		top: 2px;
		left: 0;
		height: 107px;
		width: 130px;
		text-indent: -3000px;
		text-decoration: none;
	}

	div#header h2 {
		position: absolute !important;
		top: 16px;
		left: 141px;
		height: 50px;
		width: 222px;
		text-indent: -3000px;
	}

	div#mgsHeader h2 {
		position: absolute !important;
		top: 0;
		left: 0;
		font-size: 28px;
		font-weight: bold;
		color: white;
		height: 109px;
		line-height: 109px;
		width: 760px;
		z-index: 80;
	}
/*
	ul#utility{
		position: absolute !important;
		top:0px;
		right:0px;
		margin:0px;
		padding:0px;
		height: 33px;
		z-index: 80;
	}

	ul#utility a{
		display:block;
		line-height:25px;
		text-decoration:none;
		font-weight:bold;
	}
*/

#pagebox #title{
	position: absolute;
	top:8px;
	left:24px;
	width:360px;
	height:21px;
	font: bold normal 16px/21px verdana;
}
	/* TOP NAV */
	ul#topnav, ul#topnav li, ul#subnav, ul#subnav li, ul#subnav li ul, ul#subnav li ul li{
		position: relative;
		display: inline;
		float: left;
		list-style-type: none;
		padding: 0;
		margin: 0;
	}

	ul#topnav {
		position: absolute;
		left: 145px;
		bottom: 0;
	}

		/* top nav <li> styles */

		ul#topnav li {
			height: 31px;
		}

		ul#topnav li#root { display: none; }
		ul#topnav li.nav_first, ul#topnav li.sel_nav_first { margin-left: -35px; }

			/* top nav <li><a> styles */

			ul#topnav li a {
				position: relative;
				display: inline; /* Required for IE */
				float: left; /* Required for IE */
				margin: 8px 3px 0 -1px;
				padding-bottom: 5px;
				font-size: 11px;
				font-weight: bold;
				font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; /* To keep the theme styles from overriding the header */
				text-decoration: none;
				color: #0549c9;
			}
				ul#topnav li a:hover {
					margin-top: 0;
					padding-bottom: 13px;
				}

			ul#topnav li.nav_first a {
				padding: 0 0 0 7px;
			}
				ul#topnav li.nav_first a:hover { padding: 0; }

			ul#topnav li.sel a, ul#topnav li.sel a:hover {
				margin-top: 0;
				padding: 0;
			}

			ul#topnav li.sel_nav_first a, ul#topnav li.sel_nav_first a:hover {
				margin-top: 0;
				padding: 0;
			}

			ul#topnav li.nav_last a { margin-right: 0; }

				/* top nav <li><a><span> styles - note that the first_nav and sel_first_nav styles are different to accomodate the extra span tag. */

				ul#topnav li a span, ul#topnav li.nav_first a span span { /* For the nav_first class we have an extra span with the styles applied */
					display: inline;
					float: left;
					height: 15px;
					padding: 3px 8px 0 9px;
				}

				ul#topnav li.nav_first a span { /* Since the second span applies the 'regular' span styles */
					height: 23px;
					padding: 0 0 0 25px;
				}
					ul#topnav li.nav_first a:hover span { padding: 0 0 0 25px; height: 31px; }
					ul#topnav li.nav_first a:hover span span { padding: 3px 8px 0 16px; height: 28px; }

				ul#topnav li.sel a span, ul#topnav li.sel_nav_first a span {
					height: 15px;
					padding: 7px 8px 9px 9px;
				}

				ul#topnav li.sel_nav_first a span span {
					padding: 0 0 0 32px;
					background: none;
				}

	/* SUB NAV  */
	div#subnav {
		height: 32px;
	}
			ul#subnav {
				width: 728px;
				height: 32px;
				z-index:10;
				padding: 0 0 0 30px;
			}

			ul#subnav li {
				position: relative;
				margin: 0;
			}
			ul#subnav li span, ul#subnav li a, ul#subnav li.sel span {
				display: inline;
				position: relative;
				float: left;
				white-space: nowrap;
				z-index:100;
			}

			ul#subnav li a {
				font-size: 11px;
				font-weight: bold;
				font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; /* To keep the theme styles from overriding the header */
				line-height: 12px;
				text-decoration: none;
			}

			ul#subnav li a:hover { height: 31px; }

			ul#subnav li.sel a, ul#subnav li a:hover {
				margin-left: -1px; /* Covers the right divider of its neighbor */
			}

			ul#subnav li.sel:hover, ul#subnav li.sel a:hover { border: none; height: 32px;}
			ul#subnav li.sel:hover  { margin-left:0px; }

					ul#subnav li a span span {
						display: block;
						padding: 10px 14px;
						font-weight: bold;
						line-height: 12px;
					}
					ul#subnav li.sel a span span {
						padding: 10px 14px 10px 15px; /* Must be 1px more on left to make up for selected state margin-left -1px jog */
					}
					ul#subnav li a:hover span span {
						padding: 10px 14px 9px 15px; /* Must be 1px more on left to make up for selected state margin-left -1px jog */
						text-decoration: underline;
					}
					ul#subnav li.sel a:hover span span { text-decoration: underline; }

					ul#subnav li.dropmenu a span span, ul#subnav li.dropmenu a:hover span span {
						display: inline; /* for stupid frakking IE margin bug... do not remove */
						padding-right: 17px;
						margin-right: 8px;
					}
					ul#subnav li.dropmenu a:hover span span { padding: 10px 17px 10px 15px; }
/*
ul#subnav li.sfhover a, ul#subnav li.sfhover a:hover{
	height: 32px;
	background-color:#ffffff;
	border: none;
}
*/
div#container ul#subnav li ul{
	position: absolute;
	left:-1px;
	top:32px;
	width: 170px;
	border-top: none;
	visibility: hidden;
	z-index:0;
}

div#container ul#subnav li.sel ul li.sel {
	height: auto;
}

div#container ul#subnav li ul li a,
	div#container ul#subnav li ul li a:hover {
	display: inline;
	position: relative;
	float: left;
	width: 154px;
	padding: 3px;
	margin: 2px 5px;
	font-weight:normal;
	border: none; /* Need this to override <a> tag styles above */
	height: auto; /* Need this to override <a> tag styles above */
}

div#container ul#subnav li ul li a:hover {
	text-decoration: underline;
}

.marker{
	position: absolute;
	top: 13px;
	right: 5px;
	/*margin: 0 0 0 5px;
	padding: 0;*/
}



/* /////////////////// PAGEBOX /////////////////// */

#pagebox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 414px;
	height:198px;
	z-index: 100;
	line-height: 0;
	overflow:auto;
	font: 11px/14px Verdana, Tahoma, Arial, Helvetica, sans-serif !important;
}

#pagebox #pageTitle{
	position:absolute;
	top:58px;
	left:100px;
	width:200px;
	height:14px;
	padding : 4px 8px;
}


#pagebox div#pageStatus{
	position:absolute;
	top:95px;
	left:6px;
	width:390px;
	display:block;
	line-height:12px;
}

#pagebox #pageSubmit{
	position:absolute;
	top:163px;
	left:150px;
	width:105px;
	text-decoration:none;
	cursor: pointer;
}

#editPageTitle {
	position: absolute !important;
	top: 30px;
	right: 33px;
	cursor: pointer;
}

div#header div#themes {
	position: absolute !important;
	display: block;
	top: 113px;
	right: 3px;
}