/* PIER/CSS */
/* COLOR SCHEME
		body: #707070 (grey)
		links: #004B6E (Moroccan blue)
		nav bg: #C84101 (orange)
		headers: #9E0B0F (maroon)
		hovers: #C84101 (orange) EATC
				#662d91 (purple) QEAC
				#9E0B0F (maroon) PIER   
*/


/* BEGIN REFERENCE: 
	http://meyerweb.com/eric/thoughts/2004/09/15/emreallyem-undoing-htmlcss/   
	*/
	/* avoid browser default inconsistent heading font-sizes and pre/code too */
	h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

	/* remove the inconsistent browser defaults ul,ol padding or margin  
	the default spacing on headings does not match nor align with 
	normal interline spacing at all, so let's get rid of it. 
	zero out the spacing around pre, form, body, html, p, blockquote as well 
	form elements are oddly inconsistent, and not quite CSS emulatable. 
	nonetheless strip their margin and padding as well */
	ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{ margin:0; padding:0 }

	/* whoever thought blue linked image borders were a good idea? */
	a img,:link img,:visited img { border:none }
/* END REFERENCE */


body
{
  color:#707070;
  background:#fff url(../images/bg.png) repeat-x;
  margin:0px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:9pt;
  text-align: center; /*for IE*/
}

p{margin-bottom:15px;}

h1{color:#9E0B0F;} /*maroon*/

h2,h3,h4,h5,h6
{
	color:#9E0B0F;/*maroon*/
	margin: 15px 0px 0px 0px;  /*margin:0px 0px 15px 0px;*/
} 
h2{font-size:12pt;}
table{border-collapse:collapse;}
body,
td,
th
{
	font: 9pt Arial, Helvetica, sans-serif;
	color: #333333;
}

.TblStandard{border:1px solid #CCCCCC;}
.TblStandard td{border:1px solid #EAEAEA;padding:4px 5px;background: #FFFFFF;}
.TblStandard th{background:#EAEAEA;padding:4px 5px;font-weight:bold;border:1px solid #CCCCCC;}

#topbar{
  background:#dcfaf8;
  height:5px;
}
#container{
  width:960px;
  margin-left:auto;
  margin-right:auto;
  text-align: left; /*because of IE text-align:center in the body*/
}
#header{height:105px;}
#logo{
  margin-top:30px;
  margin-left:5px;
}
#pier_header{
  margin-left:160px;
  padding-top:20px;
}
#body{
  margin-top:2px;
  background-position: 394px 0px;
  padding-top:15px;
}
#nav{
  float:left;
  margin-top:20px;
  margin-right:20px;
  width:170px;
  border-top:1px solid #d9d9d9;
  border-bottom:1px solid #d9d9d9;
}
#nav ul, #right_panel ul
{
  margin:0px;
  padding:10px 0px;
}
#IesLogo
{
  border-top:1px solid #d9d9d9;
  padding:20px 10px 0px;
}
#nav ul li, #right_panel ul li
{
  padding-left:20px;
  padding-top:7px;
  padding-bottom:7px;
  list-style:none;
  color:#004b6e;
  background:url(../images/icon_link_off.gif) no-repeat;
  background-position:5px 10px;
}
#nav ul li:hover, #right_panel ul li:hover{
  padding-left:20px;
  padding-top:7px;
  padding-bottom:7px;
  list-style:none;
  color:#fff;
  background:#9E0B0F url(../images/icon_link_on.gif) no-repeat;
  background-position:5px 10px;
}
#nav ul li:hover a, #right_panel ul li:hover a{color:#FFF;}
/*DFe*/
#nav ul li a, #right_panel ul li a{color:#004b6e;text-decoration:none;}
#nav ul li a:hover, #right_panel ul li a:hover{color:#fff;background-color:#9E0B0F;}

/*#govt{
  padding:15px;
}*/
#content{
  background:#FFF;
  width:740px;
  padding-top:20px;
  margin-left:200px;
}
#footer
{
  padding:20px;
  clear:both;
  border-top:1px solid #d9d9d9;
  position:relative;
}
#right_panel
{  
  background-color:#fff; /*DFe - to cover stray top/bottom borders from h1 selector*/
  width:244px; /*DFe*/
  float:right;
  /*height: 500px; DFe - fix wrap problem but still doesn't work for IE.*/
  border-bottom:1px solid #d9d9d9;
  margin-bottom:20px;
  margin-left:10px;
}
#right_panel .button
{
	margin-bottom:5px;
}
#content h1{
  border-top:1px solid #d9d9d9;
  border-bottom:1px solid #d9d9d9;
  /*color:#662d91;*/  /*DFE removed*/
  font-size:13pt;
  font-weight:bold;
  padding:5px 10px;
  margin:0px 10px 15px 0px;
}

/*from old CSS and modified*/
.MainBody {padding: 10px 20px 15px 10px;}
.MainBody a{color:#004B6E;text-decoration:none;}
.MainBody a img{ border:0px;}
.MainBody a:hover img{ border:0px;}
.MainBody a:hover{color:#9E0B0F;}
.MainBody td{font-size:12px;color:#666;}
.MainBody ul{margin-bottom:10px;} /*DFe*/
.MainBody ul li{margin-left: 20px;padding-left:2px;list-style:disc;}
.MainBody li a{color:#004B6E;text-decoration:underline;}
.MainBody li a:hover{color:#9E0B0F;text-decoration:none;}



/************* REGISTRATION FORM FIELDS from old CSS *************/
.RegistrationForm {background:#FFFFFF;border:1px solid #CCCCCC;}
.RegistrationForm tr{background: #EAEAEA;}
.RegistrationForm td{padding:2px 5px;}
.RegistrationForm th{font-size:9pt;padding:2px 5px;background:#999999; color:#FFFFFF;}
.RequiredField{background: #FFECCE;}
.RequiredListItem{background: #FFECCE;padding:5px;margin-bottom: 5px;border:1px solid #FFD08A;}
.NotRequiredListItem {background: #EAEAEA;padding:5px;border:1px solid #CCCCCC;margin-bottom: 5px;}
input {margin-right:2px;}
label {margin-left:2px;}

/************* LOGIN FORM FIELDS from old CSS *************/
#LoginForm 
{
	width: 157px;
	/*background: #FFFFFF url(../images/loginBg.gif);*/
	background-repeat: repeat-y;
	text-align: center;
}
#LoginForm td
{
	font: 10px Arial, Helvetica, sans-serif;
}
#LoginForm table
{
	margin-top: 5px;
}
#LoginFooter /*from old CSS*/
{
	width: 157px;
	/*background: #FFFFFF url(../images/loginFooter.gif);*/
	background-repeat: no-repeat;
	height:22px;
	text-align:right;
}


/*from old CSS and modified*/
/************* FORM FIELDS *************/
.LoginField,
.TextField
{
	/*width: 84px;*/ /*DFe removed*/
	font-size: 12px;  /*Seems to need to be bigger than the default 9px - otherwise looks too tiny */
	font-family: Arial, Helvetica, sans-serif;
	margin-left:5px; /*DFe added*/
}


.LoginButton{font:10px Arial, Helvetica, sans-serif;}
.Buffer5{margin:5px;}
.Buffer10{margin:10px;}


/************* NAVIGATION *************/
#Navigation
{
	border-left:1px solid #A7A9AC;
	border-top:1px solid #A7A9AC;
}
.NavigationMinor
{
	margin-left: 15px;
	width: 130px;
}


/******************* WELCOME MENU ************************/

#UserMenu
{
	text-align: right;
	right:10px;
	position: absolute;
	padding-top: 1px;
	width: 200px; /*was 300px*/
	color: #004B6E;
	font-size: .9em;
	margin-top: 5px;
}

#UserMenu ul {text-align: right;}
#UserMenu li{list-style-type:none;display:inline;padding:2px;text-align: right;}
#UserMenu a{color: #004B6E;text-decoration:underline;}
#UserMenu a:hover{color: #9E0B0F;text-decoration:none;}

.WelcomeName
{
	display:inline;
	margin-right:10px;
}
.WelcomeMenu
{
	display:inline;
}


/************* MENUS *************/
.MenuLink
{
	display: inline;
	padding-right: 5px;
	text-decoration:none;
}
.MenuLink a
{
	text-decoration:none;
	color:#004b6e;
}
.MenuLink a:hover
{
	text-decoration:underline;
}

.MenuLinkMain,
.MenuLinkMain td /*firefox*/
{
	color:#004b6e;
    background:url(../images/icon_link_off.gif) no-repeat;
	background-position: 5px 10px;
	margin-bottom: 3px;
	padding:5px 5px 5px 22px;
	text-align: left;
}
.MenuLinkMain td:hover
{
	background:#9E0B0F url(../images/icon_link_on.gif) no-repeat;
	background-position:5px 10px;
	color:#fff;
}
.MenuLinkMain a
{
	color:#004b6e;
	/*font-weight: bold;*/
	text-decoration:none;
}
.MenuLinkMain a:hover
{
	color:#fff;text-decoration:underline;
	background:#9E0B0F;
}
.MenuLinkLightGrey
{
	display:inline;
}
.MenuLinkLightGrey a
{
	color:#999999;
}
.MenuLinkLightGrey a:hover
{
	color:#999999;
	text-decoration:none; /*DFe*/
}
/*
.MenuSubpage
{
	background: #EBEAE8;
	margin-bottom: 3px;
	border-top: 1px solid #99B7C5;
	border-bottom: 1px solid #99B7C5;
	border-right: 1px solid #99B7C5;
	border-right: 1px solid #99B7C5;
}
*/
.MenuSublinkMain,
.MenuSublinkMain td /*firefox*/
{
	background: transparent url(../Images/Icons/iconBulletSub.gif);
	background-repeat: no-repeat;
	background-position: 5 2;
	margin-left: 18px;
	margin-top: 5px;	
	margin-bottom: 5px;	
	padding-left: 17px;
}
/*
.MenuSublinkMain a{text-decoration:none;}
.MenuSublinkMain a:hover{text-decoration:underline;}
.MenuLink
{
	display: inline;
	padding-right: 5px;
}
*/

/************* ALERT *************/
.Alert
{
	border:2px solid #FF0000;
	padding: 10px;
	margin-bottom:20px;
	margin-top:10px;
	background: #FF000;
	color: #FF0000;
	font-size:10pt;
	font-weight:bold;
	text-align:center;
	width: 420px;
}



/************ ATTACHMENTS **************/
.AttachmentList
{
	border-top:1px solid #A7A9AC;
	padding-top: 5px;
}
.Attachment
{
	margin-top: 8px;
}
.AttachmentIcon
{
	float:left;
	margin-right:5px;
}
.AttachmentTitle
{
}


/******************* HEADINGS AND ICONS ****************/
.PageHeading
{
	margin-bottom: 15px;
	height:68px;
}
.PageIcon
{
	float:left;
}
.PageHeadingSublink
{
	float:right;
}
/*.PageTitle
{
	border-bottom: 1px solid #99B7C5;
	margin-left:100px;
	padding-top: 45px;
	padding-bottom: 5px;
}*/
.PageTitle
{
	display:none; /*Replaces original code above which displayed a title from CMS*/
}

/******************* MAIN TITLE ********************/
.MainTitle .Text
{
	padding-top:5px;
	padding-bottom:7px;
	font-weight:bold;
	font-size:9pt;
}

/******************** BREAD CRUMB *************************/
.Breadcrumb {color:#999999;}
.Breadcrumb a{color:#7C232B; text-decoration:none;}
.Breadcrumb a:hover{text-decoration:underline;}


/******************* GLOSSARY ****************/
dt{font-weight: bold;margin-bottom: 2px;}
dd{margin-left:10px;margin-bottom:15px;}


/****************** EVENT ********************/
.Event{ margin-bottom: 10px;border-bottom: 1px dashed #CCCCCC;padding-bottom: 10px;}
.Event .Date{color: #999999;margin-bottom: 5px;padding-top:5px;}
.Event .Title{font-weight: bold;margin-bottom: 2px;color: #241A61;}
/*.NewsSnippet .Title a{color: #004B6E;}*/
.Event .Brief{}



/***************** NEWS ARTICLES *******************/
.NewsArticle .Date{margin-bottom: 5px;font-style:italic;}

.NewsSnippet
{
	margin-bottom: 10px;
	border-bottom: 1px solid #d9d9d9;
	padding-bottom: 10px;
	/*height:90px; /*DFe*/
	/*color:#666;*/
}
.NewsSnippet .Day  /*DFe - see Xsl/News_List.xsl*/
{
	background-color:#000;
	padding:2px 2px 2px 2px;
	color:#d9d9d9;
}
.NewsSnippet .Date
{
	border-top:solid 1px #999;/*DFe*/
	padding:2px 0px 2px 0px;
	float:left;/*DFe*/
	color: #666;/*DFe*/
	margin-bottom: 5px;
	width:80px;/*DFe*/
	height:80px;/*DFe*/
	background-color:#eee;/*DFe*/
	margin-right:10px;/*DFe*/
}
.NewsSnippet .Title{font-weight: bold;margin-bottom: 5px;font-size: 12pt; font-family:Arial, Helvetica, sans-serif;}
.NewsSnippet .Title a{color: #9E0B0F;}
.NewsSnippet .Brief{}


/****************** FAQS *********************/
.FaqQuestionList{}
.FaqAnswerList{}
.FaqAnswerList .Faq{margin-bottom:10px;padding-bottom:10px;border-bottom:1px dashed #CCCCCC;}
.FaqAnswerList .Question{font-weight: bold; background:#9E0B0F; padding: 2px 5px; color: #FFFFFF;}
.FaqAnswerList .Answer{margin-left: 5px; margin-right: 5px;}
.FaqAnswerList .Answer p{margin-top: 5px; margin-bottom: 10px;}


/****************** FEATURED PROFESSIONAL  *********************/
#div_featured_professional {}
#div_featured_professional .name {color:#9E0B0F;font-weight:bold;}
#div_featured_professional .position {color:#004B6E;}
#div_featured_professional .name a{color:#9E0B0F;}
#div_featured_professional .name a:hover{color:#004B6E;text-decoration:none;}