@charset "utf-8";

/* layout.css */

p,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5{
	margin-top:0;
	padding-top:0;
}

html,
body{
	margin:0;
	padding:0;
	text-align:center;
	}
	
#container{
	text-align:left;
	margin:0 auto;
	
    width:54.6875em;/*875px;*/;
}

#header{
	/*height:5.3125em; /* 85px / 16px browser default = 5.3125em */
   	/*height:7.125em;/*114px;*/
	height:7.1875em;/*115px;*/
	/*height:120px;*/

}

#header .content{
padding:0.4375em 0.75em 0 0.75em;/* 7px 12px */
}

#header .pic,
#header h1{
	margin-top:0;
	padding-top:0;
}

#topNav{
}

#topNav,
#topNav ul{
	padding:0;
	margin:0;
	list-style:none;
}

#topNav li{
	float:left;
	padding:0;
	margin:0 1.875em 0 0;/* 30px right */

}

#topNav li ul{
	display:none;
}

#topNav li a,
#topNav li .nolink{
	display:block;
	/* width:5.3125em; /* 85px */
	/* height:2.1875em; /* 35px */
	padding:0.5em 1em;
}

#topNav li a span.textpadding{ /* optional span element - helpful for tabbed navigation etc. */
	display:block;
	padding:0;
}



/* dropdown menu */

#topNav li.over ul,
#topNav li:hover ul{
	display:block;
	position:absolute;
}

#topNav li ul li{
	float:none;
}


/* main content section */	
	
#wrapper{
	clear:both;
	width:100%;
	float:left;
}

#main{
	text-align:justify;
	padding:0.4375em 0.75em;/* 7px 12px */
}

#main .content{
	padding:5px;
	margin:15px auto;
}

/* sidebars */

.hasLeftNav{
	border-left:10.25em solid #FFFFFF;/* 140px wide + 24px padding = 164px */
}

.hasRightNav{
	border-right:10.25em solid #FFFFFF;/* 140px wide + 24px padding = 164px */
}

#sideNav,
#leftSideNav,
#rightSideNav{
	padding:0.4375em 0.75em;/* 7px 12px */
}

#sideNav,
#leftSideNav{
	float:left;
	width:8.75em;/*140px;*/
	margin-left:-54.6875em;/*875px;*/}

#rightSideNav{
	float:left;
	width:8.75em;/*140px;*/
	margin-left:-10.25em;/*8.75em width + 0.75em padding on each side*/
}



#sideNav ul, 
#leftSideNav ul,
#rightSideNav ul{
	list-style:none;
}

#sideNav ul, 
#leftSideNav ul,
#rightSideNav ul,
#sideNav li, 
#leftSideNav li,
#rightSideNav li{
	margin-left:0;
	padding-left:0;
}

#sideNav li, 
#leftSideNav li,
#rightSideNav li{
	margin-bottom:0.75em;/* 12px */
}

#footer{
	clear:both;
	text-align:center;
	width:100%;
	padding:1em auto;
}

#footer .content{
	margin-top:0.938em;/* 15px */
	padding:0.4375em 0.75em;/* 7px 12px */
	
}

.inlineSpacer{
	display:inline-block;
	margin:0 0.75em;/*12px*/
	text-align:center;
}


/* common.css */

a img{
	border:0;
	}

.clear, 
.spacer{
	clear:both;
	display:block;
	}

.spacer{
	margin-top:2em;
}

.center{
	text-align:center;
	margin:inherit auto;
}

.left,
.pic{
	float:left;
}
.pic{
	margin:0 0.4375em 0.125em 0;
}

.right,
.picR{
	float:right;
}

.picR{
	margin:0 0 0.125em 0.4375em;
}

.none{
	display:none;
}

.show,
.block{
	display:block;
}

.demoPic{
	text-align:center;
	height:10.3125em;/*165px;*/
	width:17.1875em;
	background-color:#808080;
}

.demoFlash{
	text-align:center;
	height:10.3125em;/*165px;*/
	width:34.875em;/* 565px */
	background-color:#808080;
	}

#triColumnContainer{
	width:100%;
	margin:15px auto; 
	}

.pageLinkBlock,
.packageLinkBlock{
	float:left;
	width:16.458em;
}

#triColumnContainer .packageLinkBlock{
	padding:0.625em;
	text-align:center;
}

#triColumnContainer .centerBlock{
	width:16.333em;
}

.firstBlock{
	margin-right:0.625em;
}

.thirdBlock{
	margin-left:0.625em;
}

.greybox{
	clear:both;
	margin:0 auto;
	text-align:center;
	width:464px;
	height:238px;
}

#sportingManyLogos{
	padding:12px;
	width:23.125em;/*370px = 23.125em; 520px = 32.5em;*/
	text-align:center;
	margin:10px auto;
}

#sportingManyLogos .middleRow{
	display:block;
	margin-top:1.5625em;/*25px;*/
	margin-bottom:1.5625em;/*25px;*/
}

.featureLogo{
	margin:10px 25px;
}

.breadcrumbs li{
	display:block; 
	float:left; 
	padding-left:33px; 
	margin-left:35px; 
}

#halfWidthForm{
	float:left;
	text-align:right;
}