/* San Antonio Sports Foundstion, Go!Kids Challenge™ CSS Document */

/*
*************************************
COLORS USED THROUGHOUT SITE

** LOGO COLORS: **
BLUE: #016BB5
RED: #D20000
ORANGE: #F4A52A
GREEN: #069C68
==================================
** STRUCTURAL COLORS **

YELLOW (PG BACKGROUND): #FFD200

green BG- 89e749

LIME (SIDEBAR): #D7F65A
CREAM (CONTENT BACKGROUND): #FFF9B7
LIGHT GREEN (FOOTER): #9BD105
DARK GREEN(FOOTER): #80B203
*/

body {
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	background-color:#89e749;
	color:#006bb7;
	}
	
/* new stff */

#top {
	background-color: #bfd0f7; 
	background-image:url(images/topBG.png);
	background-repeat: repeat-x;
}
#header {
	background-image:url(images/headerBG.png);
	background-repeat: repeat-x;
	background-position:bottom center;
}
#headContent {
	margin:0 auto;
	width:776px;
	position:relative;
	height:204px;
}

#logo {
position:absolute;
top:0;
left:426px;
}

#city {
position:absolute;
top:59px;
left:8px;
}	 
	 
#jack {
position:absolute;
top:17px;
left:290px;
}

#annie{
position:absolute;
top:29px;
right:49px;
}
	
a:link, a:visited {
	color:#ec1e2f;
	text-decoration:none;
	}
	
a:hover {
	color:#006bb7;
	text-decoration:underline;
	}

a img {
	border-width:0;
	}
	
h1 {
	font-size:16px;
	padding:6px;
	color:#ffffff;
	background-color:#006bb7;
}

h2 {
	border-bottom:2px solid #069c68;
	margin:0 0 8px 0;
	padding:0 0 3px 0;
}

h3 {
	font-size:13px;
	text-align:center;
	}

h4 {
	color:#ec1e2f;
	}

h5 {
	margin:0;
	padding:3px 0;
	background-color:#f4a52a;
	color:#fff;
	font-size:15px;
	font-weight:normal;
	text-align:center;
	}
	
.messageBox {
	border:2px dotted #CC3300;
	background-color:#fff;
	padding:0;
	text-align:left;
	}
	
.messageBox h2 {
	margin:0;
	padding:2px 8px;
	line-height: 20px;
	font-size:14px;
	color:#ffffff;
	background-color:#cc0033;
	border-width:0;
}
	
.messageBox p {
	margin:6px;
	padding:0;
	color:#CC0033;
	}

.validation {
	color:#CC0000;
	font-weight:bold;
	}
	
.validation td {
	}
	
.validation input {
	background-color:#FFCC99;
	}
	
.validation select {
	color:#cc0000;
	}
	
#newsText {
	float:right;
	height:36px;
	padding:6px 12px 0 126px;
	margin:16px 12px 0 0;
	width:443px;
	font-size:10px;
	color:#fff;
	font-weight:bold;
	text-align:left;
	background-image:url(images/newsST.png);
	background-repeat:no-repeat;
	}
#newsText a:link, #newsText a:visited {
	color:#fff;
	text-decoration:none;
	}
	
#newsText a:hover {
	color:#ffd200;
	text-decoration:none;
	}

/* PAGE STRUCTURE */
	
#wrap {
	position:relative;
	margin:0 auto;
	text-align:center;
	background-image:url(images/bodyBG.png);
	background-repeat: repeat-y;
	background-position: center;
	}

#main {
	position:relative;
	width:766px;
	margin:0 auto;
	}
	
#menu {
	float:left;
	display:inline;
	width:190px;
	margin:0;
	text-align:center;
	}

#menu ul {
	list-style-type:none;
	width:158px;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	text-align:left;
	line-height:32px;
	margin:12px 0 0 10px;
	border-top:1px solid #466004;
	}
	
#menu li a:link, #menu li a:visited {
	display:block;
	background-color:#d7f65a;
	background-image:url(images/bullet1.gif);
	background-position:left;
	background-repeat:no-repeat;
	color:#466004;
	text-decoration:none;
	border-bottom:1px solid #466004;
	padding-left:14px;
	}

#menu li a:hover {
	background-image:url(images/bullet1-OV.gif);
	color:#006bb7;
	text-decoration:none;
	background-color:#ebfdad;
	}
	

#menu li {
	display:inline;
	margin:0;
	padding:0;
	}

	
#content {
	float: left;
	width:400px;
	text-align:left;
	padding-left: 20px;
	}
	
#story {
	width:350px;
	}
	
#sidebar {
	float:right;
	width:150px;
	text-align:center;
	height: auto;
	}
	
.homeSponsors img {
	margin-bottom:15px;
	}

#login {
	position:relative;
	height:159px;
	width:776px;
	margin:0 auto;
	padding:0;
	background-image:url(images/loginBG.png);
	background-position:center;
	background-repeat:no-repeat;
	color:#ffffff;
	text-align:left;
	}
	
#login a:link, #login a:visited {
	color:#ffffff;
	text-decoration:none;
}

#login a:hover {
	color:#FFD200;
	text-decoration: underline;
}

#signUp {
	margin:24px 0 0 24px;
}

#goPoints {
	margin:0 0 0 35px;
	padding-top:16px;
}

#goQuiz {
	width:120px;
	background-image:url(images/goQuiz_BG.png);
	font-size:9px;
	color:#006bb7;
	line-height:11px;
	text-align:left;
	margin:18px auto;
	}

#goQuiz p {
	margin:6px 12px 2px 12px;
}


	
#logForm {
	position:absolute;
	top:16px;
	right:12px;
	height:36px;
	padding:3px 12px 0 120px;
	width:auto;
	background-image:url(images/loginFormBG.png);
	background-repeat:no-repeat;
	text-align: left;
	font-size:8px;
	text-transform:uppercase;
}

#logForm form {
margin:0;
padding:0;
}


#footer {
	clear:both;
	width:760px;
	margin:0 auto;
	padding:94px 0 6px 0;
	background-color:#86b704;
	background-image:url(images/footer-top.png);
	background-repeat: no-repeat;
	text-align:center;
	font-size:9px;
	color:#fff;
	line-height:12px;
	}

#footer a:link, #footer a:visited { color:#FFFFFF; text-decoration:none; }
#footer a:hover { color:#ec1e2f; text-decoration:none; }

#base {
	width:776px;
	height:15px;
	margin:0 auto;
	background-image:url(images/footer-base.png);
	background-repeat: no-repeat;
	background-position:center;
}


#newsBar {
	width:760px;
	height:24px;
	background-image:url(images/newsBar-bg.gif);
	background-repeat:no-repeat;
	}
/* log styles */

.weekTable td .weekArea {
	position:relative;
	}
	
.updateButton {
	position:absolute;
	top:8px;
	right:12px;
	}
	
.weekTable td {
	padding-top:0;
	text-align:center;
	font-size:18px;
	line-height:20px;
	font-weight:bold;
	}
	
table.monthTable {
	border:1px solid #006bb7;
	border-collapse:collapse;
	}
	
.monthTable th {
	padding:3px;
	background-color:#006bb7;
	text-align:center;
	margin-bottom:12px;
	}

.monthTable td {
	width:46px;
	height:46px;
	background-color:#ffffff;
	border:1px solid #006bb7;
	text-align:center;
	font-size:18px;
	line-height:12px;
	font-weight:bold;
	}
	
.monthTable a:link, .monthTable a:visited {
	float:left;
	width:16px;
	font-size:10px;
	font-weight:bold;
	text-align:left;
	margin:0 0 8px 0;
	padding:2px;
	text-align:center;
	background-color:#339933;
	color:#ffffff;
	} 

.monthTable a:hover {
	background-color:#d20000;
	text-decoration:none;
	}

.monthTable p {
	float:left;
	width:16px;
	padding:2px;
	margin:0;
	font-size:10px;
	font-weight:bold;
	text-align:center;
	background-color:#bcb;
	color:#fff;
}

#search {
	margin:0 8px;
	padding-left: 12px;
	}
	
.newsEntry {
	margin:0 0 12px 0;
	padding:8px 8px 35px 8px;
	background-image:url(images/news-foot.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	}

.newsEntry h3 {
	font-size:9px;
	font-weight:normal;
	color:#068c68;
	margin:0;
	padding:0;
	text-align:left;
	}
	
.newsEntry h2 {
	font-size:14px;
	margin:0;
	padding:0 0 2px 0;
	border-bottom:1px solid #006bb7;
	color:#d20000;
	}
	
.newsMore {
	text-align:right;
	}

.newsMore a:link, .newsMore a:visited {
	font-size:10px;
	background-color:#009cce;
	padding:3px 5px;
	text-align:center;
	text-decoration:none;
	color:#ffffff;
	font-weight:bold;
	}

.newsMore a:hover {
	text-decoration:none;
	background-color:#006bb7;
	color:#ffffff;
	}
	
table.topTen {
	border-collapse:collapse;
	}
	
.topTen th {
	color:#006bb7;
	border-bottom:2px solid #069c68;
	}
	
.topTen td {
	border-bottom:1px dotted #f4a52a;
	padding:8px 8px;
}

/* Teacher Resources styles */

.teksLinks {
	float:left; 
	padding:0em;
	margin:.5em;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#76a200;
}
.teksLinks h3 {
	margin:0;
	padding:0;
	color:#ffffff;
	border-bottom:4px solid #D20000;
}
.teksLinks ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
.teksLinks li {
	text-align:center;
}
.teksLinks a {
	display:block;
	width:8em;
	margin:0;
	padding:.5em;
	color:#016BB5;
	background-color:#faee8a;
	border-bottom:1px dotted #069C68;
	line-height:26px;
	text-decoration:none;
}
.teksLinks a:hover {
	background-color:#f1d72e;
	color:#D20000;
	text-decoration:none;
}
/*prize table */

.altRow {
	background-color:#fffbd0;
	}
	
.prize {
	color:#91bcb7;
	}
	
table.logTable {
	border-bottom:2px solid #ffb02b;
	margin-bottom:12px;
	border-collapse:collapse;
	}
	
.logTable th {
	border-bottom:2px solid #ffb02b;
	text-align:center;
	padding:3px 6px;
	}
	
.logTable td {
	padding:3px 6px;
	border-bottom:1px dotted #ffb02b;
	}
	
	
.deleteBox {
	border:1px solid #CC0000;
	padding:6px;
	background-color:#ffb02b;
	color:#fff;
	font-weight:bold;
	}
	
#help h3 {
	text-align:left;
	border-bottom:2px solid #069c68;
	margin-bottom:0;
	}
	
#help li {
	margin-bottom:6px;
	}
	
.notice {
position:absolute;
top:8px;
left:20px;
width:250px;
border:1px solid #D20000;
background-color: #ffd200;
text-align:center;
color:#016bb5;
}

.notice h1 {
margin:0;
padding:.25em;
font-size:12px;
text-transform: uppercase;
color:#ffffff;
background-color:#d20000;
}

.notice p {
padding:0;
margin:.5em;
color:#D20000;
font-weight:bold;
text-align:left;
}

/* Log Menu */

#logMenu
{
margin: 1em auto 0 auto;
padding: 0;
font-size:12px;
text-align:center;
}

#logMenu a:link, #logMenu a:visited
{
display:inline;
line-height: 26px;
font-weight: bold;
margin: 0 .25em;
padding:.5em;
text-decoration: none;
color: #ffffff;
background-color:#016BB5;
}
/*
#navlist a:link#current, #navlist a:visited#current, #navlist a:hover {
	background: transparent; 
}

#navlist a:hover { color: #000; }
*/
 a:link#dayTab { background-color:#f4bb89; }
 a:link#weekTab { background-color:#bfd5b7; }
 a:link#monthTab { background-color:#cbe89f; }

 a:hover#dayTab,  a#dayTab.current { background-color:#d20000; }
 a:hover#weekTab,  a#weekTab.current { background-color:#006bb7; }
 a:hover#monthTab,  a#monthTab.current { background-color:#30b457; }


#dayLog {
margin:0;
padding:.5em;
border-top:2px solid #d20000;
}

#weekLog{
margin:0;
padding:.5em;
border-top:2px solid #006bb7;
}

#monthLog {
margin:0;
padding:.5em;
border-top:2px solid #30b457;
}

p.textsponsor {
	margin:1em 0;
	text-align: center;
	font-size: 10px;
	line-height:14px;	
}

.textsponsor a:link, .textsponsor a:visited {
	color: #466004;
	text-decoration:none	
	}
	
.textsponsor a:hover {
    color: #006bb7;
	text-decoration:underline;
	}
     
.sponsor a:link, .sponsor a:visited {
	color:#466004;
	text-decoration:none;
	}
	
.sponsor a:hover {
	color:#006bb7;
	text-decoration:underline;
	
	}
	

/* WP styles */

/* navigation dropdowns */

#navContainer {
    margin:14px 0 0 0;
    float: left;
    margin-left:5px;
}

#nav h2 {
	border-bottom:none;
	}

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0 auto;
	width:117px;
	list-style: none;
	line-height: 1em;
    position:relative;
    font-size:10px;
    margin-left:0;
}

#nav a {
	display: block;
    padding:4px;
    color:#ffffff;
   
}

#nav li ul a {color:#006bb7;}

#nav a {text-decoration:none;}

#nav li { /* all list items */
	width: 117px; /* width needed or else Opera goes nuts */
	margin:0 0 0 1em;
	text-align:center;
	background-color:#189bcd;
	font-weight:bold;
}

#nav li ul { /* second-level lists */
	width: 117px;
	border-top:none;
	margin:0 0 1em 0;
	font-weight:normal;
}

#nav li li a {
	padding-left: 1em;
	font-weight:normal;
}

#nav li ul li { /* second level list items */
	background-color:#FFF9B7;
    text-align:left;
    margin:0;
    border-bottom:1px dotted #016BB5;
    }

#nav li ul li:hover { /* second level list items */
    background-color:#ffd200;
    text-decoration:none;
    }

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
     text-decoration:none;
}