@charset "utf-8";
/* CSS Document */

body
{
	background: #FFF;;
	border: 0;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: 200;
	left:0;
	margin: 0;
	padding: 0;
	top: 0;
}
body.design {background:#FFF;font-family: 'Roboto', sans-serif;}
a
{
	text-decoration: none;
}	
h1           {border-bottom: 2px solid #343e34;color: #213c19;display: block;font-size: 28px;font-weight: 900;margin: 0 0 4px 0;overflow: hidden;padding: 8px 0 4px 0;position: relative;}
h1 div       {float: right;font-size: 12px;font-weight: normal;text-align: right;margin: 0;padding: 0;position: absolute;bottom: 4px;right: 4px;}
h2           {color: #213C19;font-size: 22px;font-weight: bold;margin: 0;padding: 4px 0;}
h2.page_secondary       {border-bottom: 2px solid #0b723e;color:#006331;font-size:18px;font-weight:bold;margin:0;overflow:hidden;padding:.5em 0;}
h2.page_secondary span  {float:right;margin:0;padding:0;background:orange;}
h2.page_secondary span a {display:block;font-weight:normal;font-size:12px;}

h3.section_heading      {color:#000000;font-size:16px;font-weight:bold;margin:0;padding:.25em 0;}
h3.game                 {background: #cedfd1;border-top: 1px solid #343e34;border-bottom: 1px solid #343e34;color: #343e34;font-size:1em;font-weight:900;margin:0;padding:.6em;}
h4.grouping             {background: #e1eee1;border-top: 1px solid #343e34;color: #343e34;font-size:1em;margin:0;padding:.25em;}
h4.game_secondary       {background:#F2F2F2;font-weight:900;margin:0;padding:.5em;}
img.button              {width:90%;}
p                       {line-height: 1.3em;margin: 0;padding: 4px 0 8px 0;}
p.roster                {font-size:.9em;padding:1em .5em;}
.wrapper                {margin: 0 auto 40px auto;overflow: hidden;padding: 0;}

.roster h2                   {color:#0a5e1b;font-size:1.3em;font-weight:900;padding-top:.5em;}
.roster h2.contact           {border-bottom: 1px solid #0A5E1B;}
.roster p.contact            {padding-top: .5em;}
.story                       {padding:0 .1em 0 1em;}
.story h2                    {color:#0a5e1b;font-size:1.3em;font-weight:900;}

.top_header                  {background:#0a5e1b;border:none;margin:0;padding:0;}
.top_nav                     {margin:0 auto;overflow:hidden;padding:0;}
.top_nav ul                  {list-style:none;display:flex;margin:0;padding:0;}
.top_nav ul li.chosen        {color:#FFF;font-weight:900;padding:.75em 1em 0 1em;;}
.top_nav ul li a             {color:#FFF;display:block;padding:.75em 1em;}
.top_nav ul li a:hover       {background:#ffffcc;color:#0A5E1B;}

.page_header                 {background:#FFFFCC;border-bottom: 1px solid #0A5E1B;display:flex;margin:0;padding:0;}
.page_header ul              {align-items:center;display:flex;list-style:none;margin: 0 auto;overflow:hidden;padding:0;}
.page_header ul li.heading   {border:none;color:#0A5E1B;font-size:1.7em;font-weight:900;letter-spacing: -.025em;margin:0 auto;padding:.45em 0;text-align:left;}
.page_header ul li.heading span {padding-left: .5em;}
.page_header ul li.return    {flex:1;padding:.5em;text-align:right;}
.page_header ul li.return a  {color:#0a5e1b;}

.navigation
{
	height: 31px;
	margin: 0;
	overflow: hidden;
	padding: 0;
}
.navigation ul
{
	list-style: none;
	margin: 0;
	overflow: hidden;
	padding: 0;
}
.navigation ul li
{
	color: #FFF;
	float: left;
	font-size: 14px;
	margin: 0 1px 0 0;
	padding: 6px 10px;
}
.navigation ul li a
{
	color: #FFF;
	text-decoration: none;
}
.navigation ul li.hover
{
	background: #5d655d;	
}
.navigation ul li.hover a
{
	background: #5d655d;	
}
.navigation ul li.chosen
{
	font-weight: bold;	
}
.helmet_navigation
{
	border-bottom: 2px solid #D2D2D2;
	margin: 0;
	overflow: hidden;
	padding: 0;
}
.helmet_navigation ul
{
	list-style: none;
	margin: 0;
	overflow: hidden;
	padding: 0;
}
.helmet_navigation ul li
{
	float: left;
	font-size: 11px;
	margin: 0 1px 0 0;
	padding: 0;
}
.helmet_navigation ul li img
{
	width: 82px;	
}
.helmet_navigation ul li span
{
	display: block;
	padding: 3px 0 4px 0;
	text-align: center;
}
.helmet_navigation ul li.hover
{
	background: #f0f6f0;
	color: black;
}

audio                  {display:block;padding:.25em;}
.audio                 {list-style:none;margin:0;padding:0;}
.audio li              {display:flex;}
.audio li.list         {border-bottom: 1px solid #006331;margin:0;padding:0;}
.audio li div h3       {background: #cedfd1;border-top: 1px solid #006331;border-bottom: 1px solid #006331;color: #343e34;font-size:1em;margin:0;padding:.6em .5em;}
.audio li div span     {display:block;font-size:1em;margin:0;padding:.8em .5em;}
.audio li div.flex     {flex:1;}
.audio li div.center   {text-align:center;}
.audio li div.player  {margin:.2em 0;padding:0;height:3em;}
.audio li div.player audio {height:3em;}

.audio_listing         {list-style:none;margin:0;padding:0;}
.audio_listing li      {display:flex;padding:.5em 0;}
.audio_listing > li.player {margin:.2em 0;padding:0;height:3em;}
.audio_listing li div  {border-bottom:1px solid #CCC;padding: 0 0 .5em 0;}
.audio_listing li audio {display:block;margin:0;padding:0;width:100%;}

articles                  {display:block;padding:.25em;}
.articles                 {list-style:none;margin:0;padding:0;}
.articles li              {display:flex;}
.articles li a            {color:#006331;display:inline-flex;overflow:hidden;width:100%;}
.articles li a:hover      {background:#FFFFCC;}
.articles li.secondary    {border-bottom: 1px solid #006331;background:#F2F2F2;font-weight:900;margin:0;padding:.8em .5em;}
.articles li.list         {border-bottom: 1px solid #006331;margin:0;padding:0;}
.articles li div h3       {background: #cedfd1;border-top: 1px solid #006331;border-bottom: 1px solid #006331;color: #343e34;font-size:1em;font-weight:900;margin:0;padding:.6em .5em;}
.articles li div span     {display:block;font-size:1em;margin:0;padding:.8em .5em;}
.articles li div.flex     {flex:1;}
.articles li div.center   {text-align:center;}

.info                  {list-style:none;margin:0 0 1em 0;padding:.25em 0;}
.top                   {border-top: 1px solid #CCC;}
.bottom                {border-bottom: 1px solid #CCC;}
.info li               {padding:.1em 0;}
.info li.details       {border-bottom: 1px solid #CCC;font-size:.9em;line-height:1.4em;padding:.5em;}
.info li strong        {font-weight:bold;}

.listing               {border-top: 1px solid #006331;list-style:none;margin:0 0 .75em 0;padding:0;}
.notop                 {border-top: none;}
.listing li            {border-bottom: 1px solid #CCC;}
.listing li a          {color: #006331;display:flex;flex:1;overflow:hidden;padding:.5em 0;}
.listing li a div.date   {font-weight:normal; width:12em;}
.listing li a div.article{flex:1;}
.listing li a:hover    {background:#F2F2F2;}

.page_secondary           {border-bottom: 2px solid #006331;display:flex;list-style:none;margin:0;padding:0;width:100%;}
.page_secondary li.h2     {color:#006331;font-size:18px;flex:1;font-weight:bold;margin:0;padding:.5em 0;}
.page_secondary li.record {color:#006331;font-size:12px;padding: 1.1em;text-align:center;}
.page_secondary li.link   {margin-left:.1em;text-align:center;width:8em;}
.page_secondary li.link a {background:#F2F2F2;color:#006331;display:block;font-size:12px;padding:1.1em;}
.page_secondary li.link a:hover {background:#E2E2E2;}

.schedule h3           {background: #cedfd1;border-top: 1px solid #343e34;border-bottom: 1px solid #343e34;color: #343e34;font-size:1em;font-weight:900;margin:0;padding:.6em;}
.schedule h3.notop     {border-top: none;}
.schedule a            {border-bottom: 1px solid #006331;clear:both; display:block;margin:0;overflow:hidden;padding:0;}
.schedule a h4         {background:#006331; color:#ffe24f;margin:0;padding:.5em;}
.schedule a.chosen     {background:#FFFFCC;}
.schedule a:hover      {background:#F2F2F2;}

.schedule ul.info             {color:#006331;font-size:.8em;list-style:none;display:flex;margin:0;padding:0;text-transform:uppercase;}
.schedule ul.info li.date     {padding:.5em .25em .25em .25em;text-align:left;}
.schedule ul.info li.location {padding:.5em .25em .25em .25em;text-align:right;flex:1;}

.schedule ul.scores           {color:#006331;display:flex;list-style:none;margin:0;padding:0;}
.schedule ul.scores li        {display:flex;flex:1;font-size:1em;padding:.25em;text-align:left;}
.schedule ul.scores li.winner {font-weight:900;}
.schedule ul.scores li span   {display:block;flex:1;text-align:right;padding-right:.75em;}

.schedule ul.attachments      {color: #006331;list-style:none;margin:0;padding:0;}
.schedule ul.attachments li   {margin:0;padding:0;}
.schedule ul.attachments li a {color:#006331;padding:.5em;text-decoration:none;}
.schedule ul.attachments li a:hover {background:#FFFFCC;}

.scoreboard                {list-style:none;font-size:1.4em;margin:0;padding:0;}
.scoreboard li             {border-bottom: 1px solid #CCC;display:flex;padding:.5em 0;}
.scoreboard li div.team    {flex:1;}
.scoreboard li div.score   {padding: 0;text-align:center;width:3em;}
.scoreboard li div.ot      {color: #db0505;}
.scoreboard li div.total   {padding: 0 0 0 .5em;text-align:center;width:4em;}
.scoreboard li.winner      {font-weight:bold;}

.sections                  {margin:0 auto;padding:0;}
.sections ul               {background:#0A5E1B;list-style:none;margin:0;display:flex;overflow:hidden;padding:0;}
.sections ul li            {margin:0;padding:0;}
.sections ul li.flex       {background:#84ae8d;flex:1;}
.sections ul li a          {background:#84ae8d;border-right:1px solid #FFF;color:#FFF;display:block;padding: .5em 1.2em;}
.sections ul li a:hover    {background:#FFF;color:#0A5E1B;}
.sections ul li a.chosen   {background:#226e31;color:#FFF;font-weight:900;}

.team_picture img          {display:block;width:100%;}
.team_picture ul           {background:#FFFFCC;color:#0a5e1b;border-bottom:1px solid #0a5e1b;font-size:.9em;list-style:none;margin:0;overflow:hidden;padding:.5em;}
.team_picture ul li        {padding-bottom: .25em;}
.team_picture ul li div        {color:#0a5e1b;line-height:1.5em;}
.team_picture ul li div.title  {font-weight:900;}

.teams             {margin: 0 auto;padding:0;}
.teams ul          {border-bottom:1px solid #0A5E1B;clear:both;display:flex;list-style:none;margin:0;overflow:hidden;padding:0}
.teams li          {float:left;margin:0;padding:0;text-align:center;}
.teams li img      {width:100%;}
.teams li a        {color:#000;display:block;overflow:hidden;padding:.25em 0;}
.teams li a img    {width:100%;}
.teams li a span   {display:block;font-size:11px;margin:-1em 0 0 0;padding:.5em 0;}
.teams li a:hover  {background:#F2F2F2;}
.teams li.chosen {background:#E2E2E2;}

.titles            {align-items:center;border-bottom: 2px solid #0a5e1b;clear:both;display:flex;list-style:none;margin:0;overflow:hidden;padding:0}
.titles li.heading {color:#213c19;font-size:2em;font-weight:900;letter-spacing:-.025em;padding:.25em 0;}
.titles li.return  {flex:1;padding:.5em;text-align:right;}
.titles li.return a {color:#0a5e1b;}

.topborder         {border-top: 1px solid #006331;}
.topmargin         {margin-top: 1.5em;}
.bottommargin      {margin-top: 1.5em;}

table
{
	margin: 0;
	padding: 0;
}
table.roster {width:100%;}
table.library
{
	font-size: 13px;	
}
table tbody.hover
{
	background: #f0f6f0;	
}
table th
{
	font-weight: bold;
	margin: 0;
	padding-top: 4px;
	padding-bottom: 0;
}
table.scores
{
	border-top: 1px solid #D2D2D2;	
}
table.scores th
{
	border-bottom: 1px solid #D2D2D2;
	font-weight: bold;
	padding: 5px 0 5px 0;
}
table.scores td
{
	border-bottom: 1px solid #D2D2D2;	
}
table.roster th span {padding-left:.25em;}
table th.title
{
	background: #cedfd1;
	border-top: 1px solid #343e34;
	border-bottom: 1px solid #343e34;
	color: #343e34;
	margin: 0;
	padding-top: 8px;
	padding-bottom: 8px;
}
table td
{
	margin: 0;
	overflow: hidden;
	padding-top: 4px;
	padding-bottom: 0;
	vertical-align: top;
}
table td a
{
	color: blue;
	text-decoration: none;
}
table.roster td
{
	border-bottom: 1px solid #D2D2D2;
	padding: 4px 0;
}
table.roster td.center {text-align:center;}
table.library td
{
	padding: 6px 0;
	border-bottom: 1px solid #D2D2D2;
}
table td.score
{
	border-bottom: 1px solid #D2D2D2;
	font-size: 20px;
	font-weight: normal;
	padding: 4px 0;
}
table td.information
{
	font-size: 12px;
	padding-top: 4px;
	padding-bottom: 4px;
	text-transform: uppercase;
}
.image_holder
{
	padding: 20px 0;
	text-align: center;
}
.picture_list
{
	background: #fcf3e2;	
}
.picture_list p
{
	border-bottom: 1px solid #343e34;
	font-size: 12px;
	line-height:1.6em;
	margin: 0;
	padding: .5em .75em;
}
.picture_list p strong {font-weight:700;}
.orange	{background: orange;}
.pasco			{background: #31005a; color: #fff;}
.kennewick		{background: #000; color: #fa5a02;}
.columbiariver	{background: #ffe24f; color: #31005a;}
.wenatchee		{background: #ffe24f; color: #31005a;}
.eisenhower		{background: #c8c8c8; color: #160960;}
.wallawalla		{background: #0842b5; color: #FFF;}
.kamiakin		{background: #c20303; color: #ffe24f;}
.moseslake		{background: #71021a; color: #ffe24f;}
.davis			{background: #000; color: #fa5a02;}
.shadlepark		{background: #006331; color: #ffe24f;}
.gonzaga		{background: #0443a9; color: #FFF;}
.mounttahoma	{background: #71021a; color: #ffe24f;}

.grid-1		{width: 30px;}
.grid-1-pad	{width: 15px; padding-right	: 15px;}
.grid-2		{width: 66px;}
.grid-3		{width: 102px;}
.grid-4		{width: 138px;}
.grid-5		{width: 174px;}
.grid-5-pad	{width: 164px;padding-left: 10px;}
.grid-6		{width: 210px;}
.grid-7		{width: 246px;}
.grid-8		{width: 282px;}
.grid-9		{width: 318px;}
.grid-10	{width: 354px;}
.grid-11	{width: 390px;}
.grid-12	{width: 426px;}
.grid-13	{width: 462px;}
.grid-14	{width: 498px;}
.grid-15	{width: 534px;}
.grid-16	{width: 570px;}
.grid-17	{width: 606px;}
.grid-18	{width: 642px;}
.grid-19	{width: 678px;}
.grid-20	{width: 714px;}
.grid-21	{width: 750px;}
.grid-22	{width: 786px;}
.grid-23	{width: 822px;}
.grid-24	{width: 858px;}
.grid-25	{width: 894px;}
.grid-26	{width: 930px;}
.grid-27	{width: 966px;}
.grid-28	{width: 1002px;}

.form20 {width:99%;}
.form19 {width:94%;}
.form18 {width:89%;}
.form17 {width:84%;}
.form16 {width:79%;}
.form15 {width:74%;}
.form14 {width:69%;}
.form13 {width:64%;}
.form12 {width:59%;}
.form11 {width:54%;}
.form10 {width:49%;}
.form09 {width:44%;}
.form08 {width:39%;}
.form07 {width:34%;}
.form06 {width:29%;}
.form05 {width:24%;}
.form04 {width:19%;}
.form03 {width:14%;}
.form02 {width:9%;}
.form01 {width:4%;}

.formfull19 {width:95%;}
.formfull18 {width:90%;}
.formfull17 {width:85%;}
.formfull16 {width:80%;}
.formfull15 {width:75%;}
.formfull14 {width:70%;}
.formfull13 {width:65%;}
.formfull12 {width:60%;}
.formfull11 {width:55%;}
.formfull10 {width:50%;}
.formfull09 {width:45%;}
.formfull08 {width:40%;}
.formfull07 {width:35%;}
.formfull06 {width:30%;}
.formfull05 {width:25%;}
.formfull04 {width:20%;}
.formfull03 {width:15%;}
.formfull02 {width:10%;}
.formfull01 {width:5%;}
.formfull {width:100%;}
.formhalf_left {float:left;width:48%;}
.formhalf_right {float:right;width:48%;}
.formgutter {margin-right:1%;}

.lime	{background: lime;}
.yellow	{background: yellow;}

.gutter			{margin-right: 6px;}
.guttereven		{margin-right: 3px;margin-left: 2px;}
.hide			{display: none;}
.left			{float: left;}
.right			{float: right;}
.left-align		{text-align: left;}
.right-align	{text-align: right;}
.centered		{text-align: center;}