/* SASUKE CENTRAL CSS Document */
body  		 { background:#124383; background-image: url(resources/body_bg2.jpg); padding:0; margin:5px; border-spacing:0; }

/* Countdown Special */
.countdown { color: #ffffff; background-color: #666666;font-family: "Courier New", Courier, mono;text-align:center; width: 450px; font-weight: bold;font-size: 16px;border:1px solid #000; padding:10px;letter-spacing:-1px;}
#cd { margin: auto; height: 25px; width: 400px; font-family: "Courier New", Courier, mono; font-size: 18px; color: #000; text-align: center; font-weight: bold; 	background-image: url(resources/content_countdown_bg.jpg); }

/* Presentation Options */
.bodytable   { background-color: #FFFFFF; width: 800px; margin: auto;}
.content_table   { background-color: #FFFFFF; width: 750px; margin: auto;}
.tabletop     { background: url(resources/table/top_center.png); width: 820px; }
.navitable   { color: #FFFFFF; background:#a10b19 url(resources/construct_navi.png); text-align:center; }
.navitablebottom   { color: #FFFFFF; background:#a10b19 url(resources/construct_navi_bottom.png); text-align:center; }

/* General font families for common tags */
font,p,th,td { font-family: Verdana, Arial, Helvetica, sans-serif;  color: #000000; font-size: 11px }
a:link	     { color: #dd0000; text-decoration: none }
a:visited    { color: #dd0000; text-decoration: none }
a:hover      { color: #0000cc; text-decoration: underline }
a:active     { color: #CC0000; text-decoration: none }

/* NEW Navigation Titles (at the top of the page) */
.nav		    { color: #FFFFFF; font-weight: bold; font-size: 12px; text-decoration: none }
a.nav		    { color: #FFFFFF; text-decoration: none }
a.nav:link 	    { color: #FFFFFF; text-decoration: none }
a.nav:active 	{ color: #FFFFFF; text-decoration: none }
a.nav:visited 	{ color: #FFFFFF; text-decoration: none }
a.nav:hover 	{ color: #FFFFFF; text-decoration: underline }

/*Text Options */
.t1        { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; color: #cc0000; font-weight: bold; }
.t2        { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 16px; color: #124383; font-weight: bold;  text-transform: uppercase; }
.t25       { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 14px; color: #124383; }
.t3        { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; }
.t4        { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; }
.t5        { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; }
.title	   { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; color: #cc0000; font-weight: bold; }
.medtitle  { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 16px; color: #124383; font-weight: bold; }
.subtitle  { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; }
.obstacles { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #dd0000;  }
.textsmall { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; }
.footer    { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; font-weight: normal; color: #666666; letter-spacing: 0px }

/* Site Table */
.topleft        { background: url(resources/table/top_left.png); width: 20px; }
.topcenter      { background: url(resources/table/top_center.png); width: 810px; height: 20px; }
.topright       { background: url(resources/table/top_right.png); width: 20px; }
.tableleft      { background: url(resources/table/center_left.png); width: 20px; }
.tablecenter    { background-color: #ffffff; text-align: left; }
.tableright     { background: url(resources/table/center_right.png); width: 20px; }
.bottomleft     { background: url(resources/table/bottom_left.png); width: 20px; }
.bottomcenter   { background: url(resources/table/bottom_center.png); width: 810px; height: 20px; }
.bottomright    { background: url(resources/table/bottom_right.png); width: 20px; }

/* Alignments */
.align_left   {float:left; margin:5px 5px 5px 5px; border:0px}
.align_right  {float:right; margin:5px 5px 5px 5px;}
.align_center {display:block; margin-left: auto; margin-right: auto;}
.center     { text-align:center;}
.left       { text-align:left;}
.right      { text-align:right;}
.justify    { text-align: justify;}
.photo_right { border:1px solid #000; float:right; margin:5px 5px 5px 5px;}
.photo_left  { border:1px solid #000; float:left; margin:5px 5px 5px 5px;}
.photo       { border:1px solid #000; float:none; margin:5px 5px 5px 5px;}
.no_border   { border:0px }


/* Table Presentation */
.content_red   { width: 100%; padding: 0; margin: auto; border-collapse: collapse; border: 1px solid #333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000; background: #e4bcbc; }
.content_red th { border: 1px solid #666; padding: 0.5em; text-align:left; color: #000000; font-size: 10px; }
.content_red td { border: 1px solid #666; padding: 0.5em; text-align:left; color: #000000; font-size: 10px; }
.content_red th[scope=col] { background-color: #7d98b3; color: #ffffff; font-size: 10px; text-transform: uppercase;}
.content_red th[scope=row] { width: 120px; background-color: #cc8f8f; text-transform: uppercase; }

.content    { width: 100%; padding: 0; margin: auto; border-collapse: collapse; border: 1px solid #333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000; background: #cccccc; }
.content th { border: 1px dotted #666; padding: 0.5em; text-align:left; color: #000000; font-size: 10px; }
.content td { border: 1px dotted #666; padding: 0.5em; text-align:left; color: #000000; font-size: 10px; }
.content th[scope=col] { background-color: #666666; color: #ffffff; font-size: 10px; text-transform: uppercase;}
.content th[scope=row] { background-color: #cccccc; }
.content tr:hover th[scope=row], .content tr:hover td { background-color: #ffffff; color: #000; }

.content_sm   { width: 100%; padding: 0; margin: auto; border-collapse: collapse; border: 1px solid #333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000; background: #cccccc; }
.content_sm th { border: 1px dotted #666; padding: 0.5em; text-align:left; color: #000000; font-size: 10px; }
.content_sm td { border: 1px dotted #666; padding: 0.5em; text-align:left; color: #000000; font-size: 10px; }
.content_sm th[scope=col] { background-color: #666666; color: #ffffff; font-size: 10px; text-transform: uppercase;}
.content_sm th[scope=row] { background-color: #cccccc; }
.content_sm tr:hover th[scope=row], .content_sm tr:hover td { background-color: #ffffff; color: #000; }

.stage_1st    { width: 100%; padding: 0; margin: auto; border-collapse: collapse; border: 1px solid #333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000; background: #baa76d; }
.stage_1st th { border: 1px dotted #666; padding: 0.5em; text-align:left; color: #000000; }
.stage_1st td { border: 1px dotted #666; padding: 0.5em; text-align:left; color: #000000; font-size: 10px; }
.stage_1st th[scope=col] { color: #ffffff; background-color: #515531; text-transform: uppercase; font-size: 10px; }
.stage_1st th[scope=row] { background-color: #baa76d; }
.stage_1st tr:hover th[scope=row], .stage_1st tr:hover td { background-color: #ffffff; color: #000; }

.stage_2nd    { width: 100%; padding: 0; margin: auto; border-collapse: collapse; border: 1px solid #333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000; background: #d1b493; }
.stage_2nd th { border: 1px dotted #666; padding: 0.5em; text-align:left; color: #000000; }
.stage_2nd td { border: 1px dotted #666; padding: 0.5em; text-align:left; color: #000000; font-size: 10px; }
.stage_2nd th[scope=col] { color: #ffffff; background-color: #7d5534; text-transform: uppercase; font-size: 10px; }
.stage_2nd th[scope=row] { background-color: #d1b493; }
.stage_2nd tr:hover th[scope=row], .stage_2nd tr:hover td { background-color: #ffffff; color: #000; }

.stage_3rd    { width: 100%; padding: 0; margin: auto; border-collapse: collapse; border: 1px solid #333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000; background: #aeb8d1; }
.stage_3rd th { border: 1px dotted #666; padding: 0.5em; text-align:left; color: #000000; }
.stage_3rd td { border: 1px dotted #666; padding: 0.5em; text-align:left; color: #000000; font-size: 10px; }
.stage_3rd th[scope=col] { color: #ffffff; background-color: #9e320b; text-transform: uppercase; font-size: 10px; }
.stage_3rd th[scope=row] { background-color: #aeb8d1; }
.stage_3rd tr:hover th[scope=row], .stage_3rd tr:hover td { background-color: #ffffff; color: #000; }

.stage_final  { width: 100%; padding: 0; margin: auto; border-collapse: collapse; border: 1px solid #333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000; background: #cad3c4; }
.stage_final th { border: 1px dotted #666; padding: 0.5em; text-align:left; color: #000000; }
.stage_final td { border: 1px dotted #666; padding: 0.5em; text-align:left; color: #000000; font-size: 10px; }
.stage_final th[scope=col] { color: #ffffff; background-color: #666666; text-transform: uppercase; font-size: 10px; }
.stage_final th[scope=row] { background-color: #cad3c4; }
.stage_final tr:hover th[scope=row], .stage_final tr:hover td { background-color: #ffffff; color: #000; }

.blue-table { width: 100%; padding: 0; margin: 0; border-collapse: collapse; border: 1px solid #333; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em; color: #000; background: #bcd0e4; }
.blue-table caption { caption-side: bottom; font-size: 0.9em; font-style: italic; text-align: right; padding: 0.5em 0; }
.blue-table th, .blue-table td { border: 1px dotted #666; padding: 0.5em; text-align: left; color: #000000; }
.blue-table th[scope=col] { color: #000; background-color: #8fadcc; text-transform: uppercase; font-size: 0.9em; border-bottom: 2px solid #333; border-right: 2px solid #333; }
.blue-table th+th[scope=col] { color: #fff; background-color: #7d98b3; border-right: 1px dotted #666; }
.blue-table th[scope=row] { background-color: #b8cfe5; border-right: 2px solid #333; }
.blue-table tr.alt th, .blue-table tr.alt td { color: #2a4763; }
.blue-table tr:hover th[scope=row], .blue-table tr:hover td { background-color: #ffffff; color: #000000; }

.red-table { width: 450px; padding: 0; margin: 0; border-collapse: collapse; border: 1px solid #333; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em; color: #000; background: #e4bcbc; }
.red-table caption { caption-side: bottom; font-size: 0.9em; font-style: italic; text-align: right; padding: 0.5em 0; }
.red-table th, .red-table td { border: 1px dotted #666; padding: 0.5em; text-align: left; color: #000000; }
.red-table th[scope=col] { color: #000; background-color: #8fadcc; text-transform: uppercase; font-size: 0.9em; border-bottom: 2px solid #333; border-right: 2px solid #333; }
.red-table th+th[scope=col] { color: #fff; background-color: #7d98b3; border-right: 1px dotted #666; }
.red-table th[scope=row] { width: 100px; background-color: #cc8f8f; border-right: 2px solid #333; }
.red-table tr.alt th, .red-table tr.alt td { color: #2a4763; }