﻿/* Normalize padding and margins */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
margin: 0;
padding: 0;
}

/* Normalize header sizes */
h1, h2, h3, h4, h5, h6 {
font-size: 100%;
}

/* Normalize list styles */
ol, ul {
list-style: none;
}

/* Normalize font style and weight on odd elements */
address, caption, cite, code, dfn, em, strong, th, var {
font-style: normal;
font-weight: normal;
}

/* Normalize table borders */
table {
border-collapse: collapse;
border-spacing: 0;
}

/* Normalize other borders */
fieldset, img {
border: 0;
}

/* Normalize text-alignment */
caption, th {
text-align: left;
}

/* Normalize (remove) quotation marks */
q:before, q:after {
content: '';
}


/** Layout Styles **/
div.PageWrapper
{
	width: 100%;
}

div.Branding, div.Navigation
{
	display: block;
	height: 150px;
	width: 820px;	
	margin: 0 auto;
}

div.Navigation
{
	display: block;
	width: 820px;	
	margin: 0 auto;	
	height: 56px;	
}

div.News
{
	position: relative;
	display: block;
	width: 760px;	
	height: 300px;
	margin: 0 auto;		
}

div.Message
{
	display: block;
	width: 400px;
	height: 150px;
	margin: 0 auto;	
}

div.QuickInfo
{
	display: block;
	width: 760px;	
	margin: 0 auto;	
}

div.QuickInfo h2
{
	display: none;	
}

div.QuickInfo h3
{
	text-indent: -9999px;	
}

div.Events, div.RecentNews, div.Results
{
	display:block;
	float: left;
	width: 250px;
	height: 100px;	
}

div.Events ul, div.RecentNews ul, div.Results ul
{
	margin: 35px 0px 0px 20px;	
}

div.Footer
{
	display: block;
	float: none;
	clear: both;	
}

div.Navigation ul
{
	margin: 0px 0px 0px 40px;	
}

div.Navigation a, div.Navigation ul li
{
	display: block;
	float: left;
	height: 40px;
	width: 82px;
	position: relative;
	top: 5px;
	left: 0px;
}

a.News
{
	left: 5px !important;
}

a.Forum
{
	left: 10px !important;
}

a.Contact
{
	left: 15px !important;
}

div.Navigation h2
{
	display: none;	
}

p.SummerTraining
{
	display: block;
	height: 290px;
	width: 740px;	
	margin: 0px;
	padding: 0px;
	position: relative;
	top: -12px;
	left: 10px;
}

div.News a
{
	position: absolute;
	bottom: 20px;
	right: 20px;
}

/** Color Styles **/
body
{
	background: #000000;	
}

div.Branding
{
	background:#000000 url(../images/TikiTachBanner.png);
}

div.Navigation
{
	background: black;
	color: White;
}

div.Navigation
{
	background:#000000 url(../images/TikiTechNav.png) no-repeat 30px 0px;	
}

div.Navigation a
{
	color: #eec862;
	text-indent: -9999px;
}

div.Message, div.News
{
	background: #FFFFFF;
}

div.News
{
	background:#000000 url(../images/TikiTechContent.png) no-repeat;	
}

div.Events
{
	background:#000000 url(../images/TikiTechUpcomingEvents.png) no-repeat;		
}

div.RecentNews
{
	background:#000000 url(../images/TikiTechNews.png) no-repeat;	
}

div.Results
{
	background:#000000 url(../images/TikiTechResults.png) no-repeat;		
}

div.Footer
{
	color: White;	
}

p.SummerTraining
{
	background:#000000 url(../images/SummerTraining.png) no-repeat;
}

div.News a, div.Events ul, div.RecentNews ul li a, div.Results ul
{
	color: #f2e400;
}

/** Typography Styles **/
div.Branding h1
{
	text-indent: -9999px;
}

div.Navigation a
{
	font-weight: bold;
	text-decoration: none;
	font-family: Tahoma;
	font-size: 20pt;
	margin: 5px 10px;
}

div.News h2
{
	text-indent: -9999px;	
}

div.Footer
{
	text-align: center;	
}

p.SummerTraining
{
	text-indent: -9999px;
}

div.News a
{
	font-weight: bold;
	font-size: 12pt;
}

div.News a, div.Events ul, div.RecentNews ul li a, div.Results ul
{
	font-family: Arial;
}