/* structure.css are the styles for the DIVs in a website and should not contain
any typographic or content-related styles for a site. The styles within are strictly
used to create the layout/structure of the website and, as such, this style sheet 
will (almost) never need to be altered by the client or back-end programmers. */

/* ----- comment styles well for better reference later! ----- */
/* ----- try to lay this out in the following sections and from top to bottom on pages ----- */



/* ======================================================================================================== */
/* ----------------------------------------------------------------------------------- STYLES FOR ALL PAGES */
/* ======================================================================================================== */


/* ----- END OF ALL PAGES STYLE ----- */

#uber
{
	margin:auto;
	width:950px;
}
/* --- Contains navigation and logos in header --- */
#header
{
	height:116px;
	position:relative;
	width:950px;
	z-index:50;
}
/* --- Holds the MiHR Logo --- */
#TopLeft
{
	float:left;
	height:116px;
	position:relative;
	width:350px;
}
#homePageTitle{
	width:350px;
	float:left;
}
#homePageTitle p{
	color:#595B59;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:15px;
	padding:6px 0px 0px 0px;
}
#MiHR_Logo
{
	float:left;
	padding:6px 0 0;
}
/* --- Holds top and main navigation, and searchbox --- */
#TopRight
{
	float:right;
	height:116px;
	position:relative;
	width: 598px;
}
#TopNav
{
	color:#666666;
	float:right;
	height:54px;
	padding:17px 20px 0 0;
	width:358px;
}
#SearchBox
{
	background:transparent url(/fr/images/structure/search_background.jpg) no-repeat scroll 0 0;
	float:right;
	height:22px;
	margin:12px 0 0;
	padding:0;
	width:207px;
}
#BecomeA
{
	float: right;
	margin: -30px 0 0;
	padding: 0;
	height: 25px;
	width: 207px;
}
.searchText
{
	background-color:transparent;
	border:0 none;
	color:#FFFFFF;
	float:left;
	font-size:11px;
	margin:5px 0 0 10px;
	padding:0;
	width:167px;
}

#SearchBox a:link, #SearchBox a:active, #SearchBox a:visited
{
	background:transparent url(/fr/images/structure/btn_search.jpg) no-repeat scroll 0 0;
	cursor:pointer;
	float:right;
	height:22px;
	overflow:hidden;
	width:24px;
}

#SearchBox a:hover
{
	background-position:0 -22px !important;
}
#address{
	float:left;
	font-size:10.5px;
	padding:7px 0px 0px;	
}
#links{
	float:left;
	font-size:10.5px;
	color:#01539A;
	padding:7px 0px 0px 16px;
}
#links a:hover{
	color:#01539A;
	text-decoration:underline;
}
#links span{
	padding:0px 4px;	
}
#esolutionsLogo{
	float:right;
	font-size:10.5px;
	vertical-align:top;
	padding:6px 0px 0px;
}
#esolutionsLogo span{
	margin-bottom:2px;
}

/* ======================================================================================================== */
/* ------------------------------------------------------------------------------ STYLES FOR HOME PAGE ONLY */
/* ======================================================================================================== */

/* --- Holds homepage banner and recent news --- */
#mainContent {
	float: left;
	width: 950px;
}

/* --- Banner on home page --- */
#Banner
{
	position:relative;
	width:950px;
	height:235px;
	/*background:url(/fr/images/structure/mineMentorBanner.jpg) top left no-repeat;*/
	margin-top:11px;
}

#HomepageBanner
{
	visibility: hidden;
}

/* --- Styling for container holding all content on the left --- */
#leftContent{
	width:711px;
	height:245px;
	float:left;
}
/* --- Welcome paragraph on home page --- */
#welcomeParagraph{
	width:409px;
	height:210px;
	padding:25px 20px 20px 20px;
	float:left;
	overflow:hidden;
}

/* --- Style for title in content area on home page --- */
.homeSectionHeader{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#015299;
	padding:15px 0 11px 0;
}
/* --- Style for blue column on right of page --- */
#rightBlueArea{
	width:209px;
	height:255px;
	background:#cbddeb url(/fr/images/structure/poll-background.gif);
	float:left;
	padding:0 0 0 30px;
}
/* --- Style for user recent news on home page --- */
#recentNews{
	width:185px;
	height:190px;
	overflow:hidden;
}
#recentNews ul
{
	list-style-type:none;
}
#recentNews li
{
	font-size:0.85em;
	color:#FFF;
	padding:8px 0 10px 0;
	background:url(/fr/images/structure/recent-news-background.gif) bottom left no-repeat;
}
#recentNews a
{
	color:#015299;
}
#recentNews a:hover
{
	text-decoration:underline;
}
.Date /* styles the date portion of the recent news items */
{
	color:#146CAF;
}
/* --- Style for blue bar at base of home page --- */
#blueBar{
	width:950px;
	height:85px;
	background:#025299 url(/fr/images/structure/footer-blue-bar.jpg);
	margin-top:2px;
	clear:both;
}

/* ----- END OF HOME PAGE STYLE ----- */



/* ======================================================================================================== */
/* -------------------------------------------------------------------------- STYLES FOR CONTENT PAGES ONLY */
/* ======================================================================================================== */

/* -------------------------------------------------- Tertiary Nav */

#tertiarynav {
	float: right;
	padding: 15px 207px 0 0;
}
#tertiarynav li {
	float: left;
	padding: 0 15px;
	border-right: 1px solid #c4c4c4;
	font-size: 11px;
}
#tertiarynav li.last {
	border-right: none;
}
#tertiarynav a {
	font-weight: bold;
	text-decoration: none;
}

/* -------------------------------------------------- Main Container */

#maincontainer {
	margin-top:11px;
	position: relative;
	width: 100%;
	background: url(/fr/images/structure/i_mainbg.png) repeat-y;
}
#pageheader {
	float: left;
	width: 950px;
	height: 133px;
	text-align:right;
	background:url(/fr/images/structure/interior-header.jpg) top left no-repeat;
}
/* ---- if interior page title runs to two lines, select pageHeaderDouble, else pageHeaderSingle ---- */
.pageHeaderSingle{
	padding-right:20px;
	padding-top:55px;
	font-size:20px;
	color:#FFF;
}
.pageHeaderDouble{
	padding-right:20px;
	padding-top:45px;
	font-size:20px;
	color:#FFF;
}

/* -------------------------------------------------- Sub Navigation */

#subnavWrap {
	float: left;
	width: 211px;
	margin: 0 1px;
	height: 450px;
	min-height: 450px;
	background: url(/fr/images/structure/subnav_bg.png) repeat-x;
}
/* --- IE6 Hack --- */
* html #subnavWrap {width: 210px;}
/* ---------------- */
#subnav {
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
}
#subnav li {
	margin: 0;
	padding: 0;
	float: left; /* This corrects the */
	width: 100%; /* IE whitespace bug. */
	list-style-type:none;
}
#subnav a {
	display: block; /* To increase the clickable area as a's default to inline. */
	padding: 10px 15px 12px 20px; 
	border-bottom: 1px solid #edad03;
}
#subnav li.on a {
	color: #edad03;
}

/* -------------------------------------------------- Content Container */

#contentContainer {
	float: left;
	margin: 3px 33px 25px 33px;
	width: 671px;
}

/* -------------------------------------------------- Breadcrumbs and Actions */

#contentTopWrap {
	float: left;
	width: 671px;
}
#actions {
	float: right;
	margin: 0px;
	width: 100%;
	text-align: right;
}
/* --- RSS Link --- */
a.rssLink, a.rssLink:active, a.rssLink:visited {
	display: block;
	float: right;
	width: 74px;
	height: 19px;
	overflow: hidden;
	background: transparent url(/fr/images/structure/rss_feeds.png) no-repeat 0px 0px;
}
a.rssLink:hover {background-position: 0px -19px;}

/* --- EMAIL Link --- */
a.emailLink, a.emailLink:active, a.emailLink:visited {
	display: block;
	float: right;
	width: 59px;
	height: 19px;
	overflow: hidden;
	background: transparent url(/fr/images/structure/email_version.png) no-repeat 0px 0px;
	margin: 0px 20px 0px 0px;
}
a.emailLink:hover {background-position: 0px -19px;}

/* --- Print Link --- */
a.printLink, a.printLink:active, a.printLink:visited {
	display: block;
	float: right;
	width: 56px;
	height: 19px;
	overflow: hidden;
	background: transparent url(/fr/images/structure/print_version.png) no-repeat 0px 0px;
	margin: 0px 20px 0px 0px;
}
a.printLink:hover {background-position: 0px -19px;}

/* --- Share Link --- */
a.shareLink, a.shareLink:active, a.shareLink:visited {
	display: block;
	float: right;
	width: 55px;
	height: 19px;
	overflow: hidden;
	background: transparent url(/fr/images/structure/share.png) no-repeat 0px 0px;
	/*margin: 0px 20px 0px 0px;*/
}
a.shareLink:hover {background-position: 0px -19px;}

/* --- Breadcrumbs --- */
#breadcrumbs {
	float: left;
}
#breadcrumbs li {
	float: left;
	padding: 0 4px 0 0;
	font-size: 11px;
	list-style-type:none;
}

/* -------------------------------------------------- Content */

#contentArea {
	float: left;
	clear: both;
	width: 100%;
}
#content {
	float: left;
	width: 671px;
}
#content li {
	margin: 0 0 0 20px;
	list-style: disc;
}
#content img {
	/*
	padding: 3px;
	border: 1px solid #b9b9b9;
	*/
}

/* -------------------------------------------------- Additional Information */

#additionalInfo {
	float: right;
	width: 187px;
}
.additionalInfoHead {
	background: #4f80ab;
}
.additionalInfoHead .header {
	padding: 0 15px 7px;
	color: #fff;
	font: bold 12px/16px Arial, Helvetica, sans-serif;
}
#additionalInfo .content {
	padding: 0 15px;
	background: url(/fr/images/structure/additionalInfo_bg.jpg) repeat-x;
}
#additionalInfo .content li {
	margin: 0;
	padding: 7px 0;
	background: url(/fr/images/structure/additionalInfo_divide.jpg) center bottom no-repeat;
	list-style-type:none;
}

/* -------------------------------------------------- Footer */
#blueFooterBar{
	width:950px;
	height:70px;
	background:#025299 url(/fr/images/structure/footer-interior.jpg) top left no-repeat;
}





/* ---------------------------------------------------- TYPOGRAPHY AND LINKS in specific divs that differ from the base.css styles */

/* ----- END OF TYPOGRAPHY AND LINKS STYLE ----- */

/* ----- end template ----- */





/*

	Site Map
	
*/
.siteMapSection
{
	width: 328px;
	float: left;
	margin-right: 15px;
}

.siteMapSection a, .siteMapSection span.heading a
{
	display: block;
	margin: 5px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
}

.siteMapSection span.heading
{
	font-size: 1.2em;
	display: block;
	font-weight: bold;
	border-bottom: solid 1px #c5c5c5;
}

.siteMapSection span.heading a
{
	margin: 0px 0px 0px 0px;
}

/*

	Datagrid Styles (search page)

*/

.gridRow, .gridRow td
{
	background-color: #ffffff;
	padding: 5px 5px 5px 5px;
}

.gridAltRow, .gridAltRow td
{
	background-color: #f0f4fb;
	padding: 5px 5px 5px 5px;
}

.gridHeader, .gridHeader td
{
	background-color: #0e5ca1;
	color: #ffffff;
	font-weight: bold;
	padding: 5px 5px 5px 5px;
}

/*

	i:Calendar
	
*/

#calendarContainer {
	width:223px;
	height:255px;
	padding:0 0 0 39px;
	background:#FCF0D0 url(/fr/images/structure/curve-corner.gif) top right no-repeat;
	float:left;
}

#calendar {
	font-family: Arial, Helvetica, sans-serif;
	width: 184px;	
	background-color: #fcf0d0;
	text-align: center;
}

#calendar table {
	color: #000000;
	width: 184px;
	margin-bottom: 0px;
}

#calendar table tr, #calendar table td, #calendar table th {
	color: #5e5e5e;
}

#calendar caption tr, #calendar caption td, #calendar caption th {
	color: #000000 !important;
	font-size: 12px !important;
	background-color: #fcf0d0 !important;
	font-weight: bold !important;
	padding-bottom: 0px;	
}

#calendar caption #right
{
	padding-right: 5px !important;
	text-align: right;
}

#calendar caption #left
{
	padding-left: 5px !important;
	text-align: left;
}

#calendar caption table
{
	width: 184px;
	text-align: center;
}

#calendar caption {
	text-transform: uppercase;
	padding: 1px 0px 0px 0px !important;
	margin: 0px !important;
	width: 100%;
	height: 21px;
	color: #fefcba;
}

#calendar table tr {
	margin: 0;
	padding: 0;
}

#calendar thead th
{
	font-size: 11px !important;
	font-weight: bold !important;
	color: #5e5e5e;
	padding: 0px !important;
}

#calendar table td.day, #calendar table td.daywithevent {
	color: #4f4f4f;
	padding: 3px;
	text-align: center;
	border: solid 1px #fcf0d0; 
	background-color: #f7dc94;	
	font-size: 11px !important;
}

#calendar td.daywithevent
{
	background-color: #f4cc63 !important;
}

#calendar .weekend, #calendar .weekday, #calendar th, #calendar tbody td
{
	font-size: 10px;
}