/* main.css
	for MTAA website */
	
/* Grouped by tags, id, classes, and sections,
	then alphabetized inside the groups */

/*********************************************/	
/******************* TAGS ********************/
/*********************************************/

a {text-decoration: none;  border: 0;}
a:link {
	text-decoration: none;
	border: 0;
	color: #88B500;
}
a:visited {
	text-decoration: none;
	border: 0;
	color: #00BFFF;
}
a:hover {text-decoration: underline;  border: 0; color: red;}

a:active {
	text-decoration: none;
	border: 0;
	color: #000;
}

body {
	font-family: 'PTSansRegular', Helvetica, sans-serif;
	background: #FFF;
	font-size: 62.5%;
	background-repeat: no-repeat;
    background-attachment: fixed;
    /* experimental changes*/
    height: 100%;
    margin: 0;
}

form fieldset {
	border: 1px outset #870000;
	width: 600px;
	
	/*Rounded corners */
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */
}

form fieldset legend {
	font-family: "ArchitectsDaughter", serif;
	font-size: 18px;
	font-style: italic;
	color: #C40000;
}

form fieldset table tr td label {
	margin-left: 20px;
	vertical-align: top;
	text-align: left;
}

fieldset table td {
	border: 0px;
}

html {
    height: 100%;
}


table 	{
	width: 100%;
	text-decoration: none;
	color: #55676B;
}

table a:link, a:active, a:hover, a:visited {
	text-decoration: none;
}

table a:link	{
	color: #294854;
	
}

table a:hover	{
	color: #55676B;
	
}

table a:active {
	color: #294854;
	
}

table a:visited	{
	color: #29542C;
	
}

table td {
	border: 1px solid black;
	padding: 10px;
}

table th	{
	padding: 10px;
	text-align: center;
	border: 1px solid black;
	background-color: #FF0000;
	color: white;

}

ul.circle {list-style-type:circle}
ul.square {list-style-type:square}
ul.none {list-style-type:none}

ul

/*********************************************/
/********************* IDs *******************/
/*********************************************/

#commissioner	{
	color: #9C878D;
}

#content {
	min-height: 700px;
}

#content p {
	padding-left:10px;
	padding-right:10px;

}

#copyright {
	font-size:1.3em;
	text-align: center;
	background-color: #F00; /*Red*/
	color: black;
	padding-top:5px;
	padding-bottom:3px;
	
}

	/* start #footer */
#footer {
	color: #FFF;
	background-color: #000;
	text-align: center;
	margin-top:-17px;
	padding-top:10px;
	padding-bottom: 10px;
}


/*#footer #admin {
	display: block;
 	margin-top: -35px;
	padding-right: 200px;
	float: right;
}*/

#footer #admin a {
	font-family: Arial, sans-serif;
	color: #FFF; /*White*/
}

#footer #admin a:hover {
	font-family: Arial, sans-serif;
	color: #F00; /*Red*/
}
	/* end #footer */

#header {
	background-color: #000; /*Black*/
	text-align:center;
	position:relative;
	top:0px;
	left:0px;
	z-index:100;
}

   /*start #navigation */
#navigation {
	position:fixed;
	text-align: center;
	width: 100%;
}

#navigation li {
	display:inline;
}
#navigation li a {
	text-decoration: none;
	margin-top:10px;
	margin-bottom:10px;
}

#navigation #main_nav {
	background-color: #000; /*Black*/
	padding-top:5px;
	padding-bottom:4px;
}

#navigation #main_nav ul li a {
	font-family: 'OctinSports', sans-serif;
	font-size: 1.7em;
	color: #FFF;	/*White*/
	padding-top: 9px;
	padding-bottom: 8px;
	padding-left: 5px;
	padding-right: 5px;
}
#navigation #main_nav ul li a:hover {
	background-color: #FFF; /*White*/
	color: #333;	/*Black*/
}

#navigation #sports_nav {
	background-color: #F00;	/*Red*/
	padding-bottom:6px;
	padding-top:2px;
	
}

#navigation #sports_nav ul li a {
	font-family: 'OctinSports', sans-serif;
	font-size: 1.6em;
	color: #000; /*Black*/
	margin-top: 0px;
	padding: 7px;
	padding-bottom: 10px;
}
#navigation #sports_nav ul li a:hover {
	background-color: #000; /*Black*/
	color: #F00;	/*Red*/
}

#navigation ul {
	list-style-type: none;
	margin:0px;
}

	/* end #navigation */
	
	

#table_buttons, #table_buttons td  {
	border: 0px;
	padding: 0;
	margin: 0;
}

#wrapper {
	padding-top:178px;
	
}

/*********************************************/
/****************** CLASSES ******************/
/*********************************************/


.blue	{
	color: blue;
}

.bold {
	font-weight: bold;
}

.bolder {
	font-weight: bolder;
}

.boldest {
	font-weight: boldest;
}

.borderRight	{
	border-right: 1px solid #AD7B7B;
}

.centerAlign	{
	text-align: center;
}

.clear {
	clear: both;
}

.container_16 {
	font-size: 1.2em;
	background-color: #FFF;
}


.darkGrey {
	color: #585858;
	}
	
.darkRed	{
	color: #700000 ;  
	}


.emphasize_with_red	{
	font-size: large;
	color: red;
	font-weight: bold;
}

.floatRight {
	float: right;
}

.floatLeft {
	float: left;
}

.gradientBackground	{
	
	background-color: gray;
	
		/*Rounded corners */
	/*Firefox*/
	-moz-border-radius: 50px 50px 0 0;
	/*Chrome, Safari*/
	-webkit-border-radius: 50px  50px 0 0;
	/*IE 9 */
	border-radius: 50px  50px 0  0; /* future proofing */
	/*Konqueror */
	-khtml-border-radius: 50px  50px 0 0 0; 
	
			/* BACKGROUND GRADIENT*/
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #E0F6FB 100%);

	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #E0F6FB 100%);

	/* Opera */ 
	background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #E0F6FB 100%);

	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #FFFFFF), color-stop(1, #E0F6FB));

	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #E0F6FB 100%);

	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to top, #FFFFFF 0%, #E0F6FB 100%);
}

.green	{
	color: green;
}


.grid_8 {
	padding-top: 10px;	
}

.italic {
	font-style: italic
	}

.justify	{
	text-align: justify;
	text-justify: auto;  /* IE only */
}

.large {
	font-size: large;
}

.larger {
	font-size: larger;
}

.largest {
	font-size: largest;
}

.leftAlign	{
	text-align: left;
}

.link_buttons a {
  -webkit-border-radius: 2px;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
  -webkit-user-select: none;
  
  /* Button BACKGROUND GRADIENT*/
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 51%, rgba(246,246,246,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(241,241,241,1)), color-stop(51%,rgba(225,225,225,1)), color-stop(100%,rgba(246,246,246,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */

  border: 1px solid #aaa;
  color: #444;
  font-size: inherit;
  margin-bottom: 0px;
  min-width: 4em;
  padding: 3px 12px 3px 12px;
  font-family: sans-serif;
  text-decoration: none;
}


.link_buttons a:hover {
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 25%, rgba(225,225,225,1) 77%, rgba(246,246,246,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(25%,rgba(255,255,255,1)), color-stop(77%,rgba(225,225,225,1)), color-stop(100%,rgba(246,246,246,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 25%,rgba(225,225,225,1) 77%,rgba(246,246,246,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 25%,rgba(225,225,225,1) 77%,rgba(246,246,246,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 25%,rgba(225,225,225,1) 77%,rgba(246,246,246,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 25%,rgba(225,225,225,1) 77%,rgba(246,246,246,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */

  border-color: #999;
  color: #222;
}

.link_buttons a:active {
  -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.2);
  background: #ebebeb -webkit-linear-gradient(#f4f4f4, #efefef 40%, #dcdcdc);
  color: #333;
  text-decoration: none;
} 

.marginAuto {
	margin: auto;
}

.marginBottom	{
	margin-bottom: 50px;
}

.marginBottom20px {
	margin-bottom: 20px;
}

.marginRight60px {
	margin-right: 60px;
}

.marginTop 	{
	margin-top: 50px;
}

.marginTop20px 	{
	margin-top: 20px;
}

.medium {
	font-size: medium;
}

.minHeight	{
	min-height: 300px;

}

.padding10px	{
	padding: 10px;
}

.padding20px	{
	padding: 20px;
}

.padding30px	{
	padding: 30px;
}

paddingLeft20px	{
	padding-left: 20px;
}

.paddingRight20px	{
	padding-right: 20px;
}

.red	{
	color: red;
}

.rightAlign {
	text-align: right;
}

.small	{
	font-size: small;
}

.smaller	{
	font-size: smaller;
}

.white 	{
	color: white;
}

.xlarge	{
	font-size: x-large; 
}

.xxlarge	{
	font-size: xx-large;
}


/*********************************************/
/************SECTIONS ************************/
/*********************************************/
	
/***********Start of map css ****************/

	h2{border-bottom: 1px dotted;}
	.googlemap{
		margin: auto;
		padding: 0;
		width: 100%;
	}
	#map_area{
		float:left;
		width:70%;
		height:80%;
	}
	#directions{
		float:right;
		width:30%;
		height:80%;
		font-family:'TeXRegular';
	}
	#map_canvas{
		margin: auto;
		width: 550px;
		height: 350px;
		border:2px double #ececec;
		padding:10px;
	}
	div.text{
		margin: auto;
		text-align:center;
	}

/***************End of map css *****************/
	
	
	
/************ Start of slide show ****************/

#logo{
	width: 320px;
	padding: 8% 0;

}

#side_logo {
	position: absolute;
	top: 70px;
	left: 20px;
}

/* Prevents slides from flashing */
#slides {
	width: 550px;
	height: 300px;
	position:relative;
	top:0px;
	left:0px;
	z-index:1;
    display:none;
	padding-top:0px;
	padding-bottom:20px;
}

.slidesjs-pagination {
    margin: 6px 0 0;
    float: right;
    list-style: none;
}

.slidesjs-pagination li {
    float: left;
    margin: 0 1px;
}

.slidesjs-pagination li a {
	display: block;
	width: 13px;
	height: 0;
	padding-top: 13px;
	background-image: url(../images/pagination.png);
	background-position: 0 0;
	float: left;
	overflow: hidden;
}

.slidesjs-pagination li a.active,
.slidesjs-pagination li a:hover.active {
	background-position: 0 -13px
}

.slidesjs-pagination li a:hover {
	background-position: 0 -26px
}

 a.slidesjs-next,
    a.slidesjs-previous,
    a.slidesjs-play,
    a.slidesjs-stop {
      background-image: url(../images/btns-next-prev.png);
      background-repeat: no-repeat;
      display:block;
      width:12px;
      height:18px;
      overflow: hidden;
      text-indent: -9999px;
      float: left;
      margin-right:5px;
    }

    a.slidesjs-next {
      margin-right:10px;
      background-position: -12px 0;
    }

    a:hover.slidesjs-next {
      background-position: -12px -18px;
    }

    a.slidesjs-previous {
      background-position: 0 0;
    }

    a:hover.slidesjs-previous {
      background-position: 0 -18px;
    }

    a.slidesjs-play {
      width:15px;
      background-position: -25px 0;
    }

    a:hover.slidesjs-play {
      background-position: -25px -18px;
    }

    a.slidesjs-stop {
      width:18px;
      background-position: -41px 0;
    }

    a:hover.slidesjs-stop {
      background-position: -41px -18px;
    }
    
/*************** End of Slide Show ****************/