/* Global Settings */ 
/*These settings include any alterations to standard HTML tags and overal body and page structure*/ 
body, html {
	margin:0 0 0 0;
	padding:0;
	background-color:#FFFFFF;
	font-size:90%;
	color:#333333;
	font-family:'Trebuchet MS',Verdana, Arial, Helvetica, sans-serif;
	line-height:16px;

	/* for the footer to stick to bottom of page: */
	height:100%;
}

img {
	border:0;
}

h1 { /* Default h1 is primarily used on the subpages in the headline div */
	padding:12px 0 0 0;
	font-weight:bold;
	color:#1b4298;
	font-size:160%;
}

a {color:#007dc3; text-decoration: none}	
a:visited {color:#007dc3; text-decoration: none}
a:active {color:#007dc3; text-decoration: none}
a:hover {text-decoration: underline; color:#007dc3}

/* data input */
input[type=text] {
	font-size: 90%;
	font-family:'Trebuchet MS',Verdana, Arial, Helvetica, sans-serif;
}
textarea {
	font-size: 90%;
	font-family:'Trebuchet MS',Verdana, Arial, Helvetica, sans-serif;
}


/* DIV and container settings */
/* contains all major page element positioning standards */

#pagecontainer{
	margin:0px;
	background-color:#FFFFFF;
	width:100%;

	/* from .topgrad style */
	background-image:url(../images/common/gradtop.gif);
	background-repeat:repeat-x;
	background-color:#ffffff;

	/* for the footer to stick to bottom of page: */
	height:auto;
	min-height:100%;
	position:relative;
}

#socialLinkBar
{
	display: block;
	float: right;
	padding: 2px 50px 0px 0px;
}

#amazonSubscribe
{
    margin: 0px 0px -30px 140px;
    font-size: .75em;
}

#amazonSubscribe a
{
	color: #bbb;
}
 
#amazonSubscribe a:hover
{
	text-decoration: none;
}

.kindleLink
{
    background: url(../images/common/amazon.jpg) no-repeat;
    height: 16px;
    padding: 2px 0px 0px 21px;
    display: block;
}

.facebookLink
{
    background-image: url(../images/common/facebook.gif);
    height: 16px;
    width: 16px;
    float: left;
    margin-right: 3px;
    display: block;
}

.twitterLink
{
    background-image: url(../images/common/twitter.jpg);
    height: 16px;
    width: 16px;
    float: left;
    margin-right: 3px;
    display: block;
}

.linkedInLink
{
    background-image: url(../images/common/LinkedIn.jpg);
    height: 16px;
    width: 16px;
    float: left;
    display: block;
}

.subpageheader {
	width:900px;
	height:132px;
	margin-top:15px;
	/* NOTE: background-image:url(...) is set programmatically in the master codebehind */
	background-position:top;
	background-repeat:no-repeat;
}

.leftMenuContainer{
	text-align:center;
	float:left;
	width:124px; /* must be same width as in #subnav */
}

.breadcrumbs {
	height:25px;
	padding-left:20px;
}

.pageCenterContent {
	padding:5px 10px 5px 20px;
	width:532px;
	float:left;
	white-space:normal;
}
.pageCenterContent_nopadding {
	width:562px;
	float:left;
	white-space:normal;
}
.offsetForLeftMenu {
	margin-left:124px;
}

.pageRightSideContent {
	padding:5px 0 5px 10px;
	width:200px;
	float:right;
}

#pagesubcontainer{
	padding:0 40px 0 40px;
	width:900px;
	margin-left:auto; /* center it */
	margin-right:auto;
}

.pageHeaderText {
	padding-left:10px;
}

#pageheader {
	width:900px;
	height:111px;
	background-image:url(../images/common/headerwithtag.gif);
	background-repeat:no-repeat;
	position:relative;
}

#navbar {
	width:900px;
	height:32px;
	margin:0 0 16px 0;
}

#footer {
	width:900px;
	height:103px;
	background-image:url(../images/common/footerbkg.gif);
	background-repeat:no-repeat;
	background-position:top;
}

#bottomshadow {
	width:100%;
	height:25px;
	background-image:url(../images/common/shadowbottom.gif);
	background-repeat:repeat-x;

	position:absolute;
	bottom:0;
}

#clearbottom {
	clear:both;
	width:100%
}

#footerbottom {
	position:absolute;
	bottom:18px;
	height:103px;
}
#clearfooter {
	clear:both;
	height:131px;
	width:100%
}

#footerlinks {
	font-size:80%;
	color:#007dc3;
	padding:40px 0 0 0;
}

#headernav {
	position:absolute;
	right:0px;
	top:22px;
	
}

#subpagebody {
	width:900px;
}
/* Subnav area components  */
#subnav_column {
	width:130px;
	float:left;
	clear:right;
}

#subnav {
	width:124px;
	background-color:#2d5aab;
	font-size:90%;
}

#subnavmenu ul{
	padding:0px;
	list-style-type:none;
	font-size:100%;
	font-weight:bold;
	margin-bottom:0px;
	margin-top:0px;
	margin-left:0px;
}

#subnavmenu ul>li{
	color:#ffffff;	
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left:10px;
	padding-right:10px;
	margin:0px;
}

#subnavmenu ul>li:hover{
	color:#2d5aab;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left:10px;
	background-color:#bbd73b;
	background-image:url(../images/subnavigation/backgroundhover.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	margin:0px;
	cursor:pointer;
}

/* keep the "current" menu item on the left appear as "selected" */
li#selectedLeftMenuItem a { color:#2d5aab; }
li#selectedLeftMenuItem a:visited { color:#2d5aab; }
li#selectedLeftMenuItem {
	color:#2d5aab;	
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left:10px;
	background-color:#bbd73b;
	background-image:url(../images/subnavigation/backgroundhover.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	margin:0px;
	cursor:pointer;
}


#subpagecontent{
	width:750px;
	float:right;
	height:100%;
	margin:0px;
}
#subpagecopy {
	width:520px;
	float:left;
}
#subpagecopy ul>li {
	margin:5px 0 5px 0;
	list-style-image:url(../images/common/bullet.gif);
}

#cta_column {
	width:200px;
	float:right;
	height:100%;
}

/* quote block and settings */

.quoteblock {
	width:403px;
	margin-left:20px;
}

.quoteblockinner {
	width:343px;
	padding:0 30px 0 30px;
	background-image:url(../images/common/quoteblockmid.gif);
	background-repeat:repeat-y;
	color:#ffffff;
	line-height:140%;
	font-size:110%;
}


/* Subpage Sidebar settings */
.sidebarcta {
	width:200px;
	margin-bottom:20px;
}
.sidebarcta_wide {
	width:284px;
	margin-bottom:20px;
}

.sidebartopper {
	width:190px;
	height:30px;
	background-image:url(../images/common/sidebartopper.gif);
	color:#007dc3;
	font-size:110%;
	font-weight:bold;
	padding:10px 0 0 10px;
}
.sidebartopper_wide {
	width:274px;
	height:30px;
	background-image:url(../images/common/sidebartopper_wide.png);
	color:#007dc3;
	font-size:110%;
	font-weight:bold;
	padding:10px 0 0 10px;
}

.sidebarmorelink {
	font-size:75%;
	margin:0 5px 5px 0;
	position:relative;
	top:-10px;
	left:156px;
}

.sidebarGoButton {
	float:right;
}

.sidebarbody_singleitem {
	background-image:url(../images/common/sidebarmid.gif);
	background-repeat:repeat-y;
	padding:0 10px 0 10px;
	font-size:90%;
	float:left;
}
.sidebarbody_singleitem_wide {
	background-image:url(../images/common/sidebarmiddle_wide.png);
	background-repeat:repeat-y;
	padding:0 10px 0 10px;
	font-size:90%;
	float:left;
}

.sidebarbody_list {
	background-image:url(../images/common/sidebarmid.gif);
	background-repeat:repeat-y;
	padding:0 10px 0 10px;
	font-size:90%;
}
.sidebarbody_list_wide {
	background-image:url(../images/common/sidebarmiddle_wide.gif);
	background-repeat:repeat-y;
	padding:0 10px 0 10px;
	font-size:90%;
}

.sidebarbody_listitemtext {
	float:left;
	white-space:normal;
}

.sidebarbody_listitemimage {
	float:right;
}

/*.sidebarbody_list ul {*/
.sidebarbody_listitems {
	padding:0px;
	margin:0px;
	list-style-type:none;
	width:100%;
}

/*.sidebarbody_list ul>li {*/
.sidebarbody_listitem {
	padding:5px 0 5px 0;
	margin:0px;
	white-space:nowrap;
	clear:both;
}

/*.sidebarbody_list ul>li img {*/
.sidebarbody_listitem img {
	/*float:right;*/
	margin-left:5px;
}

	
/* The following Divs are specific to the homepage */
#heroarea {
	width:900px;
	height:270px;
	background-image:url(../images/homepage/herobkg.jpg);
	background-position:top;
	position:relative;
	z-index:20;
	margin-top:15px;
}

#heroarea ul{
	padding-top: 60px;
	padding-bottom: 5px;
	padding-left:10px;
	padding-right:10px;
	margin:0px;
	list-style-type:none;
	font-size:100%;
	font-weight:bold;
	}

#heroarea ul>li{
	background-image:url(../images/common/bluearrow.gif);
	background-position:right;
	background-repeat:no-repeat;
	padding-top:10px;
	padding-bottom:10px;
	border-bottom-width: 1px;
	border-bottom-style:solid;
	border-bottom-color: #ffffff;
}

#heroarea ul>li.last{
	border-bottom-width: 0px;
}

.weHelpCitiesAndLeaguesItem {
	padding-right: 10px;
}

#heroarea h1 {
	padding:15px 0 0 15px;
	width:460px;
	color:#000000;
	font-weight:bold;
	line-height:130%;
	position:relative;
	font-size:13px;
	margin:0px;
}

#wehelpcities {
	width:214px;
	position:absolute;
	left: 171px;
	top: 111px;
}

#greendropdown {
	background-color:#d6e03d;
	width:209px;
	position:absolute;
	z-index:50;
	top:0;
	left:0;
}

#greenbkgcl {
	background-color:#d6e03d;
	width:209px;
}


#wehelpleagues {
	width:218px;
	position:absolute;
	left: 635px;
	top: 111px;
}
#bluedropdown {
	background-color:#8cd2f5;
	width:214px;
	position:absolute;
	z-index:51;
	top:0;
	left:0;
}

#bluebkgcl {
	background-color:#8cd2f5;
	width:209px;
}

#ctaarea {
	width:900px;
	margin-top:13px;
}

#ctatopper {
	background-image:url(../images/homepage/ctatopper.gif);
	width:900px;
	height:54px;
	position:relative;
}

#ctaheadline1 {
	position:absolute;
	left:0px;
}


#ctaheadline2 {
	position:absolute;
	left:310px;
}


#ctaheadline3 {
	position:absolute;
	left:615px;
}


#ctamiddle {
	background-image:url(../images/homepage/ctamiddle.gif);
	background-repeat:repeat-y;
	width:900px;
	height:auto;
	color:#666666;
	font-size:85%;
	line-height:110%;
	padding: 5px 0 0 0;
	position:relative;
}

#ctamiddle span {
	color:#0c7ec2;
}

#cta1 {
	float:left;
	clear: right;
	width:255px;
	padding:0 30px 0 15px;
	}	
	
#cta2 {
	float:left;
	clear: right;
	width:255px;
	padding:0 20px 0 25px;
	}
	
#cta3 {
	width:259px;
	float:left;
	padding:0 0 0 31px;
	}


#ctabottom {
	width:900px;
	height:12px;
	background-image:url(../images/homepage/ctabottom.gif);
}


/* link styles */
/* Styles for unique links such as header and footer areas */
	
#headernav a {color:#007dc3; text-decoration: none; font-size:80%}	
#headernav a:visited {color:#007dc3; text-decoration: none; font-size:80%}
#headernav a:active {color:#007dc3; text-decoration: none; font-size:80%}
#headernav a:hover {text-decoration: underline; color:#007dc3; font-size:80%}


#footerlinks a {color:#007dc3; text-decoration: none;}	
#footerlinks a:visited {color:#007dc3; text-decoration: none;}
#footerlinks a:active {color:#007dc3; text-decoration: none;}
#footerlinks a:hover {text-decoration: underline; color:#007dc3;}

#heroarea a {color:#0e84ba; text-decoration: none;}
#heroarea a:visited {color:#0e84ba; text-decoration: none;}
#heroarea a:active {color:#0e84ba; text-decoration: none;}
#heroarea a:hover {text-decoration: underline; color:#0e84ba;}

#subnavmenu a {color:#FFFFFF; text-decoration: none;}
#subnavmenu ul>li:hover a {color:#2d5aab; text-decoration: none;}
#subnavmenu a:visited {color:#FFFFFF; text-decoration: none;}
#subnavmenu a:active {color:#FFFFFF; text-decoration: none;}
#subnavmenu a:hover {color:#2d5aab; text-decoration: none;}

.sidebarctacopy a {color:#0e84ba; text-decoration: none;}
.sidebarctacopy a:visited {color:#0e84ba; text-decoration: none;}
.sidebarctacopy a:active {color:#0e84ba; text-decoration: none;}
.sidebarctacopy a:hover {text-decoration: underline; color:#0e84ba;}

/* type styles */
/* overides for specifc type circumstances */
.greycopy {
	color:#333333;
}

.introparagraph {
	margin-top:0px;
}

/* form styles */
/* Styles for editing forms and buttons and form borders */
.headerformbutton {
	color:#007dc3; 
	text-decoration:none; 
	font-size:80%;
	border:0px;
	background-color:Transparent;
	background:none;
	cursor:pointer;
}

.searchBoxPanel {
	vertical-align:middle;
}

/* html specific styles */
/* Styles for overiding speficic html settings */
#footerlinks p {
	margin:0px;
}

#heroarea span {
	font-size:110%;
	font-weight:bold;
	color:#1b4298;
	cursor:pointer;
	text-decoration:none;
}

/* CMS integration - story renderer */
.storyContentCaptionContainer {
	margin:20px 0 20px 0;
	width:537px;
}
.storyContentCaptionIcon {
	background-image:url(../images/icons/default.gif);
	background-repeat:no-repeat;
	width:40px;
	height:40px;
	margin-right:5px;
	float:left;
}
.storyContentCaptionWrapper {
	margin-left:45px;
}
.storyContentCaptionBody {
	margin:0;
	color:#1d4595;
	background-color:#8cd2f5;
	padding:4px 0 5px 12px;
	font-size:18px;
	line-height:100%;
	white-space:normal;
	width:480px;
}

.storyContentSource {
	font-size:75%;
	color:gray;
}

.storyContentSummary {
	margin:0;
	min-height:50px;
	width:516px;
	padding:5px 10px 5px 10px;
	white-space:normal;
}
.storyContentSummary ul>li {
	margin:5px 0 5px 0;
	list-style-image:url(../images/common/bullet.gif);
}

.storyContentDetail {
	margin:0;
	min-height:50px;
	width:516px;
	padding:5px 10px 5px 10px;
	white-space:normal;
}
.storyContentDetail ul>li {
	margin:5px 0 5px 0;
	list-style-image:url(../images/common/bullet.gif);
}

.storyContentDetailLink {
	font-size:75%;
}


/* "Form" page styles (e.g. Contact or Careers) */
.formTextBox {
	width:200px;
	border:solid 1px #CCCCCC;
}

.requiredFieldsPromptText {
	font-size:12px;
	color:#B0B0B0;
}
.requiredFieldLabel {
	color:#3050FF;
}
.successfulFormSubmission {
	width:100%;
	padding:50px 20px 20px 20px;
	vertical-align:middle;
}


/* comparison Chart CSS area */
#comparisonchart {
}

/* white rows */
.comparisonchartmain {
}

.comparisonchartmain td {
	border-bottom:1px solid #c5c5c5;
	border-left:1px solid #c5c5c5;
	border-right:1px solid #c5c5c5;
	vertical-align:middle;
}

.comparisonchartmain p {
	margin:0; width:300px;
	padding:5px 9px 5px 20px;
}

.comparisonchartmain img {
	margin-left:20px;
}

.comparisonchartmain h6 {
	background-color:#8cd2f5;
	color:#333333;
	font-size:14px;
	margin:2px 0 0 2px;
	width:329px;
	padding: 3px 0 3px 10px;
}

/* blue-green rows */

.comparisonchartmainblue {
	background-color:#edf6fa;
}

.comparisonchartmainblue td {
	border-bottom:1px solid #c5c5c5;
	border-left:1px solid #c5c5c5;
	border-right:1px solid #c5c5c5;
	vertical-align:middle;
}

.comparisonchartmainblue p {
	margin:0; width:300px;
	padding:5px 9px 5px 20px;
}

.comparisonchartmainblue img {
	margin-left:20px;
}

.comparisonchartmainblue h6 {
	background-color:#8cd2f5;
	color:#333333;
	font-size:14px;
	margin:2px 0 0 2px;
	width:329px;
	padding: 3px 0 3px 10px;
}

/* use if last row is a white row */

.comparisonchartmainEND td {
	border-left:1px solid #c5c5c5;
	border-right:1px solid #c5c5c5;
	vertical-align:middle;
	
}

.comparisonchartmainEND p {
	margin:0; width:300px;
	padding:5px 9px 5px 20px;
}

.comparisonchartmainEND img {
	margin-left:20px;
}

.comparisonchartmainEND h6 {
	background-color:#8cd2f5;
	color:#333333;
	font-size:14px;
	margin:2px 0 0 2px;
	width:329px;
	padding: 3px 0 3px 10px;
}

/* use if last row is a bluegreen row */

.comparisonchartmainblueEND {
	background-color:#edf6fa;
}

.comparisonchartmainblueEND td {
	border-left:1px solid #c5c5c5;
	border-right:1px solid #c5c5c5;
	vertical-align:middle;
}

.comparisonchartmainblueEND p {
	margin:0; width:300px;
	padding:5px 9px 5px 20px;
}

.comparisonchartmainblueEND img {
	margin-left:20px;
}

.comparisonchartmainblueEND h6 {
	background-color:#8cd2f5;
	color:#333333;
	font-size:14px;
	margin:2px 0 0 2px;
	width:329px;
	padding: 3px 0 3px 10px;
}

.comparisonchartheader {
	border:0;
}

.comparisonchartheader1 {
	background-image:url(../images/tables/comparisontableheader1.gif);
	background-repeat:repeat-y;
}
.comparisonchartheader2 {
	background-image:url(../images/tables/comparisontableheader2.gif);
	background-repeat:repeat-y;
}
.comparisonchartheader3 {
	background-image:url(../images/tables/comparisontableheader3.gif);
	background-repeat:repeat-y;
}

.comparisonchartheader h4 {
	color:#1d4595;
	font-size:18px;
	margin:0 0 5px 0;
	padding-left:14px;
}

.comparisonchartheader h5 {
	color:#FFFFFF;
	font-size:14px;
	margin:2px 2px 5px 2px;
	text-align:center;
}

#comparisonchart ul {
	margin-top:0px;}

#comparisonchart li {
	margin:5px 0 5px 0;
	list-style-image:url(../images/common/bullet.gif);
}

.sitemapNodes {
	white-space:nowrap;
	line-height:20px;
}

.sitemapHomeNode {
	padding-top:1px;
}