@charset "utf-8";
/* --------------- GLOBAL PAGE SETTINGS -------------- */
body  {
	font: 1em Arial, Helvetica, sans-serif; /* The default parent font.  Any text element will show up with these setting unless specified differently on that element. */
	background: #FFFFFF; /* The overall while page background.*/
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0; /* ensures no extra spacing is added*/
	color: #000000; /* Sets the font color for the pages to be black */
}
/* This is the link treatment for all states of an a link */
a:link{ border:none; color:#006699;	text-decoration: none;}
a:visited{ border:none; text-decoration: none;}
a:hover{ text-decoration: underline;}
/* This creates the look for any of the headers with the grey gradient, orange borders */
.twoColFixRtHdr h2 { 
	font: .8em Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	font-weight: bold;
	margin: 0 0 15px 0;
	padding: 15px 0 10px 0;
	background-image: url(/images/h3-section-heading-bg.gif);
	background-repeat: repeat-x;
	border-bottom: 1px solid #CCCCCC;
}

/* --------------- CONTAINER: PARENT DIV -------------- */
.twoColFixRtHdr #container { 
	width: 49em;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF; /* Sets the background to be white of the parent container that hold all the other divs */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	padding: 0;
} 
.twoColFixRtHdr #container2 {
	background: #FFFFFF;
	margin: 0 auto;
	text-align: left; /* this overrides the text-align: center on the body element. */
	margin: 0 10px 0px 10px;
	width: 61.25em;
} 
.twoColFixRtHdr #container p.top{ 
	font-size: .75em;
	color: #333;
} 

/* --------------- HEADER -------------- */
/*  HEADER  */
#header{background: #FFF; padding:0px; font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;}
#header img.logo{margin-top:25px; display:inline; float:left;}
#headerActions {
	width: 34em;
	border:1px solid #2f93ce;
	border-top: 0px;
	height:31px;
	background:url(/images/footer-actions-bg-gradient.gif);
	background-repeat:repeat-x;
	color:#FFF;
	float:right;
	text-align:right;
	-webkit-border-bottom-left-radius: 4px;
	-khtml-border-radius-bottomleft: 4px;	
	-moz-border-radius-bottomleft: 4px;
	border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-khtml-border-radius-bottomright: 4px;	
	-moz-border-radius-bottomright: 4px;
	border-bottom-right-radius: 4px;
}
#headerActions ul{
	list-style:none;
	margin:0px;
	padding:6px 4em 9px 15px;
	display:block;
	text-align:left;
	float: left;
	font-size: .75em;
}
#headerActions li{
	display:inline;
	padding:0px 10px;
	margin:0px;
	border-right: 1px solid #fff;
}
#headerActions a:link{text-decoration: none; color:#fff;}
#headerActions a:visited{text-decoration: none; color:#fff;}
#headerActions a:active{text-decoration: none; color:#fff;}
#headerActions a:hover{text-decoration: underline; color:#fff;}
#headerActions li.last{border-right:0px;}
#headerActions li.first{padding-left:0px;}
#headerActionsText {
	display: inline;
	height:26px;
	font-size: .75em;
	float:left;
	padding-top:6px;
	margin:0px 20px 0px 0px;
}
#headerSecondaryActions {
	width: 34em;
	margin:10px 2px 0 0;
	height:25px;
	float:right;
}
#headerSecondaryActions .manageServices{
	width: 12em;
	background: url(/images/manage-services-bg.png);
	background-repeat:repeat-x;
	-webkit-border-bottom-left-radius: 4px;
	-khtml-border-radius-bottomleft: 4px;	
	-moz-border-radius-bottomleft: 4px;
	border-bottom-left-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-khtml-border-radius-topleft: 4px;	
	-moz-border-radius-topleft: 4px;
	border-top-left-radius: 4px;
	font-weight: 800;
	color:#666;
	font-size:.75em;
	height:21px;
	border: 1px solid #7E7E7E;
	padding:4px 10px 0px 10px;
	float:left;
	border-right:0;

}
#headerSecondaryActions .manageServices a:link{border:none; text-decoration: none; color:#666;}
#headerSecondaryActions .manageServices a:visited{border:none; text-decoration: none; color:#666;}
#headerSecondaryActions .manageServices a:hover{text-decoration: underline;	color:#666;}
#headerSecondaryActions .manageServicesArrow{
	width: 25px;
	border: 1px solid #7E7E7E;
	border-left:0;
	display: inline-block;
	float: left;
	height:25px;
	background: url(/images/manage-services-bg-arrow.png);
	background-repeat: no-repeat;
	cursor:pointer;
	-webkit-border-bottom-right-radius: 4px;
	-khtml-border-radius-bottomright: 4px;	
	-moz-border-radius-bottomright: 4px;
	border-bottom-right-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-khtml-border-radius-topright: 4px;	
	-moz-border-radius-topright: 4px;
	border-top-right-radius: 4px;
}
#headerSecondaryActions .manageServicesArrow:hover{
	background: url(/images/manage-services-bg-arrow-hover.png);
	background-repeat: no-repeat;
}
#headerSecondaryActions .manageServicesArrowSelect{
	width: 25px;
	border: 1px solid #006699;
	display: inline-block;
	float: left;
	height:25px;
	background: url(/images/manage-services-bg-arrow-select.png);
	background-repeat: no-repeat;
	cursor:pointer;
	-webkit-border-top-right-radius: 4px;
	-khtml-border-radius-topright: 4px;	
	-moz-border-radius-topright: 4px;
	border-top-right-radius: 4px;
	display:none;
}
#headerSecondaryActions .mainSearch{
	width: 17.75em;
	height: 25px;
	float: right;
	text-align:right;
	padding:0;
	margin:0;
}
#headerSecondaryActions .mainSearch form{height:25px;padding:0;margin:0;}
#headerSecondaryActions .mainSearch form .element{margin:2px 0 0 0;font-size:.75em; border: 1px solid #7E7E7E; color:#000; background: #F3F3F3; width:200px;padding:2px 5px;}
#headerSecondaryActions .mainSearch form .element2{margin:2px 0 0 0; font-size:.75em; padding:0;}
#headerSecondaryActions .searchBox{text-align:left; width:200px;display: inline; float:left;}
#headerSecondaryActions .mainSearch form .elementAccessible{margin:2px 0 0 0;font-size:.75em; border: 1px solid #7E7E7E; color:#666; padding:2px 5px; background: #F3F3F3; width:200px;}
#manageServicesFull{position:relative; top:-9px; border: 1px solid #2f93ce; background:#FFF; margin:0; width:958px; text-align:right; display:none;}
#manageServicesFull .column{width:299px;padding:10px 10px 0px 10px;float:left; text-align:left;}
#manageServicesFull a:link{border:none; color:#006699;	text-decoration: none;}
#manageServicesFull a:visited{border:none; text-decoration: none;color:#006699;}
#manageServicesFull a:hover{text-decoration: underline;}
#manageServicesFull a:link.businessLink{font-family: Arial, Helvetica, sans-serif;border:none; color:#069; text-decoration: none;}
#manageServicesFull a:visited.businessLink{border:none; text-decoration: none;color:#006699;}
#manageServicesFull a:hover.businessLink{text-decoration: underline;}
#manageServicesFull p{color: #F90; font-family: Verdana, Geneva, sans-serif;margin:0; font-size:.8em; font-weight:bold; padding:10px;}
#manageServicesFull ul{font-family: Arial, Helvetica, sans-serif;font-weight: bold;color: #333;font-size:.85em; margin-bottom:10px}
#manageServicesFull li{margin-left:20px; font-size:.8em; font-weight: normal; line-height:1.35em;}

.twoColFixRtHdr #PrintLogo {
	display:none;
}

/*  FONTS - TYPE AHEAD STYLE  */
typeAhead {
	font-size: .75em; /* sets the font size for the Type Ahead section */
	padding: 0 .5em 0 .5em; /* top and bottom padding create visual space within this div */
	margin-top:-1px;
	width: 198px; /* the width of the Type Ahead box, which is a little larger than the text input box*/
	border: 1px solid #CCC; /* creates the light grey border around the Type Ahead options */
	text-align:left;
	background-color: #FFFFFF;
	display:block;
	z-index:9999;
	position:relative;
}
#typeAhead ul{
	margin: 0px; /* ensures no extra spacing is added*/
	padding: 0px; /* ensures no extra spacing is added*/
	list-style: none; /* removes the dots infront of list items */
	z-index:100;
}
#typeAhead li{
	margin: 0; /* ensures no extra spacing is added*/
	padding: .1em 0; /* ensures no extra spacing is added*/
	line-height: .95em; /* Sets the line hight of any line item to be .95 of an em */
	display: block; /* extends the list item to be the width of the parent div #typeAhead */
}
#typeAhead a:link{display: block; margin: 0 -.5em; padding: .25em .5em; color:#333; text-decoration: none;}
#typeAhead a:visited{color: #333; text-decoration: none; display: block; margin: 0 -.5em; padding: .25em .5em;}
#typeAhead a:hover{text-decoration: none; background-color: #EEE; display: block;}
#typeAhead strong{color: #006699;}
.twoColFixRtHdr #sectionTitle {
	border-bottom: 1px dashed #FF9900;
	padding: 0px;
}  
.twoColFixRtHdr #sectionTitle h1{
	font-size: 1.5em;
	font-weight: bold;
	color:#333333;
	padding: 0px;
	margin: 0px;
	background-color: #FFFFFF;
}
.twoColFixRtHdr #breadcrumbs {
	font-size: .65em;
	color: #FF9900;
	padding: 3px 1px;
	margin-bottom: 15px;
}
/* This is the link treatment for breadcrumb states of an a link */
.twoColFixRtHdr #breadcrumbs a:link{ border:none; color:#006699;	text-decoration: none;}
.twoColFixRtHdr #breadcrumbs a:visited{ border:none; color:#006699; text-decoration: none;}
.twoColFixRtHdr #breadcrumbs a:hover{ text-decoration: underline;}

.twoColFixRtHdr #breadcrumbs strong{
	font-weight: normal;
	color: #333333;
}
/* --------------- MAIN CONTENT: LEFT HAND COLUMN -------------- */
.twoColFixRtHdr #mainContent {
	margin: .65em 0 2.5em 0; /* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	border-left: 1px solid #CCCCCC; /* grey border on the left of the column */
	border-right: 1px solid #CCCCCC; /* grey border on the right of the column */
	border-bottom: 1px solid #CCCCCC; /* grey border on the bottom of the column.  This also creates the look of the bottom border on module 1 and 2 */
	border-top: 1px solid #CCCCCC; /* grey border on the top of the column.  This also creates the look of the bottom border on module 1 and 2 */
	padding: 0px; /* ensures no extra spacing is added */
	width: 31.5em; /* the width of the left hand column - this is 504px*/
	clear: left; /* clears all left floating items so that the mainContent displays under the header */
} 
/* These are the elements required to make the main PERSONAL, BUSINESS, SUPPORT links */
.twoColFixRtHdr #mainLinks { 
	margin: 0; /* ensures no extra spacing is added*/
	padding: 12px 0 7px 0; /*adds padding to the top and bottom of the div to give the correct spacing. */
	background-image: url(/images/h3-section-heading-bg.gif); /* the gradient background */
	background-repeat: repeat-x; /* only repeats the background horizontally */
	border-bottom: 1px solid #CCCCCC; /* grey bottom border used to seperate main links from the flash animation or image */
	text-align:center; /* centers the links */
} 
/* UL is used to displays the list of mainlinks horizontally */ 
.twoColFixRtHdr #mainLinks ul{ 
	margin: 0px; /* ensures no extra spacing is added*/
	padding: 0px; /* ensures no extra spacing is added*/
} 
.twoColFixRtHdr #mainLinks li{
	display: inline; /* makes the LI elements appear horizontally instead of vertically */ 
	border-left: 1px solid #999999; /*creats the vertical bar seperator between the links */
}
/* This class is used to identify the first item of the UL list */ 
.twoColFixRtHdr #mainLinks li.first{
	border-left: 0px; /* removes the vertical bar seperator */ 
}
/* Changes the links from default look to a bolder larger look to stand out on page */ 
.twoColFixRtHdr #mainLinks li a{
	font-size: 1.15em; /* increases the font size */ 
	font-weight: bolder; /* text appears bold */ 
	padding: 0px 25px 0px 24px; /* adds spacing between the links and the vertical bars (border) */ 
}
.twoColFixRtHdr #mainContentFlash {
	text-align:center; /* centers the flash or image element in the content window */
	min-height: 112px;
	padding: 0; /* ensures no extra spacing is added */
} 
/* fully contains the left module under the flash or image element in the main content div */
.twoColFixRtHdr #module1 { 
	padding: 0; /* ensures no extra spacing is added */
	margin: 0 15.75em 0 0; /* spacing is added the right so that this module appears to the right of module 2 */
	border-right: 1px solid #CCCCCC; /* greg border that seperates module 1 from module 2.  If module 2 has more content than module 1, this statement must be moved to the module2 div inorder for the grey line to fill the entire space */
	min-height: 9.9em;
} 
/* Sets the look/feel of the text within module 1 */
.twoColFixRtHdr #module1 p { 
	padding: 0px 5px 10px 10px; /* spacing around the text within the module */
	margin: 0px; /* ensures no extra spacing is added */
	font-size: .75em; /* sets the font size within Module 1 */
	color:#666; /* grey text within Module 1 */
}
.twoColFixRtHdr #module1 ul{
	list-style-image: url(/images/btn-orange-arrow.gif);  /* replaces the standard dot with the orange arrow for list items */
	padding:0 0 0 50px;  /* spacing added to left side of ul to indent it from the side of the sidebar */
	margin: 0; /* ensures no extra spacing is added */
	font-size: .75em; /* text size set to match the rest of the page */
} 
.twoColFixRtHdr #module1 li{
	padding-bottom: 4px;  /* padding added to seperate each li item */
}
/* fully contains the right module under the flash or image element in the main content div */
.twoColFixRtHdr #module2 { 
	margin: 0; /* ensures no extra spacing is added */
	width: 15.75em; /* width of Module 2 is the same as the right margin on Module 1 so both elements align. */
} 
/* Sets the look/feel of the text within module 2 */
.twoColFixRtHdr #module2 p { 
	padding: 0px 5px 10px 10px;/* spacing around the text within the module */
	margin: 0px; /* ensures no extra spacing is added */
	font-size: .75em; /* sets the font size within Module 1 */
	color:#666; /* grey text within Module 1 */
} 
.twoColFixRtHdr #module2 ul{
	list-style-image: url(/images/btn-orange-arrow.gif);  /* replaces the standard dot with the orange arrow for list items */
	padding:0 0 0 50px;  /* spacing added to left side of ul to indent it from the side of the sidebar */
	margin: 0; /* ensures no extra spacing is added */
	font-size: .75em; /* text size set to match the rest of the page */
}
.twoColFixRtHdr #module2 li{
	padding-bottom: 4px;  /* padding added to seperate each li item */
}

/* --------------- SIDEBAR: RIGHT HAND COLUMN -------------- */
.twoColFixRtHdr #sidebar1 {
	float: right; /* since this element is floated, a width must be given */
	width: 16.5em; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	margin: .65em 0 2.5em 0; /* spacing added to align correctly with the maincontent div and to add extra space at the bottom of the screen before the footer */
	padding-top: 0px; /* ensures no extra spacing is added */
	background: #FFFFFF; /* the background color will be displayed for the length of the content in the column, but no further */
	border-left: 1px solid #CCCCCC; /* border added to left of column */
	border-right: 1px solid #CCCCCC; /* border added to right of column */
	border-bottom: 1px solid #CCCCCC; /* border added to bottom of column */
	clear:both; /* clears the any floating elements that have been placed above the sidebar, to make sure sidebar appears below the header and in-line witht he maincontent */
}
 /* Sets the look and feel for the list elements in the right sidebar */
.twoColFixRtHdr #sidebar1 p { 
	padding: 0px 5px 9px 10px;/* spacing around the text within the module */
	margin: 0px; /* ensures no extra spacing is added */
	font-size: .75em; /* sets the font size within Module 1 */
	color:#666; /* grey text within Module 1 */
} 
.twoColFixRtHdr .learnMoreLink{ 
	padding: 0;/* spacing around the text within the module */
	margin-bottom: 1em; /* ensures no extra spacing is added */
	text-align: right;
} 
.twoColFixRtHdr #sidebar1 ul{
	list-style-image: url(/images/btn-orange-arrow.gif);  /* replaces the standard dot with the orange arrow for list items */
	padding:0 0 0 50px;  /* spacing added to left side of ul to indent it from the side of the sidebar */
	margin: 0; /* ensures no extra spacing is added */
	font-size: .75em; /* text size set to match the rest of the page */
}
.twoColFixRtHdr #sidebar1 li{
	padding-bottom: 4px;  /* padding added to seperate each li item */
}
/* --------------- ROTATING BANNER -------------- */
#bannerContainer {
	padding: 0;
	width: 504px;
	height: 253px;
	overflow: hidden;
	z-index: 5;
}
#bannerImages {
	padding: 0;
	margin: 0;
	width: 504px;
	height: 253px;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	overflow: hidden;
	z-index: 10;
}
#bannerImages img{
	padding: 0;
	margin: 0;
	width: 504px;
	height: 253px;
	z-index:15;
}
#bannerImageOptions {
	z-index: 20;
	display: block;
	height: 15px;
	width: 17px;
	padding:2px 0 0 0;
	margin: -2.50em .5em 1.5em 0em;
	background-color: #F9F9F9;
	color: #006699;
	border: 1px solid #CCC;
	text-align: center;
	font-weight: bolder;
	font-size: .65em;
	position: relative;
	float: right;
	cursor: pointer;
}
#bannerImageOptionsPause {
	z-index: 99;
	display: block;
	height: 15px;
	width: 17px;
	padding:2px 0 0 0;
	margin: -2.50em .5em 1.5em -24px;
	background-color: #F9F9F9;
	color: #006699;
	border: 1px solid #CCC;
	text-align: center;
	font-weight: bolder;
	font-size: .65em;
	position: relative;
	float: right;
	cursor: pointer;
}
/* --------------- FOOTER -------------- */
#footer {padding: 20px 0 10px 0;background: #FFF; width: 960px; margin: 0 auto; font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;}
#footer p.footerText{font-size: .65em; color:#666; text-align:center; padding:0; margin:0;}
#footer ul.footerLinks{
	list-style:none;
	padding:10px;
	display: block;
	font-size: .65em;
	text-align:center;
	margin:0;
}
#footer ul.footerLinks li{
	display:inline;
	padding:0px 10px;
	margin:0px;
	border-right: 1px solid #7E7E7E;
}
#footer ul.footerLinks li a:link{text-decoration: none; color:#006699;}
#footer ul.footerLinks li a:visited{text-decoration: none; color:#006699;}
#footer ul.footerLinks li a:active{text-decoration: none; color:#006699;}
#footer ul.footerLinks li a:hover{text-decoration: underline; color:#006699;}
#footer ul.footerLinks li.last{border-right:0px;}
#footer ul.footerLinks li.first{padding-left:0px;}
#FooterActions{
	border:1px solid #2f93ce;
	border-right: 0px;
	height:31px;
	background:url(/images/footer-actions-bg-gradient.gif);
	background-repeat:repeat-x;
	background-color:#0253a7;
	color:#FFF;
	z-index:1;
	text-align:right;
	float:left;
	width:882px;
	-webkit-border-bottom-left-radius: 4px;
	-khtml-border-radius-bottomleft: 4px;	
	-moz-border-radius-bottomleft: 4px;
	border-bottom-left-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-khtml-border-radius-topleft: 4px;	
	-moz-border-radius-topleft: 4px;
	border-top-left-radius: 4px;
	display:inline;
}
#FooterActions ul{
	list-style:none;
	padding:0px;
	margin:6px 0px 4px 15px;
	display:block;
	text-align:left;
	float: left;
	font-size: .75em;
}
#FooterActions li{
	display:inline;
	padding:0px 10px;
	margin:0px;
	border-right: 1px solid #fff;
}
#FooterActions li a:link{text-decoration: none; color:#fff;}
#FooterActions li a:visited{text-decoration: none; color:#fff;}
#FooterActions li a:active{text-decoration: none; color:#fff;}
#FooterActions li a:hover{text-decoration: underline; color:#fff;}
#FooterActions li.last{border-right:0px;}
#FooterActions li.first{padding-left:0px;}
#FooterActions p{margin:6px 10px 0px 0px;font-size: .75em;padding:0px;}
#socialMedia{
	height:31px;
	width:75px;
	border: 1px solid #7E7E7E;
	background:url(/images/footer-follow-bg-gradient.gif);
	background-repeat:repeat-x;
	margin:0px;
	float:left;
	z-index:5;
	text-align:center;
	display:inline;
	-webkit-border-bottom-right-radius: 4px;
	-khtml-border-radius-bottomright: 4px;	
	-moz-border-radius-bottomright: 4px;
	border-bottom-right-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-khtml-border-radius-topright: 4px;	
	-moz-border-radius-topright: 4px;
	border-top-right-radius: 4px;
}
#socialMedia img{
	margin:6px 5px 0px 5px;
}

/* --------------- FLOAT SETTINGS -------------- */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
/* --------------- HEADER -------------- */
.twoColFixRtHdr #sectionTitle {
	border-bottom: 1px dashed #FF9900;
	padding: 0px;
}  
.twoColFixRtHdr #sectionTitle h1{
	font-size: 1.5em;
	font-weight: bold;
	color:#333333;
	padding: 0px;
	margin: 0px;
}