﻿/*****************************************************************************
*							Margin Elements CSS
*****************************************************************************/
/*****************************************************************************
*						Anchor Links / Jump to Box
*****************************************************************************/
div#anchorLinksWrapper
{
	width: 221px;
	padding-right: 10px;
}
div#anchorLinksTop
{
	width: 230px;
	height: 21px;
	background: url("../../graphics/marginElements/anchorLinkHeader.gif") no-repeat;
}
div#anchorLinksContent
{
	width: 230px;
	background: url("../../graphics/marginElements/anchorLinkTiler.gif") repeat-y;
}
div#anchorLinksText
{
	width: 205px;
}
div#anchorLinksContent h3
{
	margin: 0 0 0 25px;
	padding: 0;
	font-size: 1.8em;
}
div#anchorLinksContent ul
{
	margin: 0 0 0 25px;
	padding: 0;
	list-style-type: none;
}
div#anchorLinksContent li
{
	padding-top: 7px;
	font-size: 1.2em;
	font-weight: bold;
}
div#anchorLinksContent a:link
{
	font-weight: bold;
	text-decoration: underline;
	color: #074B88;
}
div#anchorLinksContent img
{
	margin: 0;
	padding: 0;
	display: block;
}
div#anchorLinksBottom
{
	width: 230px;
	height: 28px;
	background: url("../../graphics/marginElements/anchorLinkFooter.gif") no-repeat;
}
div#seeAlso
{
	width: 230px;
	margin-top: 75px;
	padding-right: 10px;
	background: url("../../graphics/marginElements/SeeAlsoTop.gif") no-repeat;
}
div#seeAlsoText
{
	width: 205px;
	padding-top: 25px;
}
div#seeAlso ul
{
	margin: 0 0 0 24px;
	padding: 0;
	list-style-type: none;
}
div#seeAlso li
{
	padding-top: 7px;
	font-size: 1.2em;
	font-weight: bold;
}
div#seeAlso a:link, div#seeAlso a:visited
{
	font-weight: bold;
	text-decoration: underline;
	color: #074B88;
}
/*div#anchorLinksWrapper
{
	width: 221px;
	padding-right: 10px;
}
div#anchorLinksTop
{
	width: 230px;
	height: 24px;
	background: url("../../graphics/marginElements/OTP_top.gif") no-repeat;
}
div#anchorLinksContent
{
	width: 219px;
	margin-left: 7px;
	border-left: solid 2px #003666;
	border-right: solid 2px #003666;
	background: #ECE8E0;
}
div#anchorLinksText
{
	width: 205px;
}
div#anchorLinksContent h3
{
	margin: 0 0 0 25px;
	padding: 0;
	font-size: 1.8em;
}
div#anchorLinksContent ul
{
	margin: 0 0 0 15px;
	padding: 0;
	list-style-type: none;
}
div#anchorLinksContent li
{
	padding-top: 7px;
	font-size: 1.2em;
	font-weight: bold;
}
div#anchorLinksContent a:link, div#anchorLinksContent a:visited
{
	font-weight: bold;
	text-decoration: underline;
	color: #074B88;
}
div#anchorLinksContent img
{
	margin: 0;
	padding: 0;
	display: block;
}
div#anchorLinksBottom
{
	width: 219px;
	height: 12px;
	margin-left: 7px;
	border-left: solid 2px #003666;
	border-right: solid 2px #003666;
	border-bottom: solid 2px #003666;
	background: #ECE8E0;
}*
/*****************************************************************************
*							Simple Callout									 *
*****************************************************************************/
.simpleCalloutText
{
	padding: 0 10px;
}
.simpleCalloutText p
{
	font-size: 1.8em;
	font-weight: bold;
}
.blueSimpleCallout
{
	color: #496F94;
	border-top: solid 2px #496F94;
	border-bottom: solid 2px #496F94;
}
.greenSimpleCallout
{
	color: #360;
	border-top: solid 2px #360;
	border-bottom: solid 2px #360;
}
.orangeSimpleCallout
{
	color: #B9A762;
	border-top: solid 2px #B9A762;
	border-bottom: solid 2px #B9A762;
}
/*****************************************************************************
*									Callout									 *
*****************************************************************************/
.calloutText
{
	padding: 10px 15px 15px 15px;
}
.calloutText h3
{
	margin-bottom: 0;
	font-size: 1.8em;
}
.calloutText p
{
	margin-top: 0;
	font-size: 1.2em;
}
.calloutText a:link
{
	color: #074B88;
}
.blueCallout
{
	border-top: double 4px #496F94;
	border-bottom: double 4px #496F94;
}
.greenCallout
{
	border-top: double 4px #360;
	border-bottom: double 4px #360;
}
.orangeCallout
{
	border-top: double 4px #B9A762;
	border-bottom: double 4px #B9A762;
}
/*****************************************************************************
*									Interest								 *
*****************************************************************************/
div#referralWrapper
{
	width: 230px;
	margin-bottom: 0px;
}
.referralTop
{
	width: 230px;
	height: 89px;
}
.blueReferral .referralTop
{
	background: url("../../graphics/marginElements/refBlueTop.gif") no-repeat;
}
.greenReferral .referralTop
{
	background: url("../../graphics/marginElements/refGreenTop.gif") no-repeat;
}
.orangeReferral .referralTop
{
	background: url("../../graphics/marginElements/refOrangeTop.gif") no-repeat;
}
.referralContent
{
	margin-top: -30px;
	background: url("../../graphics/marginElements/refTile.gif") repeat-y;
}
.referralContent p
{
	margin: 10px 0 0;
	padding: 0 15px 0 30px;
	font-size: 1.2em;
	color: #041690;
}
.referralContent a
{
	text-decoration: underline;
	color: #074B88;
}
.referralContent a:hover
{
	text-decoration: underline;
}
.referralBottom
{
	width: 230px;
	height: 32px;
	background: url("../../graphics/marginElements/refBottom.gif") no-repeat;
}
/*****************************************************************************
*									Sidebar									 *
*****************************************************************************/
div.sidebarWrapper
{
	width: 221px;
	padding-right: 10px;
}
div.sidebarTop
{
	width: 230px;
	height: 47px;
	background: url("../../graphics/marginElements/sidebarBlueTop.gif") no-repeat;
}
.sidebarContentWrapper
{
	position: relative;
	z-index: 12;
	margin: -35px 0 0;
	padding: 0;
	width: 228px;
	border-left: 1px solid #095AA6;
	border-right: 1px solid #095AA6;
}
.sidebarContent
{
	margin: 0;
	padding: 0;
	width: 210px;
}
.sidebarContent h3
{
	margin: 0 0 0 10px;
	padding: 0;
	font-size: 2em;
}
.sidebarContent p
{
	margin-top: 6px;
	margin-left: 10px;
	padding: 0;
	font-size: 1.2em;
}
div.sidebarBottom
{
	position: relative;
	z-index: 11;
	margin: -33px 0 0;
	width: 230px;
	height: 47px;
	background: url("../../graphics/marginElements/sidebarBlueBottom.gif") no-repeat;
}
/*****************************************************************************
*								TV Style									 *
*****************************************************************************/
.tvText
{
    font-size: 1.4em;
    padding: 10px 15px 0px;
}
.tvText h3
{
    margin: 8px 0 0 0;
    padding: 0;
}
.greenTV
{
    border-bottom: 4px double #336600;
    border-top: 4px double #336600;
}
.orangeTV
{
    border-bottom: 4px double #B9A762;
    border-top: 4px double #B9A762;
}
.blueTV
{
    border-bottom: 4px double #496F94;
    border-top: 4px double #496F94;
}
