/* PSC Extranet layout CSS */
/* viewportSmall+ *********************************************************/
/* Classes */
.yah { font-style: italic; }
div#list p { margin: 0 0 .5em 1em; }
div.listLong p { margin: 0 0 .5em .3em; }

.sidebar
{
	background-color: #fff;
	border-color: #ccc;
	border-width: 1px 0 0 1px;
	border-style: solid;
	padding: 0 1em;
	margin: 0 0 1em 0;
}

div#byline
{
	margin: 1em 0 1em 3em;
	font-style: italic;
}

/* MAIN */
#main
{
	position: relative;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	border: 0px solid red;
	background-color:#fff;
}

#banner
{
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	right: 0;
	height: 60px;
	padding: 5px 0;
	margin: 0;
	background-color: #fff;
	border-bottom: 0px #999 solid;
	border-top: 0px #999 solid;
	border: 0px orange dashed;
}

#banner #menuIcon
{
	float: right;
	padding: 0;
	background-color: #fff;
	opacity: 0.6;
}

#banner #menuIcon a { display: block; }

img#bannerSignature
{
	max-width: 82%;
	height: auto;
	margin: 5px;
}

#banner a:hover,#banner a:link ,#banner a:visited
{
	text-decoration: none;
	color: #000;
}

/* Nav ****************/
#nav
{
	position: static;
	padding: 0;
	clear: both;
	border: 0px dotted orange;
}

#nav, #footer { background-color: #009; }

#nav ul
{
	list-style: none;
	margin: 0;
	padding: 0;
	white-space: nowrap;
	border: 0px solid yellow;
}

#nav li
{
	position: relative;
	padding: 0;
	margin: 0;
	width: 8.5em;
	float: left;
	border-bottom: 0px #999 dashed;
}

#nav li a
{
	display: block;
	padding: 7px .25em 6px .25em;
	line-height: 17px;
	margin: 0;
	color: #fff;
	text-transform: uppercase;
	border: 0px solid red;
}

#xnav li#lastLink { border-width: 0; }
#nav li a:link, #nav li a:visited { color: #fff; }

/*  2nd level nav start *************************************/
#nav li ul
{
	z-index: 200;
	position: absolute;
	left: -9999em;
	margin-left: 0em;
	margin-top: 0em;
}

#nav li li
{
	width: 16em;
	background-color: #555;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	text-align: left;
	border-bottom: 1px #999 dashed;
}

#xnav li ul ul { left: -9999em; }

#xnav li a:hover
{
	color: #FF8000;
	background-color: #098;
}

#xnav li a:link { color: #fff; }
#snav li a:visited { color: #fff; }
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -9999em; }

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul
{
	/* lists nested under hovered list items */
	left: auto;
}

li.nav2last a { border-bottom: 1px solid #ccc; }

#navBreadCrumbs
{
	text-align: center;
	font-size: 85%;
}

/*  2nd level nav end  **********************************************/
form#searchBox
{
	float: left;
	margin: .8em 1em .3em 1em;
}

.iconSocMedia
{
	float: right;
	border: none;
}

/* MAIN BODY CONTENT */
#pageContent
{
	position: relative;
	margin: 70px 0 0 0;
	padding: .5em;
	background-color: #fff;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

#pageContent li
{
	list-style-type: circle;
	list-style-position: outside;
	margin-left: -2em;
}

#pageContent a:link, #footer #copyLeft a { color: #0173bc; }
#pageContent a:visited { }

#pageContent a:hover, #nav li a:hover, #footer a:hover
{
	background-color: rgb(92,181,184);
	color: #fff;
}

#pageContentNav
{
	padding: 1em .5em .5em .5em;
	margin: -.25em -1.4em 1em 1em;
	background-color: #fff;
	width: 30%;
	float: right;
	border-bottom: #CCC;
	border-left: #CCC;
	border-width: 0 0 1px 1px;
	border-style: none none solid solid;
}

h1
{
	padding: 0 .3em .3em 0;
	margin: 0;
}

#sidebar1
{
	position: relative;
	border: orange 0px dashed;
	padding: .5em;
	background-color: #dcdcdc;
}

/* Footer */
#footer
{
	position: static;
	clear: both;
	padding: .5em .5em;
	margin: 1em auto 30em auto;
	text-align: center;
	color: #fff;
}

#footer a:link, #footer a:visited { color: #fff; }
#footer a:hover { background-color: rgb(92,181,184); }
#footer a:hover.imgLink { background-color: #555555; }
div#footerSpacerNav { height: 30em; }
.min-viewportMed { display: none; }
.min-viewportLarge { display: none; }

/**************************  
				viewportMed   
				********************************************************************************************************/

@media screen and (min-width:501px)
{
	div.listLong p { margin-left: 1em; }
	.max-viewportSmall { display: none; }
	.min-viewportMed { display: inline; }
	
	.sidebar
	{
		width: 40%;
		float: right;
		background-color: #FFF;
		border-color: #CCC;
		border-width: 1px 0 0 1px;
		border-style: solid;
		padding: 0 1em;
		margin: 0 0 1em 1em;
	}
	
	#banner
	{
		text-align: center;
		height: 70px;
	}
	
	#banner #bannerTitle { font-size: 1.8em; }
	
	#pageContent
	{
		margin-top: 80px;
		min-height: 15em;
	}
	
	#pageContent li { margin-left: -1em; }
	div#footerSpacerNav { height: 60em; }
}

/*****************************  
				viewportLarge+   
				********************************************************************************************************/

@media screen and (min-width: 951px)
{
	.max-viewportMed { display: none; }
	.min-viewportLarge { display: inline; }
	
	.separatorCtr
	{
		display: inline;
		color: #00adee;
	}
	
	#main, #pageContent, #footer, #banner, #nav
	{
		max-width: 1024px;
		margin: 0 auto;
	}
	
	#banner { text-align: left; }
	#banner #menuIcon { display: none; }
	
	#banner #bannerTitle
	{
		font-size: 2.3em;
		padding: .4em;
	}
	
	#bannerSignature { margin-left: 0; }
	
	#nav
	{
		position: absolute;
		top: 80px;
		left: 0;
		right: 0;
		height: 30px;
	}
	
	#nav li
	{
		border: none;
		text-align: center;
	}
	
	#nav li.l1w4 { width: 4em; }
	#nav li.l1w5 { width: 5em; }
	#nav li.l1w6 { width: 6em; }
	#nav li.l1w7 { width: 7em; }
	#nav li.l1w8 { width: 8em; }
	#nav li.l1w9 { width: 9em; }
	#nav li.l1w10 { width: 10em; }
	#nav li.l1w11 { width: 11em; }
	
	#navBreadCrumbs
	{
		position: absolute;
		top: 112px;
		right: 5px;
		height: 30px;
	}
	
	#boxSearchSocial
	{
		position: absolute;
		top: 0px;
		right: 0;
	}
	
	form#searchBox
	{
		float: right;
		margin-right: 0;
		text-align: right;
	}
	
	#socMedLinks { clear: right; }
	
	#pageContent
	{
		position: relative;
		margin-top: 125px;
		border-top: 0px solid #ccc;
		border-bottom: none;
		padding: 1em;
		min-height: 500px;
	}
	
	div#colLeftSite
	{
		width: 48%;
		float: left;
	}
	
	div#colRightSite
	{
		margin: 1em 0 0 51%;
		padding: 0 0 0 0;
	}
	
	#sidebar1
	{
		position: absolute;
		top: 135px;
		right: 0;
		width: 250px;
		border-radius: 5px 0 0 5px;
	}
	
	#footer
	{
		position: relative;
		line-height: 2em;
		margin-bottom: 0em;
	}
	
	#footer img#signatureUMFooter
	{
		float: left;
		margin: auto 1em;
	}
}