/* Main CSS for Seattle Sports net [www.SeattleSN.com] */

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Begin: main layout (positioning)...*/
body {  font-family: Arial, Helvetica, sans-serif;  background-color:#000066;  padding: 0px 0px 0px 0px;  margin: 0px 0px 0px 0px;  height: 100%; }

a:link { color: #FFFFFF;  text-decoration: none;  font-style: normal; }
a:visited { color: #FFFFFF;  text-decoration: none;  font-style: normal;  }
a:hover { color: #FFFFFF;  text-decoration: underline;  font-style: italic;  }
a:active { color: #FFFFFF;  text-decoration: none;  font-style: normal;  }

#header { /*Header images layour... *Note: backgroundImage.height==92px, subheaderImage.height==18px ==> totalHeight==110px*/
	position: absolute;  top: 0px;  left: 0px;  height: 110px;  width: 100%; }

#navmenu { /*Navigation menu layout...*/
	background-color: #888888;
	font-family: Arial, Helvetica, sans-serif;  font-size: 13px;
	position: absolute;  top: 114px;  left: 7px;  width: 20%;
	/*float: left;*/  /*clear: left;*/  padding: 0px 2px 0px 2px;  /*margin: 5px 32px 0px 0px;*/
	border: thin outset #BBBBBB; }

#content {
	background-color: #FFFFFF;
	position: absolute;  top: 113px;  right: 7px;  width: 77%;
	padding: 0px 0px 0px 0px;  margin: 0px 0px 0px 0px;
	border: thin outset #CCCCCC;
	/*float: right;*/  /*margin: 5px 2px 0px -25px;*/ }

#gr8logo {
	color: #FFFFFF;  background-color: #000066;
	font-size: 0.9em;  font-family: Arial, Helvetica, sans-serif;  font-weight: 900;  text-align: center;
	padding: 0px 0px 0px 0px;  margin: 0px 0px 0px 0px;  z-index: 2; }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Begin: navigation style...*/
.navmenu_title {
	color: #FFFFFF;  background-color: #000066;
	font-size: 1.0em;  font-family: Arial, Helvetica, sans-serif;  font-weight: 700;
	padding: 2px 4px 2px 4px;  margin: 1px 0px 0px 0px; }

.navmenu_title_link:link { color: #FFFFFF;  text-decoration: none; }
.navmenu_title_link:visited { color: #FFFFFF;  text-decoration: none; }
.navmenu_title_link:hover { color: #FFFFFF;  text-decoration: underline; } /*has no effect in IE, but does in FF*/
.navmenu_title_link:active { color: #FFFFFF;  text-decoration: none; }

.navmenu_subtitle {
	color: #404040;  background-color: #FFFFFF;
	font-size: 0.9em;  font-family: Arial, Helvetica, sans-serif;  font-weight: 900;
	padding: 1px 4px 1px 8px;  margin: 1px 0px 0px 0px; }

.navmenu_subtitle_link:link { color: #404040;  text-decoration: none; }
.navmenu_subtitle_link:visited { color: #404040;  text-decoration: none; }
.navmenu_subtitle_link:hover { color: #000090;  text-decoration: underline; } /*has no effect in IE, but does in FF*/
.navmenu_subtitle_link:active { color: #404040;  text-decoration: none; }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Begin: content style (fonts, etc)...*/
.content_body {
	color: #000000;  background-color: #FFFFFF;
	height: 100%;  padding: 0px 0px 0px 0px;  margin: 0px 0px 0px 0px;
	border-top: 2px solid #999999;  border-left: 2px solid #999999;  border-right: 2px solid #999999; }

.content_main {	color: #000000;  font-size: 1.0em;  font-family: Arial, Helvetica, sans-serif;  font-weight: 400;  line-height: 1.5em;  padding: 0px 10px 0px 10px; }
.content_main a:link { color: #0000BB;  text-decoration: underline;  font-style: italic; }
.content_main a:visited { color: #440099;  text-decoration: none;  font-style: normal;  }
.content_main a:hover { color: #990022;  text-decoration: none;  font-style: normal;  }
.content_main a:active { color: #BB0000;  text-decoration: none;  font-style: normal;  }

.content_heading {
	color: #AA0000;  font-size: 1.3em;  font-family: Arial, Helvetica, sans-serif;  font-weight: 400;  font-style: italic; }

.content_subheading {
	color: #000099;  font-size: 1.0em;  font-family: Arial, Helvetica, sans-serif;  font-weight: 700;  font-style: italic; }

.form_heading {
	color: #000044;  font-size: 0.9em;  font-family: Arial, Helvetica, sans-serif;  font-weight: 700;  line-height: 1.3em;  padding: 0px 0px 0px 0px; }
.form_item {
	color: #000000;  font-size: 1.0em;  font-family: Arial, Helvetica, sans-serif;  font-weight: 400; }

.padded { padding: 10px 15px 10px 15px; }
.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }
.top { vertical-align: top; }
.middle { vertical-align: middle; }
.bottom { vertical-align: bottom; }
.italic { font-style: italic; }

.table_center { margin-left: auto;  margin-right: auto; }
.table_left { margin-left: 0;  margin-right: auto; }
.table_right { margin-left: auto;  margin-right: 0; }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Begin: dooDads, etc...*/
#corner_top_left {
	width: 6px;  height: 6px;  position: absolute;  top: 2px;  left: 2px;
	background-image: url('../Images/corner_topLeft-w1.gif'); background-repeat: no-repeat; background-position: top left; }
#corner_top_right {
	width: 6px;  height: 6px;  position: absolute;  top: 2px;  right: 2px;
	background-image: url('../Images/corner_topRight-w1.gif'); background-repeat: no-repeat; background-position: top right; }
#corner_bottom_left {
	width: 6px;  height: 100%;  position: absolute;  bottom: 2px;  left: 2px;
	background-image: url('../Images/corner_bottomLeft-w1.gif'); background-repeat: no-repeat; background-position: bottom left; }
#corner_bottom_right {
	width: 6px;  height: 100%;  position: absolute;  bottom: 2px;  right: 2px;
	background-image: url('../Images/corner_bottomRight-w1.gif'); background-repeat: no-repeat; background-position: bottom right; }

#border_top { width: 100%;  height: 2px;  position: absolute;  top: 0px;  center: 0px;  border-top: 1px solid #999999; } /*Note: these don't work so well accross browsers...*/
#border_bottom { width: 100%;  height: 2px;  position: absolute;  bottom: 0px;  center: 0px;  border-bottom: 1px solid #999999; }
#border_left { width: 2;  height: 100%;  position: absolute;  top: 0px;  left: 0px;  border-left: 1px solid #999999; }
#border_right { width: 2;  height: 100%;  position: absolute;  top: 0px;  right: 0px;  border-right: 1px solid #999999; }