/*======================================
      WELCOME TO THE STYLESHEET
--------------------------------------      
     Copyright Quantum Dynamix
      Author: Brad Wilkie
======================================*/

/**************************************\
|------------COLOR SCHEME--------------|
|--------------------------------------|
|                                      |
|                                      |
|                                      |
\**************************************/


/**************************************/
/*              GLOBALS               */
/**************************************/

html {
	background: url(../images/bodyBG.jpg) #FFFFFF top center repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

a, .content a, a:visited, .content a:visited, a:link, .content a:link {
	color: #003366;
	text-decoration: none;
}
a[href]:hover, .content a[href]:hover {
	color: #990000;
	text-decoration: underline;
}

br[clear] {
	height: 0;
	line-height: 0;
	font-size: 0;
	clear: both;
}

.content .floatRight { float: right; }
.content .floatRightMargin { margin-left: 10px; }
.content .floatLeft { float: left; }
.content .floatLeftMargin { margin-right: 10px; }
.content .dontFloat { float: none; }
.content .center { margin: 0 auto; }

/**/
/**************************************/
/*              HEADER                */
/**************************************/

#Header {
	display: block;
	width: 824px;
	background: url(../images/header.png) top center no-repeat;
	margin: 0 auto;
	padding: 18px 0 13px;
}
#Header #OverallHomeLink {
	display: block;
	text-indent: -9999px;
	width: 277px;
	height: 89px;
	margin: 0 auto;
}

/**/
/**************************************/
/*             NAVIGATION             */
/**************************************/

#Nav { overflow: hidden; }
#Nav a {
	display: block;
	float: left;
	text-indent: -9999px;
	border: 1px solid #424242;
	background: top center no-repeat;
	height: 31px;
}
#Nav a:hover { background-position: center -31px; }
#Nav a + a { border-left: none; }

#Nav a.schedule { background-image: url(../images/nav/schedule.png); width: 93px; }
#Nav a.scores { background-image: url(../images/nav/scores.png); width: 79px; }
#Nav a.news { background-image: url(../images/nav/news.png); width: 73px; }
#Nav a.history { background-image: url(../images/nav/history.png); width: 84px; }
#Nav a.members { background-image: url(../images/nav/members.png); width: 95px; }
#Nav a.championships { background-image: url(../images/nav/championships.png); width: 125px; }
#Nav a.resources { background-image: url(../images/nav/resources.png); width: 98px; }
#Nav a.about { background-image: url(../images/nav/about.png); width: 78px; }
#Nav a.contact { background-image: url(../images/nav/contact.png); width: 87px; }

.schedule #Nav a.schedule { background-position: center -62px; }
.scores #Nav a.scores { background-position: center -62px; }
.news #Nav a.news { background-position: center -62px; }
.events #Nav a.news { background-position: center -62px; }
.history #Nav a.history { background-position: center -62px; }
.members #Nav a.members { background-position: center -62px; }
.championships #Nav a.championships { background-position: center -62px; }
.resources #Nav a.resources { background-position: center -62px; }
.about #Nav a.about { background-position: center -62px; }
.contact #Nav a.contact { background-position: center -62px; }

/**/
/**************************************/
/*            MAIN CONTENT            */
/**************************************/

#ContentWrapper {
	display: block;
	width: 822px;
	border: 1px solid #999999;
	border: 1px solid rgba(51, 51, 51, 0.5);
	margin: 0 auto 3px;
	
	-moz-box-shadow: 3px 3px 5px #000; -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.35);
	-webkit-box-shadow: 3px 3px 5px #000; -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.35);
	box-shadow: 3px 3px 5px #000; box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.35);
}
#ContentWrapper #MainContent {
	background: url(../images/contentBG.png) #fff top center repeat-x;
	overflow: hidden;
}

/**/
/**************************************/
/*               FOOTER               */
/**************************************/

#Footer {
	display: block;
	width: 824px;
	padding: 30px 0 15px;
	margin: 0 auto;
	text-align: center;
	font-size: 1.1em;
	line-height: 1.4em;
	color: #003366;
}

.home #Footer a.home { color: #990000; }
.schedule #Footer a.schedule { color: #990000; }
.scores #Footer a.scores { color: #990000; }
.news #Footer a.news { color: #990000; }
.events #Footer a.events { color: #990000; }
.history #Footer a.history { color: #990000; }
.members #Footer a.members { color: #990000; }
.championships #Footer a.championships { color: #990000; }
.resources #Footer a.resources { color: #990000; }
.about #Footer a.about { color: #990000; }
.contact #Footer a.contact { color: #990000; }

/**/
/**************************************/
/*       NORMAL STYLES (normal)       */
/**************************************/

#MainContent { padding: 15px; }

.content img { display: block; }

.content p, .content p + p {
	font-size: .8em;
	line-height: 1.5em;
	margin: 1.5em 0 0;
}
.content h4 {
	margin: 0;
	padding: 0;
	font-size: 1.1em;
	color: #003366;
}

div.box {
	float: left;
	position: relative;
	
	-moz-box-shadow: 3px 3px 5px #000; -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.75);
	-webkit-box-shadow: 3px 3px 5px #000; -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.75);
	box-shadow: 3px 3px 5px #000; box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.75);
}

div.sideBar {
	float: left;
	width: 182px;
}
div.sideBox {
	float: left;
	position: relative;
	
	background-color: #FFF;
	border: 6px solid #003366;
	width: 205px;
	margin-right: 15px;
	padding-bottom: 24px;
	
	-moz-box-shadow: 3px 3px 5px #000; -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.75);
	-webkit-box-shadow: 3px 3px 5px #000; -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.75);
	box-shadow: 3px 3px 5px #000; box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.75);
}
div.sideBox h5 {
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	background: #003366 2px 5px no-repeat;
	display: block;
	width: 100%;
	height: 27px;
}
.content div.sideBox p, .content div.sideBox p + p {
	font-size: .8em;
	line-height: 1.5em;
	margin: 1.5em 6px 0;
	padding: 0;
}

div.sideBar h5.sideBarHeader {
	display: block;
	text-indent: -9999px;
	height: 12px;
	width: 179px;
	padding: 0;
	margin: 0;
	background: top left no-repeat;
}

div.sideBar div[class*=List] {
	font-weight: bold;
	font-size: 0.8em;
	line-height: 1.5em;
	margin: 20px 0 10px;
}
div[class*=Detail] {
	padding-left: 230px;
	margin-top: -6px;
}
div[class*=Detail] .detailTitle {
	font-weight: bold;
	font-size: 1.1em;
}

.content a.next {
	color: #990000;
}
.content a.noPageFound, .content a.pageNotSet {
	border: 1px solid red;
}


.content div.more {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 71px;
	height: 24px;
	background: url(../images/buttons/boxMoreBackground.png) #003366 left top no-repeat;
}
.content div.more a {
	display: block;
	width: 71px;
	height: 11px;
	text-indent: -9999px;
	background: url(../images/buttons/more.png) right top no-repeat;
	margin-top: 8px;
}

.content table {
	width: 100%;
	margin-top: 20px;
	border: none;
	text-transform: uppercase;
	border-spacing: 0;
}
.content table th {
	border: none;
	background-color: #a4a4a4;
	padding: 3px 5px;
	border-bottom: 3px solid #FFF;
}
.content table td {
	border: none;
	background-color: #b6c4d2;
	padding: 3px 5px;
	border-bottom: 3px solid #FFF;
}
.content table td + td {
	text-align: center;
	width: 20%;
	border-left: 3px solid #FFF;
}
.content table.altwidth td + td {
	width: auto;
}
.content table.altwidth td {
	text-align: center;
}

/**/
/**************************************/
/*              INTERIORS             */
/*             HOME (home)            */
/**************************************/

.home div.welcome {
	float: left;
	width: 235px;
	margin-right: 35px;
}
.home div.topCallout {
	margin-bottom: 15px;
}
.home div.news, .home div.events {
	background-color: #FFF;
	border: 6px solid #003366;
	width: 243px;
	min-height: 292px;
	margin-right: 15px;
	padding-bottom: 24px;
}
* html .home div.news, * html .home div.events { height: 292px; }
.home .content div.news h5, .home .content div.events h5 {
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	background: #003366 2px 5px no-repeat;
	display: block;
	width: 100%;
	height: 27px;
}
.home .content div.news div.more, .home .content div.events div.more {
	width: 134px;
}
.home .content div.more a {
	width: 132px;
}
.home .content div.news div.more a { background-image: url(../images/buttons/MoreNews.png); }
.home .content div.events div.more a { background-image: url(../images/buttons/MoreEvents.png); }
.home .content div.news h5 { background-image: url(../images/headers/KIDANews.png); }
.home .content div.events h5 { background-image: url(../images/headers/UpcomingEvents.png); }
.home .content div.news p, .home .content div.news p + p, .home .content div.events p, .home .content div.events p + p {
	font-size: .8em;
	line-height: 1.5em;
	margin: 1.5em 6px 0;
	padding: 0;
}

/**/
/**************************************/
/*         SCHEDULE (schedule)        */
/**************************************/

.schedule #MainContent { padding-top: 30px; }

.schedule div.sideBar h5.sideBarHeader {
	background-image: url(../images/headers/KIDA2011Schedule.png);
}
.schedule div.scheduleDetail .detailDateTime {
	color: #990000;
	font-size: 1.1em;
}
.schedule div.scheduleDetail .detailImage {
	float: right;
	margin: 35px 0 0 15px;
}
.schedule div.scheduleDetail div.resources, .schedule div.scheduleDetail div.documents {
	background-color: #FFF;
	border: 6px solid #003366;
	min-height: 242px;
	margin: 15px 15px 0 0;
	padding-bottom: 24px;
	clear: right;
}
* html .schedule div.scheduleDetail div.resources, * html .schedule div.scheduleDetail div.documents { height: 292px; }
.schedule div.scheduleDetail div.resources { width: 285px; }
.schedule div.scheduleDetail div.documents { width: 238px; margin-right: 0; }
.schedule .content div.scheduleDetail div.resources p, .schedule .content div.scheduleDetail div.resources p + p, .schedule .content div.scheduleDetail div.documents p, .schedule .content div.scheduleDetail div.documents p + p {
	font-size: .8em;
	line-height: 1.5em;
	margin: 1.5em 6px 0;
	padding: 0;
}

.schedule .content div.scheduleDetail div.resources h5, .schedule .content div.scheduleDetail div.documents h5 {
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	background: #003366 2px 5px no-repeat;
	display: block;
	width: 100%;
	height: 27px;
}
.schedule .content div.scheduleDetail div.resources h5 { background-image: url(../images/headers/CompetitionResources.png); }
.schedule .content div.scheduleDetail div.documents h5 { background-image: url(../images/headers/CompetitionDocs.png); }

/**/
/**************************************/
/*           SCORES (scores)          */
/**************************************/

.scores #MainContent { padding-top: 30px; }

.scores div.sideBar h5.sideBarHeader {
	background-image: url(../images/headers/Scores.png);
}

/**/
/**************************************/
/*             NEWS (news)            */
/**************************************/

.news #MainContent { padding-top: 30px; }

.news div.sideBar { width: 220px; }

.news div.sideBar h5.sideBarHeader { background-image: url(../images/headers/recentNewsBlue.png); }
.news div.sideBox h5 { background-image: url(../images/headers/UpcomingEvents.png); }
.news div.sideBox div.more { width: 134px; }
.news div.sideBox div.more a {
	width: 132px;
 	background-image: url(../images/buttons/MoreEvents.png);
 }
 
.news .content div.sideBar .newsList { font-weight: normal; }
.news .content div.sideBar .newsList p, .news .content div.sideBar .newsList p + p {
	font-size: 1em;
	line-height: 1.5em;
	margin: 1.5em 0 0;
	width: 200px;
}
.news .sideBox { margin-top: 10px; }

.news .newsDetail {
	padding-left: 250px;
}
.news .newsDetail h4 {
	display: block;
	text-indent: -9999px;
	height: 12px;
	width: 179px;
	padding: 0;
	margin: 0;
	background: url(../images/headers/KIDANewsBlue.png) top left no-repeat;
}
.news .newsDetail div.newsEventItem {
	margin: 20px 40px 0 0;
}
.news .newsDetail div.newsEventItem + div.newsEventItem {
	border-top: 1px solid #40668c;
	padding: 20px 0 0 0;
}
.news .newsDetail div.newsEventItem span.date {
	font-weight: bold;
	color: #003366;
	width: 100px;
	float: left;
}
.news .newsDetail div.newsEventItem a.newsEventItemTitle {
	font-weight: bold;
	color: #003366;
}
.news .content .newsDetail div.newsEventItem p, .news .content .newsDetail div.newsEventItem p + p {
	margin: 1.5em 0 0;
	padding: 0 15px 0 100px;
}

/**/
/**************************************/
/*           EVENTS (events)          */
/**************************************/

.events #MainContent { padding-top: 30px; }

.events div.sideBar { width: 220px; }

.events div.sideBar h5.sideBarHeader { background-image: url(../images/headers/upcomingEventsBlue.png); }
.events div.sideBox h5 { background-image: url(../images/headers/recentNews.png); }
.events div.sideBox div.more { width: 134px; }
.events div.sideBox div.more a {
	width: 132px;
 	background-image: url(../images/buttons/MoreNews.png);
 }
 
.events .content div.sideBar .eventsList { font-weight: normal; }
.events .content div.sideBar .eventsList p, .events .content div.sideBar .eventsList p + p {
	font-size: 1em;
	line-height: 1.5em;
	margin: 1.5em 0 0;
	width: 200px;
}
.events .sideBox { margin-top: 10px; }

.events .eventsDetail {
	padding-left: 250px;
}
.events .eventsDetail h4 {
	display: block;
	text-indent: -9999px;
	height: 12px;
	width: 179px;
	padding: 0;
	margin: 0;
	background: url(../images/headers/KIDANewsBlue.png) top left no-repeat;
}
.events .eventsDetail div.newsEventItem {
	margin: 20px 40px 0 0;
}
.events .eventsDetail div.newsEventItem + div.newsEventItem {
	border-top: 1px solid #40668c;
	padding: 20px 0 0 0;
}
.events .eventsDetail div.newsEventItem span.date {
	font-weight: bold;
	color: #003366;
	width: 100px;
	float: left;
}
.events .eventsDetail div.newsEventItem a.newsEventItemTitle {
	font-weight: bold;
	color: #003366;
}
.events .content .eventsDetail div.newsEventItem p, .events .content .eventsDetail div.newsEventItem p + p {
	margin: 1.5em 0 0;
	padding: 0 15px 0 100px;
}

/**/
/**************************************/
/*          HISTORY (history)         */
/**************************************/

.history #MainContent { padding-top: 30px; }

.history div.sideBar {
	width: 185px;
}
.history div.sideBar h5.sideBarHeader {
	background-image: url(../images/headers/history.png);
}

.history div.imageBar {
	float: right;
	margin: 20px 0 0 15px;
	text-align: center;
	width: 250px;
}
.history div.imageBar img {
	display: inline;
	margin-bottom: 10px;
}

/**/
/**************************************/
/*          MEMBERS (members)         */
/**************************************/

.members #MainContent { padding-top: 30px; }

.members div.sideBar h5.sideBarHeader {
	background-image: url(../images/headers/KIDAMembers.png);
}

/**/
/**************************************/
/*    CHAMPIONSHIPS (championships)   */
/**************************************/

.championships #MainContent { padding-top: 30px; }

.championships div.sideBar h5.sideBarHeader {
	background-image: ; /*<---- Need an image*/
	border: 1px solid red;
}
.championships div.championshipDetail .detailDateTime {
	color: #990000;
	font-size: 1.1em;
}
.championships div.championshipDetail .detailImage {
	float: right;
	margin: 20px 0 0 15px;
}
.championships div.championshipDetail div.resources, .championships div.championshipDetail div.documents {
	background-color: #FFF;
	border: 6px solid #003366;
	min-height: 242px;
	margin: 15px 15px 0 0;
	padding-bottom: 24px;
	clear: right;
}
* html .championships div.championshipDetail div.resources, * html .championships div.championshipDetail div.documents { height: 292px; }
.championships div.championshipDetail div.resources { width: 285px; }
.championships div.championshipDetail div.documents { width: 238px; margin-right: 0; }
.championships .content div.championshipDetail div.resources p, .championships .content div.championshipDetail div.resources p + p, .championships .content div.championshipDetail div.documents p, .championships .content div.championshipDetail div.documents p + p {
	font-size: .8em;
	line-height: 1.5em;
	margin: 1.5em 6px 0;
	padding: 0;
}

.championships .content div.championshipDetail div.resources h5, .championships .content div.championshipDetail div.documents h5 {
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	background: #003366 2px 5px no-repeat;
	display: block;
	width: 100%;
	height: 27px;
}
.championships .content div.championshipDetail div.resources h5 { background-image: url(../images/headers/CompetitionResources.png); }
.championships .content div.championshipDetail div.documents h5 { background-image: url(../images/headers/CompetitionDocs.png); }

/**/
/**************************************/
/*        RESOURCES (resources)       */
/**************************************/

.resources #MainContent { padding-top: 30px; }

.resources div.sideBar {
	width: 220px;
}

.resources div.sideBar h5.sideBarHeader {
	background-image: url(../images/headers/resources.png);
}
.resources div.sideBox h5 {
	background-image: url(../images/headers/designersToolbox.png);
}

/**/
/**************************************/
/*            ABOUT (about)           */
/**************************************/

.about #MainContent { padding-top: 30px; }

.about div.sideBar h5.sideBarHeader {
	background-image: url(../images/headers/aboutKIDA.png);
}

.about div.imageBar {
	float: right;
	margin: 20px 0 0 15px;
	text-align: center;
	width: 250px;
}
.about div.imageBar img {
	display: inline;
	margin-bottom: 10px;
}

/**/
/**************************************/
/*          CONTACT (contact)         */
/**************************************/

.contact #MainContent { padding-top: 30px; }

.about div.sideBar h5.sideBarHeader {
	background-image: ; /*<---- Need an image*/
	border: 1px solid red;
}

/**/