/* IE6 Hack */
* html #header {height: 119px; background-color: #FFF; padding-bottom: 14px;}
* html #topnav {width: 400px; margin-top: 10px; align: right; float: right; display: inline;}
* html #search {margin: 10px 5px 0px 0px;}
* html #search h1 {margin: 5px 0px 0px 80px;}

* html #featurelink {margin: 20px 26px 0px 0px;}
* html #featurecopy {width: 365px; margin: 20px 2px 0px 0px;}

* html #subnav li {width: 133px; margin: 5px -20px 0px -30px;}
* html #subnav a {margin-left: 0px; }
* html #subnav2 {padding-left: 20px; margin-left: -20px;}
 
* html #body {width: 725px; margin-right: -10px;}
* html #primary {width: 230px;}
* html #primary-sub {width: 578px; float: left; margin-left: 10px;}
* html #primary-sub h1 {margin-right: 0px;}
* html #primary-sub h2 {margin-right: 0px;}
* html #primary-sub p {margin-right: 0px;}
* html #secondary {width: 225px;}
* html #secondary a {margin: 0px 0px 10px 0px;}
* html h1 {margin: 10px 0px 10px 10px;}	

* html #links {float: right; width: 241px; height: 203px; margin: 30px 0px 0px 0px;}
* html #links li, #links a {margin: 0px;}
* html #textfield li{margin: 0px 0px -10px 0px;}
* html #textfield li{padding: 0px 10px 0px 0px;}


* html #right {width: 450px; padding-top: 15px;}
* html #left {width: 312px; margin-right: -25px;}
* html .clear2 {margin-bottom: -8px;}

* html #convio {width: 145px;}

/*----- structural -----*/

body { background-image: url(../images/bg.jpg); background-color: #DACEB6; background-repeat: repeat-x; font-family: Helvetica;}

#container { 
	width: 740px;
	background-color: #ffffff;
	margin: 0px auto 0px auto;
	padding: 10px;
	}
	
#header { 
	width: 740px;
	height: 108px;
	background-image: url(../images/rtfr-header.jpg);
	background-repeat: no-repeat;
	margin-bottom: -14px;
	}
	
#rftrlogo {
	width: 182px;
	height: 65px;
	float: left;
	margin: 20px 0px 0px 20px;
	background-image: url(../images/rftr-logo.gif);
	background-repeat: no repeat;
	}
	
#rftrlogo a:hover {
	width: 182px;
	height: 65px;
	float: left;
	margin: 0px;
	}
	
#rftrlogo a {
	width: 182px;
	height: 65px;
	display: block;
	}
	
#topnav {
	height: 30px;
	float: right;
	margin: 0px;
	}
	
#topnav li, #topnav a {
	float: left;
	list-style: none;
	margin: 0px 5px 0px 0px;
	}
	
#search {
	float: right;
	width: 500px;
	height: 28px;
	margin: 10px 0px 0px 0px;
	}
	
#search li {
	float: right;
	list-style: none;
	margin: 0px 5px 0px 0px;
	height: 28px;
	display: inline;
	}
	
#nav { 
	width: 740px;
	height: 25px;
	background-image: url(../images/rtfr-nav.jpg);
	background-repeat: no-repeat;
	margin: 2px 0px 2px 0px;
	}
	
#feature { 
	width: 740px;
	height: 267px;
	background-image: url(../images/rtfr-feature.jpg);
	background-repeat: no-repeat;
	}
	
#featurecopy { 
	width: 365px;
	float: right;
	margin: 20px 5px 0px 0px;
	}
	
#featurecopy h1 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 24px;
	font-weight: normal;
	text-align: left;
	color: #694A27;
	margin: 10px 0px 0px 10px;
	}
	
#featurecopy h2 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 24px;
	font-weight: normal;
	text-align: left;
	color: #FF0000;
	margin: 0px 10px 0px 10px;
	}
	
#featurecopy p {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-weight: normal;
	text-align: left;
	line-height: 15px;
	color: #694A27;
	margin: 10px 10px 0px 10px;
	}
	
.bigredtext {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 24px;
	font-weight: normal;
	text-align: left;
	color: #FF0000;
	margin: 0px;
	}
	
.italic {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-style: italic;
	font-weight: normal;
	text-align: left;
	line-height: 15px;
	color: #FF0000;
	margin: 0px;
	}
	
	
#featurelink { 
	width: 350px;
	height: 20px;
	margin: 5px 46px 0px 0px;
	float: right;
	}
	
#featurelink li {
	float: left;
	list-style: none;
	display: inline;
	margin: 0px 10px 0px 0px;
	}
	
#featurelink a {
	}
	
#aboutgraphic { 
	width: 740px;
	height: 81px;
	background-image: url(../images/rtfr-about.jpg);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
	}
	
#getinvolvedgraphic { 
	width: 740px;
	height: 81px;
	background-image: url(../images/rtfr-getinvolved.jpg);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
	}
	
#supportgraphic { 
	width: 740px;
	height: 81px;
	background-image: url(../images/rtfr-support.jpg);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
	}
	
#eventsgraphic { 
	width: 740px;
	height: 81px;
	background-image: url(../images/rtfr-events.jpg);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
	}
	
#readingtoolsgraphic { 
	width: 740px;
	height: 81px;
	background-image: url(../images/rtfr-read.jpg);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
	}
	
.button1 {
	width: 100px;
	height: 18px;
	background-image: url(../images/arrow-button.gif);
	background-repeat: no-repeat;
	padding-left: 15px;
	}
	
.button2 {
	width: 120px;
	height: 18px;
	background-image: url(../images/arrow-button.gif);
	background-repeat: no-repeat;
	padding-left: 15px;
	}
	
#content { 
	width: 740px;
	}
	
#body {
	width: 740px;
	float: left;
	}
	
#primary { 
	width: 250px;
	float: left;
	}
	
#primary-sub { 
  width: 600px;
  float: right;
  margin: 0px 0px 0px 0px;
} 
 	
#form { 
	width: 480px;
	float: left;
	margin: 0px 0px 0px 10px;
	}
	
.registration {
	width: 480px;
	}
	
.left {
	width: 200px;
	float: left;
	}
	
.city {
	width: 110px;
	float: left;
	}
	
.state {
	width: 110px;
	float: left;
	}
	
.registration h2 {
	width: 337px;
	}
		
#secondary { 
	width: 230px;
	float: left;
	}
	
.clear { 
	width: 740px;
	height: 20px;
	clear: both;
	}
	
.clear2 { 
	width: 740px;
	height: 10px;
	clear: both;
	}
	
#footer { 
	width: 740px;
	height: 0px;
	margin: 0px auto 0px auto;
	}
	
#left { 
	width: 320px;
	margin: 0px -30px 0px 0px;
	float: left;
	}
	
#right { 
	width: 450px;
	float: right;
	margin-right: 0px;
	}
	
#right li, #right a { 
	float: left;
	list-style: none;
	margin-top: -5px;
	}
	
	
/*----- sponsors -----*/

#sponsors {
	width: 740px;
	height: 75px;
	margin-top: -20px;
	float: right;
}

#sponsors ul{
margin-left: -50px;
} 


#sponsors li, #sponsors a {
	float: left;
	list-style: none;
	margin: 0px 5px 0px 0px;
}

#sponsors a {
	text-decoration: none;
	display: inline;
}

#ameagle {
	width: 163px; 
	height: 70px;
	background: url(../images/americaneagle.gif);
	background-repeat: no-repeat;
}

#cncs {
	width: 122px; 
	height:54px;
	background: url(../images/cncs.gif);
	background-repeat: no-repeat;
}

#convio {
width: 155px; 
height: 75px;
background: url(../images/poweredbyconvio.gif);
background-repeat: no-repeat;
}


#pearson {
	width: 122px; 
	height: 75px;
	background: url(../images/pearson.gif);
	background-repeat: no-repeat;
}


#starbucks {
	width: 50px; 
	height: 51px;
	background: url(../images/starbucks.gif);
	background-repeat: no-repeat;
}




/*----- nav -----*/
#menu {
	width: 740px;
	height: 25px; 
	background: url(../images/rtfr-nav.jpg);
	margin: 0px; 
	padding: 0px;
	position: relative;
	}

#menu li {
	margin: 0px; 
	padding: 0px; 
	list-style: none;
	position: absolute; top: 0px;
	}

#menu li, #menu a {
	height: 25px; display: block;
	}

#n1 {left: 0px; width: 18px;}
#n2 {left: 19px; width: 57px;}
#n3 {left: 76px; width: 21px;}
#n4 {left: 98px; width: 97px;}
#n5 {left: 194px; width: 21px;}
#n6 {left: 215px; width: 88px;}
#n7 {left: 303px; width: 21px;}
#n8 {left: 324px; width: 62px;}
#n9 {left: 386px; width: 21px;}
#n10 {left: 407px; width: 105px;}
#n11 {left: 512px; width: 229px;}


/*----- subnav -----*/

#subnav { 
	width: 133px;
	background-color: #FFF2DB;
	float: left;
	margin: 2px 0px 0px 0px;
}

#subnav li {
  list-style: none;
  margin: 5px 0px 0px -30px;
 }

#subnav a {
	width: 140px;
	text-decoration: none;
}
	
	
#subnav2 { 
	width: 113px;
	float: left;
	margin-left: 20px;
}

#subnav2 ul{ 
	margin-top: 0px;
}

#subnav2 li {
  list-style: none;
  margin-top: 0px;
 	margin-left: -50px;
}

#subnav2 a {
	width: 113px;
	height: 44px;
	text-decoration: none;
	display: block;
}
	
#get_involved_sub {
	width: 113px;
	height: 75px;
	background: url(../images/get_involved.jpg) no-repeat;
}

#register_sub {
	width: 113px;
	height: 44px;
	background: url(../images/registersub_off.gif) no-repeat;
}

#register_sub a:hover{
	background: url(../images/registersub_on.gif) no-repeat;
	margin-left: 0px;
}

#buy_sub {
	width: 113px;
	height: 44px;
	background: url(../images/buysub_off.gif) no-repeat;
}

#buy_sub a:hover{
	background: url(../images/buysub_on.gif) no-repeat;
	margin-left: 0px;
}

#read_sub {
	width: 113px;
	height: 44px;
	background: url(../images/j-to-k_off.jpg) no-repeat;
	display: block;
}

#read_sub a:hover{
	width: 113px;
	height: 44px;
	background: url(../images/j-to-k_on.jpg) no-repeat;
	margin-left: 0px;
}



	
/*----- promo -----*/
/*	
#links { 
	width: 241px;
	height: 203px;
	float: left;
	margin: 20px 0px 0px -20px;
	}
		
#links li, #links a {
	list-style: none;
	margin-bottom: 10px;
	}
	
#links a {
	width: 241px;
	height: 61px;
	text-decoration: none;
	display: block;
	}
	
#store {
	width: 241px; 
	height: 61px;
	background: url(../images/2_link-store.jpg);
	background-repeat: no-repeat;
	}
	
#store a:hover {
	width: 241px; 
	height: 61px;
	background: url(../images/2_link-store.jpg);
	background-repeat: no-repeat;
	}	
	
#support {
	width: 241px; 
	height: 61px;
	background: url(../images/link-support.jpg);
	background-repeat: no-repeat;
	}
	
#support a:hover {
	width: 241px; 
	height: 61px;
	background: url(../images/link-support.jpg);
	background-repeat: no-repeat;
	}
	
#donate {
	width: 241px; 
	height: 61px;
	background: url(../images/link-donate.jpg);
	background-repeat: no-repeat;
	}
	
#donate a:hover {
	width: 241px; 
	height: 61px;
	background: url(../images/link-donate.jpg);
	background-repeat: no-repeat;
	}
	
#join {
	width: 241px; 
	height: 61px;
	background: url(../images/link-join.jpg);
	background-repeat: no-repeat;
	}
	
#join a:hover {
	width: 241px; 
	height: 61px;
	background: url(../images/link-join.jpg);
	background-repeat: no-repeat;
	}
	
#participate {
	width: 241px; 
	height: 61px;
	background: url(../images/participate.jpg);
	background-repeat: no-repeat;
	}
	
#textfield {
	float: right;
	width: 210px; 
	height: 21px;
	padding: 35px 0px 0px 0px;
	font-size: 10px;
	}
	
#textfield li {
	float: left;
	list-style: none;
	margin: 0px 5px 0px 0px;
	display: inline;
	}
*/
/*----- links -----*/

#n1 a:hover {
	background: transparent url(../images/rtfr-nav.jpg)
	-0px -25px no-repeat;}

#n2 a:hover {
	background: transparent url(../images/rtfr-nav.jpg)
	-19px -25px no-repeat;}
	
#n3 a:hover {
	background: transparent url(../images/rtfr-nav.jpg)
	-76px -25px no-repeat;}
	
#n4 a:hover {
	background: transparent url(../images/rtfr-nav.jpg)
	-98px -25px no-repeat;}
	
#n5 a:hover {
	background: transparent url(../images/rtfr-nav.jpg)
	-194px -25px no-repeat;}

#n6 a:hover {
	background: transparent url(../images/rtfr-nav.jpg)
	-215px -25px no-repeat;}

#n7 a:hover {
	background: transparent url(../images/rtfr-nav.jpg)
	-303px -25px no-repeat;}

#n8 a:hover {
	background: transparent url(../images/rtfr-nav.jpg)
	-324px -25px no-repeat;}

#n9 a:hover {
	background: transparent url(../images/rtfr-nav.jpg)
	-386px -25px no-repeat;}

#n10 a:hover {
	background: transparent url(../images/rtfr-nav.jpg)
	-407px -25px no-repeat;}
	
#n11 a:hover {
	background: transparent url(../images/rtfr-nav.jpg)
	-512px -25px no-repeat;}

#subnav a:link {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #000; 
	text-align: left;
	text-decoration: none;
	}
	
#subnav a:visited {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #000; 
	text-align: left;
	text-decoration: none;
	}
	
#subnav a:hover {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #FF0000; 
	text-align: left;
	text-decoration: none;
	}
	
#subnav a:active {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #000; 
	text-align: left;
	text-decoration: none;
	}
	
.tertiary a:link {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #000; 
	text-align: left;
	text-decoration: none;
	}
	
.tertiary a:visited {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #000; 
	text-align: left;
	text-decoration: none;
	}
	
.tertiary a:hover {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #FF0000; 
	text-align: left;
	text-decoration: none;
	}
	
.tertiary a:active {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #000; 
	text-align: left;
	text-decoration: none;
	}
	
#featurelink a:link {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #FF0000; 
	text-align: left;
	text-decoration: underline;
	margin: 0px 0px 0px 5px;
	}
	
#featurelink a:visited {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #FF0000; 
	text-align: left;
	text-decoration: underline;
	margin: 0px 0px 0px 5px;
	}
	
#featurelink a:hover {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #FF0000; 
	text-align: left;
	text-decoration: none;
	margin: 0px 0px 0px 5px;
	}
	
#featurelink a:active {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #FF0000; 
	text-align: left;
	text-decoration: underline;
	margin: 0px 0px 0px 5px;
	}

#secondary a:link {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #FF0000; 
	text-align: left;
	text-decoration: underline;
	margin: 0px 0px 10px 10px;
	}
	
#secondary a:visited {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #FF0000; 
	text-align: left;
	text-decoration: underline;
	margin: 0px 0px 10px 10px;
	}
	
#secondary a:hover {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #FF0000; 
	text-align: left;
	text-decoration: none;
	margin: 0px 0px 10px 10px;
	}
	
#secondary a:active {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #FF0000; 
	text-align: left;
	text-decoration: underline;
	margin: 0px 0px 10px 10px;
	}
	
#right a:link {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 10px;
	color: #666; 
	text-align: left;
	text-decoration: none;
	margin: 0px 0px 10px 5px;
	}
	
#right a:visited {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 10px;
	color: #666; 
	text-align: left;
	text-decoration: none;
	margin: 0px 0px 10px 5px;
	}
	
#right a:hover {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 10px;
	color: #666; 
	text-align: left;
	text-decoration: underline;
	margin: 0px 0px 10px 5px;
	}
	
#right a:active {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 10px;
	color: #666; 
	text-align: left;
	text-decoration: none;
	margin: 0px 0px 10px 5px;
	}
	
#topnav a:link {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 10px;
	color: #666; 
	text-decoration: none;
	}
	
#topnav a:visited {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 10px;
	color: #666; 
	text-decoration: none;
	}
	
#topnav a:hover {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 10px;
	color: #666; 
	text-decoration: underline;
	}
	
#topnav a:active {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 10px;
	color: #666; 
	text-decoration: none;
	}
	
#ameagle a:hover {
	background: url(../images/americaneagle.gif);
	background-repeat: no-repeat;
	}

/*----- text -----*/

h1 {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #FF0000; 
	text-align: left;
	margin: 10px 10px 10px 10px;
	}
	
h2 {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #694A27; 
	text-align: left;
	margin: 10px 10px 10px 10px;
	}
	
p {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #694A27; 
	text-align: left;
	margin: 10px 10px 10px 10px;
	}
	
#search h1 {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #666; 
	text-align: left;
	margin: 5px 0px 0px 0px;
	}
	
#primary-sub h1 {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #FF0000; 
	text-align: left;
	margin: 12px 0px 10px 5px;
	}
	
#primary-sub h2 {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #694A27; 
	text-align: left;
	margin: 10px 0px 10px 5px;
	}
	
#primary-sub p {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #694A27; 
	text-align: left;
	margin: 10px 0px 10px 5px;
	}
	
#form h1 {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #FF0000; 
	text-align: left;
	margin: 12px 0px 10px 5px;
	}
	
#form h2 {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #694A27; 
	text-align: left;
	margin: 10px 0px 10px 5px;
	}
	
#form p {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #694A27; 
	text-align: left;
	margin: 10px 0px 10px 5px;
	}
	
#signup h1 {
	color: #FFFFFF;
	font-size: 12px;
	padding: 8px 0px 0px 60px; 
	}
	
#signup p {
	font-weight: normal;
	color: #FFFFFF;
	font-size: 12px;
	margin: 0px 10px 0px 72px; 
	}
	
#join h1 {
	color: #FFFFFF;
	font-size: 12px;
	padding: 8px 0px 0px 60px; 
	}
	
#join p {
	font-weight: normal;
	color: #FFFFFF;
	font-size: 12px;
	margin: 0px 10px 0px 72px; 
	}
	
#donate h1 {
	color: #000000;
	font-size: 12px;
	padding: 8px 0px 0px 60px; 
	}
	
#donate p {
	font-weight: normal;
	color: #000000;
	font-size: 12px;
	margin: 0px 10px 0px 72px; 
	}
	
#sponsors h1 {
	color: #666;
	font-weight: bold;
	font-size: 10px;
	margin: 0px 10px 0px 0px; 
	}
	
#left p {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 10px;
	color: #666; 
	text-align: left;
	margin: 10px 0px 10px 0px;
	}
	
#right p {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 10px;
	color: #666; 
	text-align: left;
	margin: 0px 0px 10px 5px;
	}
	
#topnav p {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 10px;
	color: #666; 
	text-align: left;
	margin: 0px 0px 0px 0px;
	}


/* FPM - This should match the #primary-sub p */
#primary-sub ul li, #primary-sub td {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #694A27; 
	text-align: left;
	margin: 10px 0px 10px 5px;
}

#primary-sub p img {
 padding: 1em;
}

a.news_title {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #694A27; 
	text-decoration: none;
	}
	
a.news_title:hover {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #694A27; 
	text-decoration: underline;
	}

.event_table th {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
	background: #FFF2DB;	
	color: #864A27;
	border: 0px solid black;
	padding: 3px
}

.event_table td {
	color: #000000;	
	border: 0px solid black;
}