@charset "utf-8";
/* Browser reset */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
	z-index:99;
	position:relative;
	
}
fieldset, img {
	border:0;
}
address, caption, cite, code, dfn, em, th, var {
	font-style:normal;
	font-weight:normal;
}
ol, ul {
	list-style:none;
}
caption, th {
	text-align:left;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}
q:before, q:after {
	content:'';
}
abbr, acronym {
	border:0;
}

/*********************************************** 
				HTML Tags
***********************************************/
	
body {
	font-size: 62.5%;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	/* text-align: center; this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	min-width: 760px;
}
P {
	font-size: 1.1em;
	padding-bottom: 1em;
}
a {
	
	text-decoration:underline;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: 0px 0.4em;
	padding-left: 12px;
	z-index:1;
}


/*********************************************** 
				Global styles
***********************************************/

#container {
	width: 100%;
	background: #FFFFFF;
	margin: 0 auto;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
#header {
	height: 146px;
	
}
#logo {
	height: 53px;
	width: 215px;
	position: absolute;
	left: 35px;
	top: 47px;
}
#logo a {
	background-image: url(../../../../images/platform-logo.gif);
	background-repeat: no-repeat;
	display: block;
	height: 53px;
	width: 215px;
	padding-left: 0px;
	background-position: 0px 0px;
	text-decoration:none;
}
#logo a strong {
	visibility: hidden;
}
#search {
	position: absolute;
	top: 104px;
	right: 240px;
	width: 195px;
	
}
#search input#Template_topSearch_quickSearch  {
	font-size: 11px;
	width: 154px;
	margin-right: 2px;
	padding: 2px;
	
}
#search .Button {
	position: absolute;
	background-image: none;
	padding: 0px;
	
}
#search .leftEdge {
	position: absolute;
	left: 0px;
	top: 0px;
	
}

#contacts {
	color: #0F004E;
	position: absolute;
	right: 30px;
	width: 200px;
	top: 8px;
}
#contacts p {
	padding-bottom: 5px;
}

#contacts .tel, #contacts .email, #contacts .time {
	background-repeat: no-repeat;
	padding-left: 28px;
	line-height: 23px;
	font-weight: bold;
}
#contacts .tel {
	background-image: url(../../../../images/contact-icon1.gif);
}
#contacts .email {
	background-image: url(../../../../images/contact-icon2.gif);
	background-color:#FFFFFF;
}

#contacts .email a {
	color: #0F004E;
	background-image: none;
	padding: 0px;
	text-decoration:none;
}


#contacts .time {
	background-image: url(../../../../images/contact-icon3.gif);
}


#topNav {
	height: 21px;
	line-height: 21px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	background-repeat: repeat-x;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	position: absolute;
	z-index:100;
	top: 143px;
	left: 0px;
	width: 100%;
}
#topNav #endLink {
	width: 200px;
	position: absolute;
	right: 0px;
	height: 21px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	top: -1px;
	background-repeat: repeat-x;
	text-align: center;
	z-index:100;
}
#topNav #endLink a{
	font-weight: bold;
	/*color: #FFFFFF;*/
	text-decoration: none;
	background-position: right 0.4em;
	padding-right: 10px;
	padding-left: 0px;
	z-index:100;
}

#splash {
	margin-right: auto;
	margin-left: auto;
	width: 580px;
	text-align: center;
	margin-top: 34px;
	color: #0F004E;
	margin-bottom: 30px;

}
#splash #section1 {
	background-image: url(../../../../images/splashbox1.jpg);
	height: 286px;
	width: 186px;
	float: left;
	text-align: left;
	color: #FFFFFF;
	padding-top: 22px;
	padding-left: 38px;
	padding-right: 38px;
}
#splash #section2 {
	background-image: url(../../../../images/splashbox2.jpg);
	height: 286px;
	width: 186px;
	float: right;
	text-align: left;
	color: #FFFFFF;
	padding-top: 22px;
	padding-left: 38px;
	padding-right: 38px;
}
#splash #section1 h2, #splash #section2 h2 {
	/*font-size:2.6em;*/
}
#splash #section1 p, #splash #section2 p {
	/*font-size: 1.5em;*/
}
#splash .sectionLink {
	height: 35px;
	margin-top: 2.5em;
	margin-bottom: 3.8em;
}
#splash .sectionLink a {
	background-repeat: no-repeat;
	display: block;
	height: 35px;
	width: 116px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	background-position: 0px 0px;
}
#splash .sectionLink a strong {
	visibility: hidden;
}
#splash #section1 .sectionLink a{
	background-image: url(../../../../images/enter-intermed.gif);
}
#splash #section2 .sectionLink a {
	background-image: url(../../../../images/enter-public.gif);
}
#sidebar1 {
	float: left; 
	width: 180px;
	padding-top: 34px;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 0;
	margin-left: 20px;
	display: inline;
}
#sidebar2 {
	float: right; 
	width: 180px; 
	padding-top: 34px;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 0;
	margin-right: 20px;
	display: inline;
}

#sidebar3 {
	
	float: right; 
	
	width: 180px; 
	
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 0;
	margin-right: 20px;
	position:relative;
	top:-90px;


	
	
	
}

.twoColRight #sidebar2 {
	width: 160px;
	padding-top: 34px;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 0;
	margin-right: 20px;
}
#mainContent {
	color: #0F004E;
	padding-bottom: 30px;
	padding-top: 34px;
	margin-right: 222px;
	margin-left: 222px;
	min-height: 494px;
	position:relative;
	z-index:1;
	
}

#mainContent1 {
	
	padding-top: 34px;
	margin-left: 20px;
	position:relative;
	

	width:670px;
}
	
#mainContent3 {
	color: #0F004E;
	position:relative;
	margin-left: 20px;
	z-index:1;
	
	
	
	
}
#mainContent2 {
	
	
	margin-left: 20px;
	margin-right: 20px;
	
	width: 180px;
	
			
	
}







.oneCol #mainContent {
	margin-right: 20px;
	margin-left: 20px;
	
	
	
}
.twoColLeft #mainContent {
	margin-right: 20px;
	
	
	padding-left: 15px;
	/*border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #C2D5AD;*/

	
}
.twoColRight #mainContent {
	margin-right: 200px;
	
	
	
	margin-left: 20px;
	padding-right: 15px;
	/*border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #554896;*/
}
.threeCol #mainContent {
	padding-top: 50px;
	
		
	
}
#mainContent #newsTicker {
	height: 26px;
	width:  100%;
	background-color: #FFFFFF;
	margin-bottom: 13px;
	
	
	
	
}
#mainContent #col1, #mainContent #col2, #mainContent #col3 {
	background-color: #FFFFFF;
	position: relative;
	min-height: 210px;
	padding-bottom: 10px;
	
	
}
#mainContent #col1 {
	width: 32%;
	float: left;
	
		
}
#mainContent #col2 {
	margin-right: 33%;
	margin-left: 33%;
	
}
#mainContent #col3 {
	width: 32%;
	float: right;
	
	
}
#mainContent .tl, #mainContent .tr, #mainContent .bl, #mainContent .br {
	background-repeat: no-repeat;
	height: 3px;
	width: 5px;
	font-size: 1px;
	line-height: 0px;
}
#mainContent .tl {
	background-image: url(../../../../images/corners/tl.gif);
	left: 0px;
	top: 0px;
}
#mainContent .tr {
	background-image: url(../../../../images/corners/tr.gif);
	top: 0px;
	right: 0px;
}
#mainContent .bl {
	background-image: url(../../../../images/corners/bl.gif);
	left: 0px;
	bottom: 0px;
}
#mainContent .br {
	background-image: url(../../../../images/corners/br.gif);
	right: 0px;
	bottom: 0px;
}
#banner {
	height: 90px;
	float: left;
	width: 100%;
	margin-top: 8px;
}

#footer {
	text-align: center;
	margin-bottom: 20px;
	color: #666666;
}
#footerBar {
	height: 21px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	background-repeat: repeat-x;
}
#footerLinks {
	margin-top: 3px;
}
#footerLinks a {
	color: #666666;
	text-decoration: none;
	font-size: 1.1em;
	padding-left: 0px;
	background-image: none;
}
#footerInfo {
	padding-right: 20px;
	padding-left: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	margin-top: 13px;
}

/*********************************************** 
			Miscellaneous classes for reuse
***********************************************/

/* Class used to control size and position of div that contains editable area.
   By not specifying a width property a div with this class will expand to fill its containing div but
   the margin of 2 pixels ensures that there will always be sufficient room for the 2 pixel border around
   an activated editable area.
*/

.editarea {
	margin:2px;
	
	
}
.editarea2 {
	display: block;
	margin-right: 10px;
	margin-left: 10px;
	min-height:210px;
		
	
}	
.clearfloat { 
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

.noarrow
{
background:none;
padding-left: 0px;
}


/*********************************************** 
			Top Drop Down Menu Styles
***********************************************/

/* These styles are used globally by the top drop down menu. Colour specifc styles are defined elsewhere.
		
/* style for the actual menu links. display and height are important to the operation of the menu. change the others if you like (note:colour changes should probably go in the colour style sheets */
div#topNav li a {
	height:100%;
	text-decoration:none;
	padding-left: 0px;
	background-image: none;
	z-index:100;
}
div#topNav ul ul li a {
	display:block;
	height:100%;
	text-decoration:none;	
	z-index:100;
}
/* default li tag style for this menu - you probably won't need to change this */
/* the postion:relative and float:left are critical to the correct operation of the menu */
div#topNav ul li {
	position:relative;
	float:left;
	margin:0px;
	z-index:100;
}
/* this style is essential to the correct operation of the menu. it ensures correct positioning of the "leaves". */
div#topNav ul {
	padding-left: 20px;
	z-index:100;
	position:relative;
}
div#topNav ul ul {
	position:absolute;
	padding-left: 0px;	
	z-index:100;
}
/* The following 2 groups of styles handle making the menu leaves appear and disappear on mouseover*/
		/* if want extra levels of drop downs, you need to add extra styles here for each level*/
		/* There are sufficient styles here for a 3 level menu. for a 4th level add a new css selector with an additional*/
		/* ul tag before the li:hover. eg div#topNav ul ul ul ul li:hover ul ul/*
		/* please read the ImmSample documentation for more details */
div#topNav ul ul,  div#topNav ul li:hover ul ul,  div#topNav ul ul li:hover ul ul,  div#topNav ul ul ul li:hover ul ul {
	display:none;
}
div#topNav ul li:hover ul,  div#topNav ul ul li:hover ul,  div#topNav ul ul ul li:hover ul,  div#topNav ul ul ul ul li:hover ul {
	display:block;
}
/* This next block of styles controls the appearance of the top menu bar and also contains styles to override the level 0 styles for lowers levels where necessary */
	/* it is this section which really differentiates the top drop down menu from a side flyout menu */

	/* We have found that using px units (rather than say em units) is more reliable across different browsers implementations of the CSS2 box model.*/
	/* CSS2 is seriouly flawed in how it handles dimensions of content elements, but we're stuck with it until CSS3 is widely adopted */
	
	/* This section defines the width of the menu items at different levels */
div#topNav ul.L0 {
	width:940px;
} /* defines the total width of the top menu */
div#topNav ul.L1 {
	width:170px;
} /* width of level 1 leaves */
div#topNav ul.L2 {
	width:170px;
} /* width of level 2 leaves */
/* defines position of drop down leaves */
div#topNav ul.L0 ul {
	top:21px;
	left:0;
} /* position of first leaf */
div#topNav ul.L1 ul {
	top:-1px;
	left:100%;
} /* position of second leaf */
div#topNav ul.L2 ul {
	top:-1px;
	left:100%;
} /* position of third leaf - if there is one*/
/* defines width of menu items */
div#topNav ul.L0 li {
	width:auto;
} /* level 0 items */
div#topNav ul.L1 li {
	width:170px;
} /* level 1 items */
div#topNav ul.L2 li {
	width:170px;
} /* level 2 items */

/* Defines height and width of a tags within the above li tags.

note that padding-left, padding-right and width must add up to the values above. mozilla seems to have a bit of problem in the sample site here in the for the top level only, wehadto add 4 more pixels in order to get the borders to show properly on the menu 
 
Padding-top and padding bottom styles are useful for netscape which doesn't seem to handle "filling" the LI tag to 100% height
change the padding styles, but exercise some caution with different browsers
*/
div#topNav ul.L0 li a {
	font-weight:bold;
	padding-left:20px;
	padding-right:20px;
	margin-top: 2px;
	margin-bottom: 2px;
	z-index:99;
	position:relative;
}
div#topNav ul.L1 li a {
	font-size:0.9em;
	width:150px;
	height:auto;
	font-weight:normal;
	padding-left:5px;
	padding-right:15px;
	padding-top:0.3em;
	padding-bottom:0.3em;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height:normal;
	z-index:99;
	position:relative;
	
}
div#topNav ul.L2 li a {
	width:150px;
	height:auto;
	font-weight:normal;
	padding-left:5px;
	padding-right:15px;
	padding-top:0.3em;
	padding-bottom:0.3em;	
	z-index:99;
	position:relative;
}
/* end top menu bar*/



#immSearchLabel
     
{	
	display:none;
}

#mainContent #newsTicker {}

#mainContent #newsTicker .scrollerbody

{	
	display:none;
	
	
}#mainContent #newsTicker .scrollertitle

{	
	width:100% !important;
	padding:1px 1px 1px 5px;
	
	
}

#mainContent #newsTicker img

{	display:none;
	
	

}



 #newsTicker {margin-top:20px;}

 #newsTicker .scrollerbody

{	
	display:none;
	
	
} #newsTicker .scrollertitle

{	
	width:100% !important;
	padding:1px 1px 1px 5px;
	
	
}

 #newsTicker img

{	display:none;
	
	

}

P {

      font-size: 1.3em;

      padding-bottom: 1em;

}