
/* 
p: applies to all markup with that tag;  
#tag: applies when id selector is used;  
.tag: applies when class selectors are used 
*/

@font-face {
    font-family: "Montserrat";
    src: url('https://www.packerstats.com/fonts/montserrat-regular.ttf') format("TrueType")
}

body {
	/* establishes the default font to be used; pushes the page up to the top; creates light-grey background */
	background: 		#cdcdcd;
	margin-top: 		0;
	font-family: 		"Montserrat-Regular", Arial, Helvetica, sans-serif;
	}

#wrap { 
	/* applies to id selector; establishes the width of the page; white background for body; establishes default font size */
	background: 		#cdcdcd;
	margin: 			0px auto;
	width: 				1280px;
	padding:			0;
	font-size: 			14px;
	text-align:			left;
	}
	
#sixColumn {
    width: 				213px;
    float: 				left;
    background: 		#fff;
	}

#fourColumn {
    width: 				319px;
    float: 				left;
    background: 		#fff;
	}

#tenColumn {
    width: 				128px;
    float: 				left;
    background: 		#fff;
	}
	
#twoColumn {
    width: 				640px;
    float: 				left;
    background: 		#fff;
	}
	
	
#pageTitle {  			/* title bar on each page */
    background : 		#fff;
    color: 				#000000; 
	text-align:			center;
	vertical-align:		middle;
	width: 				1280px;
	float:				left;
    font-size: 			18px;
    font-weight: 		bold;
	padding: 			0px;
	border:				0;
	font-family: 		"Montserrat", Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height:		40px;
	margin: 			0px auto;
	}
	
.fileUpload {
    position: 			relative;
    overflow: 			hidden;
    margin: 			2px;
	}
	
.fileUpload input.upload {
    position: 			absolute;
    top: 				0;
    right: 				0;
    margin: 			0;
    padding: 			0;
    font-size: 			20px;
    cursor: 			pointer;
    opacity: 			0;
    filter: 			alpha(opacity=0);
	}
	
.top_marketing {
	float: 				left;
	width: 				380px;
	text-align: 		left;
	padding: 			20px;
	margin:				0;
	border:				0;
	vertical-align: 	middle;
	font-size: 			14px;
    font-weight: 		normal;
	font-family: 		Open Sans, Verdana, Arial, Helvetica, sans-serif;
	line-height: 		150%;
	color: 				#000;
	}
	
body tr:nth-child(odd) {
	background-color: 	#ddd;
	}

p {
	line-height: 		180%;
	margin:				0;
	padding:			2px 5px 10px 5px;
	}
	
iframe { 
    padding: 			0;
    border: 			0;
	margin: 			0 auto;
	float:				left;
	}
		
img {
	margin:				0;
	padding:			0;
	border:				0;
	display: 			block;
	}
	
img_left {
	margin:				0;
	padding:			0;
	border:				0;
	float:				left;
	display: 			block;
	}
	
h2 {	
	background:			#fff;
	padding:			2px 5px 2px 10px; 
	margin:				0;
	color:				#fff;
	font-family: 		"Montserrat", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 			14px;
	}
	
input, select {
	background-color : 	#ccc;
	color : 			#000;
	vertical-align:		middle;
	border:				1px solid #999999;
	height:				16px;
	font-size:			14px;
	font-family: 		calibri, verdana, arial, sans-serif;
	}
	
textarea {
	background-color : 	#ccc;
	color : 			#000;
	vertical-align:		middle;
	border:				1px solid #999999;
	font-size:			14px;
	Font-family: 		calibri, verdana, arial, sans-serif;
	}
	
table
    {
    border-collapse: 	collapse;
    }
	
	
	
/* Menu - there are three menu columns in the header, each capable of holding 3 links */

#menu {
	width: 				1280px;
	height: 			30px;
	margin: 			0 auto;
	padding: 			0;
	background: 		#D50A0A;
	float:				left;
	}
	
#playerMenu {
	width: 				1280px;
	height: 			30px;
	margin: 			0 auto;
	padding: 			0;
	background: 		#013369;
	color:				#000 !important;
	float:				left;
	}

	

ul {
	margin: 			0;
	padding: 			0;
	vertical-align: 	middle;
	list-style: 		none;
	line-height: 		30px;
	}
	
ul.vertlist {
    list-style-type: 	circle;
	
	}


li {
	height: 			30px;
	vertical-align: 	middle;
	font-style: 		bold;
	float:				left;
	color: 				white;
	}
	
	
li.right {
	height: 			30px;
	vertical-align: 	middle;
	font-style: 		bold;
	float:				right;
	}

li.list {
	height: 			30px;
	display:			inline-block;
	vertical-align: 	middle;
	font-style: 		bold;

	}	
	
.float_right {
	float: 				right;
	}
	
.float_left {
	float: 				left;
	}

#menu a {
	display: 			block;
	margin-top: 		0;
	padding: 			0 20px 0 20px;
	vertical-align: 	middle;
	text-decoration: 	none;
	font-family: 		"Montserrat", Arial, Helvetica, sans-serif;
	font-size: 			14px;
	font-weight: 		normal;
	font-style: 		italic;
	color: 				#000;     
	border: 			none;
	}
	
#playerMenu a {
	display: 			block;
	margin-top: 		0;
	padding: 			0 20px 0 20px;
	vertical-align: 	middle;
	text-decoration: 	none;
	font-family: 		"Montserrat", Arial, Helvetica, sans-serif;
	font-size: 			14px;
	font-weight: 		normal;
	font-style: 		italic;
	color: 				#000;     
	border: 			none;
	}

/* why aren't the links bold in the menu? */
	
#menu a:link {
	text-decoration: 	italic;
	font-weight: 		bold;
	}
	
#playerMenu a:link {
	text-decoration: 	italic;
	font-weight: 		bold;
	}
	
#menu a:hover {
	text-decoration: 	underline;
	font-weight: 		bold;
	color: 				grey; 
	}
	
#playerMenu a:hover {
	text-decoration: 	underline;
	font-weight: 		bold;
	}
	
/* Logo - these build the alumnac logo on the left side of the header */

#logo {
	margin: 			0 auto;
	padding: 			0 0 0 0;
	text-align:			center;
	vertical-align:		middle;
	background: 		#013369;
	float: 				right;
	background: 		1200px;
	line-height:		60px;
	}
	
#amazon_link {
	margin: 			0;
	padding: 			0;
	margin:				0;
	float: 				left;
	width: 				60px;
	line-height:		60px;
	}
	
#top_link {
	margin: 			0;
	padding: 			0;
	margin:				0;
	float: 				left;
	width: 				40px;
	line-height:		40px;
	background: 		#ffffff;
	}
	
#top_link_highlight {
	margin: 			0;
	padding: 			0;
	margin:				0;
	float: 				left;
	width: 				40px;
	line-height:		40px;
	background: 		#D3BC8D;
	}
	
#right_link {
	margin: 			0;
	padding: 			0;
	margin:				0;
	float: 				right;
	width: 				60px;
	line-height:		60px;
	}

#logo a {
	display: 			block;
	margin: 			0 auto;
	padding: 			0;
	border: 			none;
	text-decoration: 	none;  /* removes underlining and other decorations */
	font-family: 		"Montserrat", Arial, Helvetica, sans-serif;
	font-size: 			34px;
	font-weight: 		bold;
	font-style: 		italic;
	color: 				#fff;     
	}
	
#logo a:link {

	}
	
#header { 
	/* applies to id selector; stretches the header across the entire page */
	background: 		#ddd;
	margin: 			0px auto;
	border:				0;
	width: 				1280px;
	padding:			0px;
	font-size: 			14px;
	}
	
	
td.columnar {
	vertical-align:		top;
	}
	
.center_section  p {
	line-height: 		140%;
	margin:				0;
	padding:			5px 5px 5px 5px;
	}
	
.normal_spacing {
	line-height: 		140%;
	}

	
.majortext  p, tr {
	line-height: 		140%;
	margin:				0;
	padding:			0px 0 0px 5px;
	}
	
.infolines  p, tr {
	line-height: 		180%;
	margin:				0;
	padding:			5px 5px 5px 5px;
	}
	
.post-bgtop {
	padding:			0 0 0 0;
	margin:				0 0 0 0;
	border: 			0 0 0 0;
	}
	

.indent {
	padding:			0 0 0 5px;
	text-align:			left;
	}
	
.small_text {
	font-size: 			14px;
	}
	
.tdLabelLeftShaded {
	padding:			0 0 0 5px;
	background:			#666;
	color: 				#fff; 
	text-align:			left;
	line-height:		150%;
	vertical-align:		top;
	font-weight: 		bold;
	font-family: 		"Montserrat", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 			14px;
	}
	
.tdLabelHeaderShaded {	
	padding:			0 0 0 5px;
	background:			#000000;
	color: 				#fff; 
	text-align:			left;
	line-height:		150%;
	vertical-align:		top;
	font-weight: 		bold;
	font-family: 		"Montserrat", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 			14px;;
	}
	
	
.tdLabelCenterShaded {
	padding:			0;
	background:			#666;
	color: 				#fff;
	text-align:			center;
	line-height:		150%;
	vertical-align:		top;
	font-weight: 		bold;
	font-family: 		"Montserrat", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 			14px;
	}
	
.tdLabelRightShaded {
	padding:			0 5px 0 0;
	background:			#666;
	color: 				#fff;
	text-align:			right;
	line-height:		150%;
	vertical-align:		top;
	font-weight: 		bold;
	font-family: 		"Montserrat", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 			14px;
	}	
	
td img{
    display: 			block;
    margin-left: 		auto;
    margin-right: 		auto;

}
	
.tdLabelLeft {
	padding:			0 0 0 5px;
	text-align:			left;

	font-weight: 		bold;
	font-family: 		"Montserrat", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 			14px;
	}
	
.tdLabelCenter {
	padding:			0;
	text-align:			center;
	vertical-align:		middle;
	font-weight: 		bold;
	font-family: 		"Montserrat", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 			14px;
	}
	
.tdLabelRight {
	padding:			0 5px 0 0;
	text-align:			right;
	vertical-align:		middle;
	font-weight: 		bold;
	font-family: 		"Montserrat", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 			14px;
	}	
	
.tdFieldLeft {
	padding:			0 0 0 5px;
	line-height:		180%;
	text-align:			left;
	font-weight: 		normal;
	font-family: 		"Montserrat", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 			14px;
	}
	
.tdFieldLeftLarge {
	padding:			0 0 0 5px;
	line-height:		180%;
	text-align:			left;
	font-weight: 		normal;
	font-family: 		"Montserrat", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 			14px;
	}
	
.tdFieldCenter {
	padding:			0 0 0 5px;
	text-align:			center;
	line-height:		180%;
	font-weight: 		normal;
	font-family: 		"Montserrat", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 			14px;
	}
	
.tdFieldRight {
	padding:			0 5px 0 0;
	text-align:			right;
	line-height:		180%;
	font-weight: 		normal;
	font-family: 		"Montserrat", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 			14px;
	}
	
.asterisk {
	padding:			0 5px 0 5px;
	font-weight: 		bold;
	color:				#f00;
	font-size: 			14px;
	}
	
.sectionLabel {
	padding:			0 0 5px 0;
	font-weight: 		bold;
	color:				#00f;
	font-size: 			14px;
	text-align:			center;
	}

/* color:				#1589FF;  */	
.italicNotes {
	padding:			0 0 0 10px;
	font-size: 			14px;
	font-style:			italic;
	}
	
.dropList {
	padding: 			0 0 0 1px;
	margin:				0;
	vertical-align:		middle;
	border:				1px solid #999999;
	height:				18px;
	font-size:			14px;
	Font-family: 		"Montserrat", Verdana, Geneva, Arial, Helvetica, sans-serif;
	}
	
.formText {
	padding: 			0 0 0 5px;
	vertical-align:		middle;
	border:				1px solid #999999;
	font-size:			14px;
	Font-family: 		"Montserrat", Verdana, Geneva, Arial, Helvetica, sans-serif;
	}
	
.center_text {
	text-align:			center;
	}
	
	
.input_box {
	padding:			0 0 0 3px;
	text-align:			left;
	background: 		#C5908E;
	line-height: 		140%;
	margin:				0;
	border:				0;
	clear: 				both;
	}
	
.nav_box {
	padding:			0 0 0 3px;
	text-align:			left;
	background: 		#AFDCEC;
	line-height: 		140%;
	margin:				0;
	border:				0;
	clear: 				both;
	}
	
.business_box {
	padding:			0 0 0 5px;
	text-align:			left;
	background: 		#FAF8CC;
	margin:				0;
	border:				0;
	clear: 				both;
	font-size: 			14px;
	}
	
tr.business_box {
	line-height:		150%;
	}
	
.space { 
	line-height: 		1.0 em; 
	}

tr.indent   {
	line-height:		120%;
	}	


.post-bgbtm {
	
}

.post {
	margin: 			0;
	}
	
	
.bold {
	font-weight: 		bold;
	}
	
.highlight_bold {
	font-weight: 		bold;
	color:				#f00 !important;
	}

.error_msg {
	font-weight: 		bold;
	font-size: 			16px;
	color:				#f00 !important;
	text-align:			center;
	}	
	
.editfont {
	font-weight: 		bold;
	font-style:			italic;
	color:				#0000ff !important;
	font-size: 			14px;
	}	
	

a:link  {
	color:				#387ec9;
	text-decoration:	none;	
	}
	
a:visited  {
	color:				#387ec9;
	text-decoration:	none;	
	}
	
a.bounce {
	color:				#C11B17;
	text-decoration:	none;	
	}

	
a.highlight {
	color:				#1589FF;
	text-decoration:	none;	
	}
	
a.light_link {
	color:				#fff !important;
	text-decoration:	none;
	font-weight: 		bold;
	}

hr {
    display: 			block;
    height: 			1px;
    border: 			0;
    border-top: 		1px solid #ccc;
    margin: 			1em 0;
    padding: 			0;
}
	
a.big_link {
	color:				#734A12;
	font-size:			16px;
	font-weight: 		bold;
	text-decoration:	none;
	line-height:		250%;
	vertical-align: 	bottom;
	}

.top_bar {
	float: 				left;
	width: 				1280px;
	height: 			20px;
	background: 		#666;
	}


.smalltext {
	font-size: 			11px;
	}	

.singlecol {
	float: 				left;
	width: 				1280px;
	padding: 			0 0 0 0;
	background: 		#fff;
	margin:				0;
	line-height:		150%;
	font-size: 			14px;
	}
	
.nav_left {
	float: 				left;
	width: 				200px;
	padding: 			0;
	margin:				0 5px 0 0;
	background: 		#ddd;
	border:				0;
	line-height:		180%;
	font-size: 			14px;
	}
	
.main_with_nav {
	float: 				right;
	width: 				819px;
	padding: 			0;
	margin:				0;
	background: 		#ddd;
	border-top:			0;
	line-height:		180%;
	font-size: 			14px;
	}
	
.main_with_right {
	float: 				left;
	width: 				769px;
	padding: 			0;
	margin:				0;
	background: 		#ddd;
	border-top:			0;
	line-height:		180%;
	font-size: 			14px;
	}
	
.nav_right {
	float: 				right;
	width: 				250px;
	padding: 			0;
	margin:				0;
	background: 		#ddd;
	border:				0;
	line-height:		180%;
	font-size: 			14px;
	}
	
.center_section {
	float: 				left;
	width: 				514px;
	padding: 			0;
	margin:				0;
	border-top:			0;
	line-height:		180%;
	font-size: 			14px;
	}
	
.title_style {  			/* title bar on each page */
    background : 		#fff;
    color: 				#000000; 
	text-align:			center;
	vertical-align:		middle;
    font-size: 			18px;
    font-weight: 		bold;
	padding: 			0px;
	width: 				1280px;
	border:				0;
	font-family: 		"Montserrat", Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height:		40px;
	margin: 			0px auto;
	}
	
.title_big {  			/* title bar on each page */
    background : 		#FFFFFF;
    color: 				#000000; 
	text-align:			center;
	vertical-align:		middle;
    font-size: 			32px;
    font-weight: 		bold;
	padding: 			0 0 0 0;
	font-family: 		"Montserrat", Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height:		40px;
	margin: 			0 auto;
	}
	
a:link  .title_big {
	text-decoration: 	italic;
	font-weight: 		bold;
	color: 				#000000 !important;
	}
	
.pix_style {
    color: 				#000000; 
	text-align:			center;
    font-size: 			14px;
    padding: 			2px 0 2px 15px;
	font-family: 		"Montserrat", Verdana, Geneva, Arial, Helvetica, sans-serif;
	background: 		#FAF8CC;
	}
	
.textbox {
	color: 				#000000;
    font-size: 			14px;
    padding: 			8px;
	font-family: 		"Montserrat", Verdana, Geneva, Arial, Helvetica, sans-serif;
	background: 		#FAF8CC;
	}

.heading {
	color: 				#000000;
    font-weight:		bold;
	line-height:		300%;
	}

.article_text {
	color: 					#000000;
    line-height:			130%;
	}		
	
.vertical_top {
	vertical-align: 		top;
	}	
	
	
/*HOVER POPUP LINKS*/

/*hoverpopups type 1*/

#popup { 
	color: 					#000; 
	background-color: 		#c0c0c0; 
	}

#popup a, #popup a:visited {
	position: 				relative;
	display: 				block;
	width: 					130px;
	line-height: 			30px;
	text-align: 			right;
	padding: 				0 10px;
	margin: 				0;
	border: 				1px solid #666;
	text-decoration: 		none;
	font-size: 				1em;
	font-weight: 			bold;
	}

input.bluebutton {

	background-color: 		#0000ff;
	color: 					#ffffff;
	height:					22px;
	text-align:				center;
	vertical-align:			middle;
	font-size: 				15px;
	font-weight: 			bold;
	font-family: 			calibri, verdana, arial, sans-serif;
	}

	input.greybutton {

	background-color: 		#808080;
	color: 					#ffffff;
	height:					22px;
	text-align:				center;
	vertical-align:			middle;
	font-size: 				15px;
	font-weight: 			bold;
	font-family: 			calibri, verdana, arial, sans-serif;
	}

#popup a span {
	display: 				none;			
	}

#popup a:hover { 
	background-color: 		#e9e9e2; 					
	}

/* the IE correction rule */
#popup a:hover	{
	color: 					#f00; background-color: #e9e9e2;
	text-indent: 			0; /* added the default value */
	}

#popup a:hover span{
	display: 				block;
	position:				absolute;
	top:					0px;
	left: 					170px;
	width: 					320px;
	margin: 				0px;
	padding: 				10px;
	color: 					#335500;
	font-weight: 			normal;
	background: 			#e5e5e5;
	text-align: 			left;
	border: 				1px solid #666;
	}