/* 	File: nav.css
	Author: nicholas.defelice@gmail.com

	Color Key:
	Gold: ffb400
	Purple:560066
	links on white pages are color: #63057A
	links of black pages are color: #F4D24A
*/

/*	DEFINE BACKGROUND FOR HOME (INDEX) PAGE
----------------------------------------------------*/

#wrapper {
	background-image: url("../images/content_main.jpg");
	background-repeat: no-repeat;
	background-position: 54% 57%;	
	position: relative;	
}




/*----------------------------------------
		 RIGHT BLOCK ITEMS 
-------------------------------------------*/


#right_block {					/* left and top posistion of right three items they are treated as one item */
	margin-left: 624px;
	margin-top: 16px;
	width: 200px;
	position: absolute;
}

#right_block ul {
	margin: 0; 
	padding: 0; 
	list-style:none;
}

#right_block ul li {
	text-indent:-9999px;
}

#right_block ul li.varsity a{				/* VARSITY */
	width: 195px;
	height: 129px;
	float: left;
	background-image: url(../images/5k_reg.png);
	background-repeat: none;
	margin-bottom: 23px;
}

#right_block ul li.her_story a{					/* SECOND ITEM ON RIGHT */ 
	width: 195px;
	height: 129px;
	float: left;
	background-image: url(../images/her_story_hp.jpg);
	background-repeat: none;
	margin-bottom: 23px;
}

#right_block ul li.partners a{					/* THIRD ITEM ON RIGHT */
	width: 195px;
	height: 129px;
	float: left;
	background-image: url(../images/partners_hp.jpg);
	background-repeat: none;
}	

#right_block ul li a:hover {				/* ROLLOVER POSITION FOR RIGHT BLOCK ITEMS*/
	background-position: 100% 100%;
}	

/*----------------------------------------------------------------------
		Welcome Text Image
 --------------------------------------------------------------------------*/
#welcome{
	margin-left: -25px;
	margin-top: -5px;
	width: 200px;
	position: absolute;
	
	}	
	
#arrow{	
	margin-left: 150px;
	margin-top: 30px;
	width: 388;
	position: absolute;
	
	}	

#counter{
	margin-left: 740px;
	margin-top: 500px;
	width: 200px;
	position: absolute;
	
	}	
/*--------------------------------------------------------------------------
		 BODY TEXT IN THE MIDDLE OF THE PAGE
 --------------------------------------------------------------------------*/

#body_text {
	margin-left: -15px;
	margin-top: 20px;
	width: 550px;
	position: absolute;
	font-family:Arial, Helvetica, sans-serif;
	font:Arial, Helvetica, sans-serif;
	font-size:.8em;
	color:#FFFFFF;
	background: url(../images/spy_bkg.png) no-repeat 50% 49%;
		
}


/*--------------------------------------------------------------------------
		 LINKS IN THE BODY ON HOME PAGE (Connect, About TAT, Newsroom )
 --------------------------------------------------------------------------*/
						
#connect_about_newsroom_links {
background-color:black;
display:inline;
font-family:Arial,Helvetica,sans-serif;
margin-left:6px;
margin-top:364px;
padding-top:5px;
position:absolute;
width:517px;
}
#connect_about_newsroom_links ul {
	margin: 0; 
	padding: 0; 
	list-style: none;
	display:inline;
}

#connect_about_newsroom_links ul li {
	text-indent:-9999px;
	display:inline;

} 


#connect_about_newsroom_links ul li.A21_link a{				/* TAT A21 */
	width: 100px;
	height: 19px;
	float: left;
	background-image: url(../images/about_tat_hp.png);
	background-repeat: none;
	margin-bottom: 1px;
	}

#connect_about_newsroom_links ul li.photos_link a{				/* Photos */
	width: 100px;
	height: 19px;
	float: left;
	background-image: url(../images/photos_hp.png);
	background-repeat: none;
	margin-bottom: 1px;
	margin-left:10px;
}

#connect_about_newsroom_links ul li.connect_link a{				/* Connect */
	width: 100px;
	height: 19px;
	float: left;
	background-image: url(../images/connect_hp.png);
	background-repeat: none;
	margin-bottom: 4px;
}
 
#connect_about_newsroom_links ul li.about_tat_link a{				/* About TAT */
	width: 100px;
	height: 19px;
	float: left;
	background-image: url(../images/about_tat_hp.png);
	background-repeat: none;
	margin-bottom: 2px;
	
	}
				
#connect_about_newsroom_links ul li.newsroom_link a{				/* Newsroom */
	width: 100px;
	height: 19px;
	float: left;
	background-image: url(../images/newsroom_hp.png);
	background-repeat: none;
	margin-left:12px;
}						

#connect_about_newsroom_links ul li a:hover {				/* HOVER POSITION FOR RIGHT BLOCK ITEMS*/
	background-position: 72% 100%;
}	


/*----------------------------------------------------------------------
		 BOTTOM QUOTE
 --------------------------------------------------------------------------*/


#hp_quote{
	margin-top: 418px;
	margin-left: -20px;
	position: absolute;
	
	}	

/*----------------------------------------------------------------------
		 Updates Scroll
 --------------------------------------------------------------------------*/ 
 


label { display: block; } 
p { margin: 0; margin-bottom: 4px;}
h5 { margin: 0; font-weight: normal; }
a:link,
a:hover,
a:visited {
    color: #F4D24A;
}

#sidebar {
    color: #F4D24A;
    float:left;
    margin:0 0 24px;
    padding: 0px 30px 10px;
    width:500px;
    
}

#sidebar ul {
    font-size:1.2em;
    list-style-type:none;
    margin:0;
    padding:0;
    position:relative;
}


.none {
	background-position: 82px 0px;
}

.four {
	background-position: 82px -48px;
}

.five {
	background-position: 82px -60px;
}



#sidebar li {
    height: 90px;
    overflow: hidden;
}

#sidebar li h5 {
    color:#FFFFFF;
    font-size:1.2em;
    margin-bottom:0.5em;
}

#sidebar li h5 a {
    color:#e0e0e0;
    text-decoration:none;
}

#sidebar li h5 a:hover {
    text-decoration:underline;
}

#sidebar li img {
    float:left;
    margin-right:8px;
}

#sidebar li .info {
    color:#FFFFFF;
    font-size:1em;
}

#sidebar .info a,
#sidebar .info a:visited {
    color:#BBBBBB;
    text-decoration: none;
}
#sidebar .info a:hover {
    text-decoration: underline;
}

#sidebar .spyWrapper {
    height: 100%;
    overflow: hidden;
    position: relative;
    padding-top: 20px;    
}

#sidebar {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}


a img {
    border: 0;
}