/* CSS Document
TODO: change from the hardcoded context path to "../images"...
*/
h1 {
	font-family:arial;
	font-weight:bold;
	font-size:11px;
	line-height:11px;
	padding:0px;
	margin:0px;
}

body {
	font-family:arial;
	font-size:10px;
	color:#333333;
	background-image:url('../images/background2.gif');
	padding:0px;
	margin:0px;
}

img {
	border:none;
}

p.standardtext, td {
	font-family:arial;
	font-size:11px;
	color:#333333;
}

body a, p.standardtext a, td a {
	font-family:arial;
	font-size:11px;
	color:#333333;
	text-decoration:underline;
}

#topWrapper {
	width:980px;
	left:50%;
	margin-left:-490px;
	padding:0px;
	height:104px;
	position:relative;
}

#topWrapperShadow {
	background:url('../images/shadow-top.png') no-repeat top;
	/* transparent png fix for IE */
	_background-image:none;
    /* full path works in IE 7
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://75.125.185.82:9080/site/docroot/telacu/images/shadow-top.png', sizingMethod='scale');
    */
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://75.125.185.82:9080/site/docroot/telacu/images/shadow-top.png', sizingMethod='scale');
    width:100%;
	height:20px;
	line-height:0px;
	font-size:0px;
}

#topWrapperContentShadow {
	background:url('../images/shadow-middle.png');
	/* transparent png fix for IE */
	_background-image:none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://75.125.185.82:9080/site/docroot/telacu/images/shadow-middle.png', sizingMethod='scale');
	height:84px;
	width:980px;
}

#headerContainer {
	/*border-bottom:solid 1px #333333;*/
	width:940px;
	margin:0px 21px 0px 19px;
}

#logo {
	width:118px;
	height:84px;
	float:left;
	/* To make area clickable in IE. Fix needed due to transparent background */
	position:relative;
	z-index:1;
}

#subLogo {
	height:84px;
	/* To make area clickable in IE. Fix needed due to transparent background */
	position:relative;
}

#middleWrapper {
	width:980px;
	height:464px;
	position:relative;
	left:50%;
	margin-left:-490px;
}

#mainContainerShadow {
	background:url('../images/shadow-middle.png');
	/* transparent png fix for IE */
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://75.125.185.82:9080/site/docroot/telacu/images/shadow-middle.png', sizingMethod='scale');
	width:980px;
	height:464px;
}

#mainContainer {
	width:940px;
	margin:0px 21px 0px 19px;
	position:relative;
	z-index:1;
}

#bannerContainerWrapper {
	width:940px;
	height:356px;
	border-top:solid 1px #333333;
	border-bottom:solid 3px #333333;
}

#bannerContainer {
	width:940px;
	height:353px;
	margin-top:2px;
	margin-bottom:1px;
	background-color:#9BAC68;
	/* To make area clickable in IE. Fix needed due to transparent background */
	position:relative;
}

#navContainer {
	background:transparent;
	position:absolute;
	margin-top:-51px;
	margin-left:5px;
	z-index:11;
}

#navContainer ul {
	background:transparent;
	position:relative;
	z-index:1;
	list-style:none;
	margin:0px;
	padding:0px;
}

#navContainer ul li {
	background:transparent;
	margin:0px 1px 0px 0px;
	padding:0px;
	width:153px;
	height:49px;
	float:left;
}

#navContainer2 {
	background:transparent;
	position:absolute;
	margin-top:-331px;
	margin-left:5px;
	z-index:10;
}

#navContainer2 ul {
	background:transparent;
	position:relative;
	z-index:1;
	list-style:none;
	margin:0px;
	padding:0px;
}

#navContainer2 ul li {
	background:transparent;
	margin:0px;
	padding:0px;
}

#navHitBox {
	position:absolute;
	margin-top:-337px;
	width:780px;
	height:337px;
	z-index:8;
}

#teaserContainer {
	width:940px;
	margin:17px 0px 13px 0px;
	height:74px;
}

#teaserWrapperAbsolute1 {
	position:absolute;
	z-index:50;
	width:349px;
	/* this height is set so it doesn't get affected by the height of the relative wrapper */
	height:74px;
}

#teaserWrapperRelative1 {
	position:relative;
}

#teaserWrapperAbsolute1 .closed {
	height:74px;
}

#teaserWrapperAbsolute1 .open {
	top:-134px;
	height:208px;
}

#interestTitleBackground {
	background:url('../images/teaser-header-349.png') no-repeat top;
	/* transparent png fix for IE */
	_background-image:none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://75.125.185.82:9080/site/docroot/telacu/images/teaser-header-349.png', sizingMethod='scale');
	width:349px;
	height:24px;
}

#interestTitle {
	/* this absolute position enables "click" on elements above a transaprent PNG. this is an issue with IE*/
	position:absolute;
	z-index:51;
	width:325px;
	margin-left:20px;
	margin-top:10px;
	height:14px;
}

#interestTitle img {
	vertical-align:middle;
	margin-right:2px;
}

#interest {
	width:305px;
	_width:349px;
	padding-left:22px;
	padding-right:22px;
	background-color:#EBEBE4;
	overflow:hidden;
}

#interest ul {
	list-style:none;
	padding:0px;
	margin:0px;
}

#interest li {
	padding:0px;
	margin:0px 0px 10px 0px;
}

#interest li p {
	padding:0px;
	margin:0px;
}

#interest li em {
	font-style:normal;
}

#interest ul .odd {
}

/* Fade effect for interest */
#teaserWrapperRelative1 .fadeClosed {
	background:url('../images/teaser-fade.png') top;
	/* transparent png fix for IE */
	_background-image:none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://75.125.185.82:9080/site/docroot/telacu/images/teaser-fade.png', sizingMethod='scale');
	position:absolute;
	z-index:60;
	width:349px;
	height:33px;
	margin-top:-33px;
}

#teaserWrapperRelative1 .fadeOpen {
	display:none;
}
/* End of fade effect */

#teaserWrapperAbsolute1 .closed {
	height:49px;
}

#teaserWrapperAbsolute1 .open {
	height:183px;
}

/* Teaser 2 */
#teaserWrapperAbsolute2 {
	position:absolute;
	z-index:50;
	width:586px;
	margin-left:354px;
	/* this height is set so it doesn't get affected by the height of the relative wrapper */
	height:74px;
}

#teaserWrapperRelative2 {
	position:relative;
}

#teaserWrapperAbsolute2 .closed {
	height:74px;
}

#teaserWrapperAbsolute2 .open {
	top:-134px;
	height:208px;
}

#newsTitleBackground {
	background:url('../images/teaser-header-586.png') no-repeat top;
	/* transparent png fix for IE */
	_background-image:none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://75.125.185.82:9080/site/docroot/telacu/images/teaser-header-586.png', sizingMethod='scale');
	width:586px;
	height:24px;
}

#newsTitle {
	/* this absolute position enables "click" on elements above a transaprent PNG. this is an issue with IE*/
	position:absolute;
	z-index:51;
	width:562px;
	margin-left:20px;
	margin-top:10px;
	height:14px;
}

#newsTitle img {
	vertical-align:middle;
	margin-right:2px;
}


#newsTitle img {
	vertical-align:bottom;
}

#news {
	width:546px;
	_width:586px;
	padding-left:22px;
	padding-right:22px;
	background-color:#EBEBE4;
	overflow:hidden;
}

#news ul {
	list-style:none;
	padding:0px;
	margin:0px;
}

#news ul li {
	padding:0px;
	margin:0px 0px 10px 0px;
	width:270px;
	float:left;
	font-style:normal;
	height:90px;
}

#news ul li p {
	font-style:normal;
	padding:0px;
	margin:0px;
}

#news ul li em {
	font-style:normal;
}

#news ul .odd {
	margin-right:6px;
	width:270px;
}

#teaserWrapperRelative2 .closed {
	height:49px;
}

#teaserWrapperRelative2 .open {
	height:183px;
}

/* Fade effect for interest */
#teaserWrapperRelative2 .fadeClosed {
	background:url('../images/teaser-fade.png') top;
	/* transparent png fix for IE */
	_background-image:none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://75.125.185.82:9080/site/docroot/telacu/images/teaser-fade.png', sizingMethod='scale');
	position:absolute;
	z-index:60;
	width:586px;
	height:33px;
	margin-top:-33px;
}

#teaserWrapperRelative2 .fadeOpen {
	display:none;
}
/* End of fade effect */

.moreClosed {
	display:none;
}

.moreOpen {
	display:'';
}

#moreNewsAndEvents {
	float:right;
}

#moreNewsAndEvents img {
	vertical-align:bottom;
	_vertical-align:middle;
	padding:0px;
	border:none;
	margin:0px 5px 0px 0px;
}

#moreInterest {
	float:right;
}

#moreInterest img {
	vertical-align:bottom;
	_vertical-align:middle;
	padding:0px;
	border:none;
	margin:0px 5px 0px 0px;
}

a.moreTeaser {
	font-style:italic;
	font-weight:bold;
	text-decoration:none;
	font-family:arial;
	font-size:11px;
	color:#333333;
	line-height:18px;

}

#bottomWrapper {
	width:980px;
	position:relative;
	left:50%;
	margin-left:-490px;
}

#bottomWrapperContentShadow {
	background:url('../images/shadow-middle.png');
	/* transparent png fix for IE */
	_background-image:none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://75.125.185.82:9080/site/docroot/telacu/images/shadow-middle.png', sizingMethod='scale');
	height:27px;
	width:980px;
}

#subFooterContainer {
	border-top:dotted 2px #CCCCCC;
	width:940px;
	margin:0px 19px 0px 21px;
	height:25px;
}

#contactTelacuWrapper {
    width:171px;
	float:left;
}

#contactTelacu {
    float:left;
    height:18px;
    margin:7px 0px 0px 0px;
    font-family:arial;
    font-size:11px;
    font-weight:bold;
    font-style:italic;
    text-decoration:none;
    line-height:18px;
    color:#333333;
	/* To make area clickable in IE. Fix needed due to transparent background */
	position:relative;
}

#contactTelacu a {
    font-family:arial;
    font-size:11px;
    font-weight:bold;
    font-style:italic;
    text-decoration:none;
    line-height:18px;
    color:#333333;

}

#contactTelacu img {
    vertical-align:bottom;
    _vertical-align:middle;
    padding:0px;
    border:none;
    margin:0px 5px 0px 0px;
}

#telacuSponsorsWrapper{
    float:left;
    width:482px;
}

#telacuSponsors {
    float:left;
    height:18px;
    margin-top:7px;
    font-family:arial;
    font-size:11px;
    font-style:italic;
    text-decoration:none;
    line-height:9px;
    color:#333333;
    /* To make area clickable in IE. Fix needed due to transparent background */
	position:relative;
}

#telacuSponsors p{
    padding:0px;
    margin:-4px 0px 1px 0px;
    _margin:-1px 0px 1px 0px
}

#telacuSponsors img {
    vertical-align:middle;
    _vertical-align:middle;
    padding:0px;
    border:none;
    margin:0px;
}

/* Used in the footer.jsp */
#searchTelacuWrapper {
	float:right;
    width:286px;
}

#searchTelacu {
	float:right;
	height:18px;
	margin:7px 0px 0px 0px;
	/* To make area clickable in IE. Fix needed due to transparent background */
	position:relative;
}

/* Used in the xcSearchField paragraph */
#searchTelacuField input {
	width:157px;
	height:18px;
	border:solid 1px #999999;
	font-family:arial;
	font-size:10px;
	padding:0px;
	margin:0px;
}

#searchTelacuField img {
	vertical-align:bottom;
    border: 0px;
    padding:0px;
    margin:0px;
}

#searchTelacuField a {
    text-decoration:none;
    font-family:Verdana;
    font-size:10px;
    color:#333333;
}

.searchTelacuResult {
    font-family: Verdana;
    font-size:10px;
}

.searchTelacuResult h2 {
	font-size:16px;
  font-weight: bold;
}

.searchTelacuResult h3 {
	font-size:10px;
  font-weight:normal;
  font-style: italic;
}

.searchTelacuResult a {
  text-decoration:none;
  font-family:Verdana;
  color:#333333;
}

.searchTelacuPagination {
  padding-top: 20px;
  padding-left: 20px;
  font-family: Verdana;
  font-size: 14px;
  font-weight: bold;
  color:#ff0000;
}

.searchTelacuPagination a {
  font-family: Verdana;
  text-decoration:none;
  color:#333333;
}

#bottomWrapperShadow {
	background:url('../images/shadow-bottom.png') no-repeat top;
	/* transparent png fix for IE */
	_background-image:none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://75.125.185.82:9080/site/docroot/telacu/images/shadow-bottom.png', sizingMethod='scale');
	height:25px;
	width:980px;
}

#footerContainerAbsolute {
	position:absolute;
	z-index:2;
	width:980px;
}

#footerContainer {
	float:right;
	margin:17px 19px 0px 0px;
	_margin:17px 10px 0px 0px;
}

#footerContainer ul {
	list-style:none;
	padding:0px;
	margin:0px;
}

#footerContainer ul li {
	float:left;
	padding:0px;
	margin:0px;
}

#footerContainer ul li a {
	text-decoration:none;
}

#footerContainer ul li.separator {
	margin:0px 3px 0px 3px;
}

.readMore {
	background:url('../images/background-link-read-more.gif') no-repeat;
	padding-left:10px;
}

a.readMore {
	font-style:italic;
	font-weight:bold;
	text-decoration:none;
	font-family:arial;
	font-size:11px;
	color:#333333;
}

.invisible {
	/*visibility:hidden;*/
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	opacity:.0;
}

.visible {
	/*visibility:visible;*/
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	opacity:1;
}

.clear {
	line-height:0px;
	font-size:0px;
	margin:0px;
	padding:0px;
	clear:both;
	height:0px;
}

/* Rich Menu - Home Page */
.navRichTitle {
	font-size:22px;
	line-height:22px;
	color:#ffffff;
	font-style:italic;
	font-weight:bold;
	padding:21px 0px 0px 37px;
}

.navRichContent {
	padding:15px 15px 0px 15px;
}

.navRichImage {
	width:202px;
	height:213px;
	float:left;
}

.navRichDescription {
	font-size:11px;
	line-height:12px;
	color:#ffffff;
	margin-bottom:20px;
	position:relative;
}

.navRichDescription em a {
	color:#ffffff;
}

.navRichDescription em a:visited {
        color:#ffffff;
}

.navRichDescription a {
	color:#ffffff;
}

.navRichDescription a:visited {
        color:#ffffff;
}

.navRichSiteMap {
    font-size:11px;
    line-height:12px;
    color:#ffffff;
    margin-left:222px;
}

.navRichSiteMap ul {
    float:left;
}

.navRichSiteMap ul li {
    list-style:square inside url('../images/nav-home-rich-link-list-style.gif');
    width:125px;
    float:left;
    position:relative;
    /* Work around for the bullets in a multi-column list for IE */
    _margin-left:-17px;
}

.navRichSiteMap ul li a {
    font-size:11px;
    line-height:12px;
    color:#ffffff;
    text-decoration:underline;
    display:block;
    margin:-10px 5px 6px 12px;
    /* Work around for the bullets in a multi-column list for IE */
    _background:url('../images/nav-home-rich-link-list-style.gif') 5px 4px no-repeat left top;
    _padding-left:17px;
	_margin:0px 5px 8px -5px;
}

#dynamicBanner {
    width:940px;
	height:353px;
}

#dynamicBanner img {
	position:absolute;
}

#dynamicBanner img.right{
    margin:0px;
}

#dynamicBanner img.left{
    margin-left:470px; 
}


