/* CSS Teeswater Highlanders 2009 */

html {
	font-family:verdana, helvetica, arial, sans-serif;
	font-size: 0.95em;
	line-height: 135%;
	}

body {
 	background-image: -webkit-linear-gradient(top, #243B0B, #eee);
  	background-image: -moz-linear-gradient(top, #243B0B, #eee);
  	background-image: -ms-linear-gradient(top, #243B0B, #eee);
  	background-image: -o-linear-gradient(top, #243B0B, #eee);
  	background-image: linear-gradient(to bottom, #243B0B, #eee);
background:#243B0B;
	text-align: center;
	height: 30.5 inches;
	}

blockquote, form, input, a {
	padding-top: 0px;
	margin-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	}
	

li {
	line-height:180%;
	margin: 3;
	padding: 3;
	list-style-type: none;
	margin-bottom:6px;

	}

li a {
	background-color: #efefcc
	color: #000000;

	}

li a:hover {
	background-color: #efefcc
	color: #000000;
	}


ul {
	margin: 0;
	padding: 14px;
	list-style-type: none;
	}

#box {
	border:3px solid #444;
	padding-top:15px;
	padding-bottom:15px;
	padding-left:15px;
	padding-right:10px;
	width:96%;
	margin-bottom:20px;
	}

#box_image {
	margin-top:-10px;
	border:7px solid #243B0B;
	margin-left:15px;
	margin-bottom:15px;
	}

h1 {
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;
	font-weight: normal;
	font-size: 131.5%;
	text-align: center;
	}

h2 {
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-top: 10px;
	padding-top: 0px;
	font-weight: normal;
	font-size: 110.5%;
	text-align: center;
	}

.posterbig {
	display: block;
	text-align: center;
	font-size: 170%;
	font-style: normal;
	color: #efefdd;
	padding: 10px;
	background: brown;
	}	

.skiplink {
	display:none
	}

#head_wrapper {
	position: relative;
	width: 100%;
	margin: 0px auto;
	text-align: left;
	overflow: hidden;
	}

#wrapper {
	position: relative;
	width: 870px;
	width: 800px;

	border: 16px solid #145a32;
	border: 16px solid #6e2c00;
	border: 16px solid #fff;

	margin: 0px auto;
	margin-top:20px;
	background-color: #fff;
	text-align: left;
	overflow: hidden;
	padding-bottom: 50px;

	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-khtml-border-radius:6px;
	border-radius:6px;
	}

#head {
	position: relative;
	text-align: center;
	background-color: #ffcc66;
	height: 50px;
	padding-top: 17px;
	padding-bottom: 0px;
	margin: 0px;
	margin-left: 3px;
	margin-right: 3px;
	margin-top: 3px;
	margin-bottom: 0px;
	}

#navbar {
	font-size: 90%;
	position: relative;
	text-align: center;	
	background-color: #336699;
	color: #fff;
	height: 26px;
	padding-top: 7px;
	padding-bottom: 3px;
	margin-left: 3px;
	margin-right: 3px;
	border-top: 3px solid white;
	border-bottom: 3px solid white;
	border-left: 0px solid #444;
	border-right: 0px solid #444;
	-moz-box-shadow : 0px 5px 17px -7px #666;
	-webkit-box-shadow : 0px 5px 17px -7px #666;
	box-shadow : 0px 5px 17px -7px #666;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=9, Direction=180, Color='#cccccc')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=9, Direction=180, Color='#cccccc');
	}

#mask {
	top: -13px;
	margin-left: 3px;
	margin-right: 3px;
	margin-top: 0px;
	margin-bottom: 0px;
	border-top: 0px solid #fff;
	border-bottom: 0px solid #444;
	border-left: 0px solid #444;
	border-right: 0px solid #444;
	}

#title {
	clear: left;
	position: relative;
	text-align: left;
	width: 618px;
	width: 548px;
	padding-top: 10px;
	background-color: #fff;
	color: #333;
	height: 2.4em;
	border-bottom: 1px dashed #c0c0c0;
	}

#bar {
	position: relative;
	text-align: left;
	width: 548px;
	marging-bottom: 20px;
	margin-top: 20px;
	background-color: #fff;
	color: #333;
	border-bottom: 1px dashed #c0c0c0;
	}

#schedule {
	position: relative;
	text-align: left;
	width: 618px;
	width: 548px;
	padding-top: 18px;
	background-color: #fff;
	color: #000;
	}

#content {
	text-align: left;
	width: 554px;
	width: 474px;
	background-color: #fff;
	color: #000;
	/*overflow-y: scroll;*/
	}

#column {
	text-align: left;
	width: 626px;
	width: 536px;
	background-color: #fff;
	color: #000;
	padding-bottom: 15px;
	}

#filler {
	position: relative;
	text-align: left;
	width: 608px;
	/*width: 638px;*/
	top: 0px;
	right: 0px;
	background-color: #fff;
	color: #000;
	height: 10px;
	}

#main_column {
	position: relative;
	font-size: 86%;
	top: 20px;
	left: 170px;
	background-color: #fff;
	color: #000;
	width: 594px;
	width: 444px;
	min-height: 700px;
  	height: auto !important;
  	height: 700px;
	border-left: 1px dotted #666;
	padding-left:44px;
	}

#red {
	color:red;
	}

.video {
	text-align:center;
	margin-left:59px;
	width:644px;
	height:364px;
	border:4px solid red;
	}


#main_column td {
	font-size: 100%;
	}

#main_column_left {
	float: left;
	background-image:url('/pipers/girl2.jpg');
	width: 383px;
	min-height: 800px;
  	height: auto !important;
  	height: 800px;
	}

#main_column_right {
	font-size: 100%;
	line-height: 140%;
	font-style: bold;
	left: 383px;
	top: 0px;
	float: right;
	width: 347px;
	width: 247px;
	background: #444;
	color: #fff;
	padding: 16px;
	min-height: 668px;
  	height: auto !important;
  	height: 668px;
	margin-bottom: 40px;
	}

#main_column_poster {
	position: relative;
	top: 0px;
	left: 0px;
	background: #444;
	background-image:url('/pipers/girl2.jpg');
	}

.text {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-family: tahoma, verdana,arial,sans-serif;
	color: #000000
	}

.tabtext {
	border-style: solid;
	border-color: #c0c0c0;
	border-width: 1pt;
	line-height: 130%;
	color: #000;
	padding: 5px;
	font-size: 83.5%;
	}

.alttext {
	border-style: solid;
	border-color: #c0c0c0;
	border-width: 1pt;
	line-height: 130%;
	color: #000;
	padding: 5px;	
	background: #efefcc;
	font-size: 83.5%;
	}

.active {
	border-style: solid;
	border-color: #c0c0c0;
	border-width: 1pt;
	line-height: 130%;
	color: #000;
	padding: 5px;
	background-color: #efefbb;
	font-size: 83.5%;
	}

.newtune {
	border-left: 9px solid #336699;

	padding-left: 10px;

	color: #000000;
	background-color: #ceecf5;
	}

.greentune {

	border-left: 9px solid green;

	padding-left: 10px;

	color: #000000;
	background-color: #d8f6de;
	}

.optune {
	border-left: 9px solid #642efe;
	padding-left: 10px;

	color: #000000;
	background-color: #e6e0f8;
	}

.oldtune {
	border-left: 9px solid #8a4b08;

	padding-left: 10px;

	color: #000000;
	background-color: #f7be81;
	}


#footer {
	clear: both;
	width: 100%;
	text-align: center;
	position: relative;
	font-size: 100%;
	margin-right: 47px;
	margin-left: 0px;
	margin-top: 0px;
	padding-top: 15px;
	background-color: #fff;
	color: #000;
	/*width: 500px;*/
	border-top: 1px dashed #c0c0c0;
	}

#sidenav {
	font-size: 85%;
	position: absolute;
	padding-top: 5px;
	padding-bottom: 5px;
	left: auto;
	top: 150px;
	width: 66px;
	margin-left: 53px;
	margin-right: 53px;
	background-color: #000;
	color: #222;
	}

caption {
	padding-top: 6pt;
	padding-bottom: 10pt
	}

.tabtext {
	border-style: solid;
	border-color: #c0c0c0;
	border-width: 1pt;
	line-height: 130%;
	}

.alttext {
	border-style: solid;
	border-color: #c0c0c0;
	border-width: 1pt;
	line-height: 130%;
	background: #efefcc;
	color: #000;
	}

.masterblack {
	border-style: solid; border-color: #000000;
	border-width: 2pt;
	} 

.smalltext {
	font-size: 7.0pt;
	line-height: 100%;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-family: tahoma, verdana,arial,sans-serif;
	background-color: #fff;
	color: #000;
	}

.photo img {
	border: 5pt solid #ccc;
	text-decoration: none;
	padding:2px;
	margin:5px;
	color:#fff;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-khtml-border-radius:3px;
	border-radius:3px;
	}

.photo a:hover {
	}


.poster {
	background-color: #fff;
	border: 0pt solid #ccc;
margin-left:26px;
margin-bottom:16px;
	color: #000;
	}

.nav {
	background-color: #336699;
	color: #fff;
	}

.nav a, active, visited {
	text-decoration: none;
	/*border-left: 1px solid #336699;
	border-top: 1px solid #336699;
	border-right: 1px solid #336699;
	border-bottom: 1px solid #336699;*/
	padding: 4px;
	}

.nav a:hover {
	background-color: #336699;
	/*border-left: 1px solid #fff;
	border-top: 1px solid #fff;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;*/
	/*color: #ffcc66;*/
	color:#fff;
/*#f1c40f*/
	text-shadow: 0 0 10px #f1c40f, 0 0 15px #f1c40f, 0 0 20px #f1c40f, 0 0 30px #f1c40f, 0 0 40px #f1c40f, 0 0 60px #f1c40f, 0 0 80px #f1c40f, 0 0 100px #f1c40f;

	text-decoration: none;
	padding: 4px;
	}

.navon {
	background-color: #336699;
	color: #ffcc66;
	}

.navon a, active, visited { 
	text-decoration: none;
	background-color: #336699;
	color: #ffcc66;
	border-left: 1px solid #777;
	border-top: 1px solid #777;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	}

.dotted a {
	color:#222;
	text-decoration: none;
	border-width: 0pt 0pt 1pt 0pt;
	border-style: none none dotted none;
	}

.dotted a:hover {
	color: blue;
	text-decoration: none;
	border-width: 0pt 0pt 1pt 0pt;
	border-style: none none dotted none;
	}

.dotted.active a {
	text-decoration: none;
	border-width: 0pt 0pt 1pt 0pt;
	border-style: none none dotted none;
	}

.dotted.active a:hover {
	background-color: #efefcc;
	color: brown;
	text-decoration: none;
	border-width: 0pt 0pt 1pt 0pt;
	border-style: none none dotted none;
	}

#nav_archive {
	position: absolute;
	font-size:100%;
	left: -142px;
	top: 180px;
	text-align: center;
	width: 110px;
	color: #fff;
	line-height: 170%;
	}

#nav_badge {
	position: absolute;
	left: -160px;
	top: 10px;
	text-align: center;
	width: 110px;
	color: #fff;
	font-size: 100%;
	line-height: 170%;
	}

#badge a {
	color: #222;
	background-color: white;
	margin-top: 3px;
	font-weight: normal;
	text-decoration: none;
	text-align: center;
	}

#badge a:hover {
	color: blue;
	background-color: white;
	text-decoration: none;
	border-width: 0pt 0pt 1pt 0pt;
	border-style: none none dotted none;
	}

#badge_img {
	border: 3px solid #ccc;
	display: block;
	width: 140px;
	height: 140px;
	background-color: white;
	color:white;
	/*-moz-transition:width 5s, height 5s, background-color 5s, -moz-transform 5s;
	-webkit-transition:width 5s, height 5s, background-color 5s, -webkit-transform 5s;
	-o-transition:width 5s, height 5s, background-color 5s, -o-transform 5s;
	transition:width 5s, height 5s, background-color 5s, transform 5s;*/
	}

#badge_img:hover {
	background-color: #ffcccc;
	width:140px;
	height:140px;
	-moz-transform:rotate(360deg);
	-webkit-transform:rotate(360deg);
	-o-transform:rotate(360deg);
	transform:rotate(360deg);
	}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#spin a {
	color: #fff;
	background-color: white;
	margin-top: 3px;
	font-weight: normal;
	text-decoration: none;
	text-align: center;
	}

#spin a:hover {
	color: white;
	background-color: white;
	text-decoration: none;
	border-width: 0pt 0pt 1pt 0pt;
	border-style: none none dotted none;
	}

#spin_img {
	border: 3px solid #ccc;
	display: block;
	width: 140px;
	height: 140px;
	color:#fff;
	background-color: #fff;
	-moz-transition:width 3s, height 3s, background-color 3s, -moz-transform 3s;
	-webkit-transition:width 3s, height 3s, background-color 3s, -webkit-transform 3s;
	-o-transition:width 3s, height 3s, background-color 3s, -o-transform 3s;
	transition:width 3s, height 3s, background-color 3s, transform 3s;
	}

#spin_img:hover {
	background-color: #ffcccc;
	width:140px;
	height:140px;
	-moz-transform:rotate(360deg);
	-webkit-transform:rotate(360deg);
	-o-transform:rotate(360deg);
	transform:rotate(360deg);
	}

td .input {
	background-color : #fff;
	background-color : #d4efdf;
	border-bottom : 1px dotted #efefff;
	border-left : 1px solid #c0c0c0;
	border-top : 1px solid #c0c0c0;
	border-right : 1px solid #efefff;
	height : 26px;
	color : #000;
	padding : 4px;
	display : inline;
	margin-bottom: 3px;
	width:80%;
	-moz-border-top-right-radius:4px;
	-moz-border-top-left-radius:4px;
	-moz-border-bottom-right-radius:4px;
	-moz-border-bottom-left-radius:4px;
	-webkit-border-top-right-radius:4px;
	-webkit-border-top-left-radius:4px;
	-webkit-border-bottom-right-radius:4px;
	-webkit-border-bottom-left-radius:4px;	
	-khtml-border-radius:4px;
	-khtml-border-left:4px;
	-khtml-border-radius:4px;
	-khtml-border-left:4px;
	border-bottom-right-radius:4px;
	border-bottom-left-radius:4px;
	border-top-right-radius:4px;
	border-top-left-radius:4px;
	}

.textarea {
	font-family : courier;
	font-size: 1.0em;
	line-height: 140%;
	font-weight:bold;
	width: 608px;
	width: 548px;
	height: 300px;
	background-color : #d4efdf;
	color : #444;
	border:1px solid #c0c0c0;
	padding : 7px;
	-moz-border-top-right-radius:4px;
	-moz-border-top-left-radius:4px;
	-moz-border-bottom-right-radius:4px;
	-moz-border-bottom-left-radius:4px;
	-webkit-border-top-right-radius:4px;
	-webkit-border-top-left-radius:4px;
	-webkit-border-bottom-right-radius:4px;
	-webkit-border-bottom-left-radius:4px;	
	-khtml-border-radius:4px;
	-khtml-border-left:4px;
	-khtml-border-radius:4px;
	-khtml-border-left:4px;
	border-bottom-right-radius:4px;
	border-bottom-left-radius:4px;
	border-top-right-radius:4px;
	border-top-left-radius:4px;
	}

.email {
	font-family : courier;
	font-size: 1.0em;
	line-height: 140%;
	width: 548px;
	height: 100px;
	background-color : #d4efdf;
	color : #444;
	border:1px solid #c0c0c0;
	padding : 4px;
	-moz-border-top-right-radius:4px;
	-moz-border-top-left-radius:4px;
	-moz-border-bottom-right-radius:4px;
	-moz-border-bottom-left-radius:4px;
	-webkit-border-top-right-radius:4px;
	-webkit-border-top-left-radius:4px;
	-webkit-border-bottom-right-radius:4px;
	-webkit-border-bottom-left-radius:4px;	
	-khtml-border-radius:4px;
	-khtml-border-left:4px;
	-khtml-border-radius:4px;
	-khtml-border-left:4px;
	border-bottom-right-radius:4px;
	border-bottom-left-radius:4px;
	border-top-right-radius:4px;
	border-top-left-radius:4px;	
	}

.input {
	background-color : #fff;
	border-bottom : 1px dotted #efefff;
	border-left : 1px solid #c0c0c0;
	border-top : 1px solid #c0c0c0;
	border-right : 1px solid #efefff;
	height : 26px;
	color : #000;
	padding : 4px;
	display : inline;
	margin-bottom: 3px;
	}

.select {
	background-color : #fff;
	border-bottom : 1px dotted #c0c0c0;
	border-left : 1px solid #c0c0c0;
	border-top : 1px solid #c0c0c0;
	border-right : 1px solid #c0c0c0;
	height : 26px;
	color : #000;
	padding : 4px;
	display : inline;
	}

.system_button {
	color:#222;
	text-align:center;
	padding:2px;
	border:0px solid #fff;
	background:transparent;
	}

.system_button a {
	color:#222;
	text-decoration: none;
	border-width: 0pt 0pt 1pt 0pt;
	border-style: none none dotted none;
	}

.system_button a:hover {
	color:#222;
  	background-image:linear-gradient(to bottom, #fff, #aed6f1);
 	background-image: -webkit-gradient(linear, center top, center bottom, from(white), to(#d4e6f1));
  	background-image: -moz-linear-gradient(top, #fff, ##d4e6f1);
  	background-image: linear-gradient(to bottom, #fff, #d4e6f1);
	}

.button {
	display:inline;
	width:40px;
	font-size:90.5%;
	text-align:center;
	border:1px solid #bbb;
	padding:4px;
	padding-left:7px;
	padding-right:7px;
	background-color:#efefff;
	-moz-border-top-right-radius:4px;
	-moz-border-top-left-radius:4px;
	-moz-border-bottom-right-radius:4px;
	-moz-border-bottom-left-radius:4px;
	-webkit-border-top-right-radius:4px;
	-webkit-border-top-left-radius:4px;
	-webkit-border-bottom-right-radius:4px;
	-webkit-border-bottom-left-radius:4px;	
	-khtml-border-radius:4px;
	-khtml-border-left:4px;
	-khtml-border-radius:4px;
	-khtml-border-left:4px;
	border-bottom-right-radius:4px;
	border-bottom-left-radius:4px;
	border-top-right-radius:4px;
	border-top-left-radius:4px;
 	background-image: -webkit-gradient(linear, center top, center bottom, from(white), to(#ddd));
  	background-image: -moz-linear-gradient(top, #fff, #ddd);
  	background-image: -ms-linear-gradient(top, #fff, #ddd);
  	background-image: -o-linear-gradient(top, #fff, #ddd);
  	background-image: linear-gradient(to bottom, #fff, #ddd);
	}

.button a {
	color:#222;
	text-decoration: none;
	}

.button a:hover {
	color:#222;
  	background-image:linear-gradient(to bottom, #fff, #aed6f1);
 	background-image: -webkit-gradient(linear, center top, center bottom, from(white), to(#d4e6f1));
  	background-image: -moz-linear-gradient(top, #fff, ##d4e6f1);
  	background-image: linear-gradient(to bottom, #fff, #d4e6f1);
	}


.gradient {
	position:relative;
	color:#222;
	padding-top:2px;
	}

.gradient a {
	color:#222;
	text-decoration: none;
	}

.gradient a:hover {
	color:#222;
  	background-image:linear-gradient(to bottom, #fff, #aed6f1);
  	}