@charset "utf-8";

html, body{
	font:12px Helvetica, Arial, sans-serif;
	background:url(img/top-grad.gif) 0 0 repeat-x;
	height:100.2%; 
	margin:0; 
	padding:0;
	text-align:center; 
	color:#444444;
	background-color:#F4F4F4;
}
h1{
	margin:0;
	padding:0;
	font-size:100%;
	font-weight:normal;
	height:77px;
	width:231px;
	overflow:hidden;
	float:left;
}
h2{
	margin:0 auto;
	padding:0;
	font-size:100%;
	font-weight:normal;
	height:252px;
	width:212px;
	overflow:hidden;
}
h5{font-size:130%;}
p{margin:0;padding:0;}
a{text-decoration:none;outline:none;}
ul{	margin:0;padding:0;list-style:none;}
sup{font-size:70%;}
img{margin:0;padding:0;border:none;}

#wrapper{
	margin:0 auto;
	padding:0;
	width:850px;
	text-align:left;
}
#header{
	margin:0;
	padding:0;
	padding-top:23px;
	width:100%;
	height:77px;
	float:left;
}
#menu{
	margin:0;
	margin-top:43px;
	padding:0;
	padding-right:10px;
	height:30px;
	width:605px;
	text-align:right;
	border-bottom:1px solid #888888;
	float:right;
}
#menu a{
	color:#444444;
	text-decoration:none;
	padding-top:7px;
	float:right;
}
#menu a:hover{
	color:#B00000;
	border-top:3px solid #B00000;
	padding-top:4px;
}
#menu a.active{
	color:#B00000;
	border-top:3px solid #B00000;
	padding-top:4px;
}
#menu .spacer{
	margin:0;
	padding:0;
	width:25px;
	float:right;
	visibility:hidden;
}
#main{
	margin:0;
	padding:30px 0 0 0;
	width:100%;
	float:left;
}
#main #home{
	margin:0;
	padding:0;
	width:100%;
	min-height:250px;
	height:auto !important;
	height:250px;
	float:left;
}
#main #home a{color:#BB0000;}
#main #home a:hover{text-decoration:underline;}
#main #home a.redText{color:#B00000;}
#main #home a.redText:hover{text-decoration:underline;}
#main #home p{line-height:2em;margin-bottom:.5em;}
#main #home .homeMessage p{line-height:2em;margin-bottom:1em;}
#main #home ul{float:left;margin:.5em 35px 0 0;width:250px;}
#main #home li{background:url(img/bullet.gif) 0 0 no-repeat;padding-left:12px;margin-bottom:1em;}
#main #home h4{
	margin:0;
	margin-bottom:.5em;
	padding:0;
	font-weight:bold;
	font-size:200%;
}
#main .home{background:url(img/home-issueSpring12.png) right 0 no-repeat;}
#main .advertising{background:url(img/advertisingSpread.jpg) right 0 no-repeat;}

#main .mainHeading{
	margin:20px 0;
	padding:0;
	width:100%;
	height:30px;
	background-color:#CCCCCC;
	overflow:hidden;
	float:left;
}
#main .mainHeading h3{
	margin:0;
	padding:4px 0 0 5px;
	font-size:150%;
	height:26px;
	overflow:hidden;
	font-weight:bold;
	float:left;
}
#main h3{
	font-size:150%;
}
#main .mainHeading a.suscribe{
	margin:12px 6px 0 0;
	float:right;
	font-size:90%;
	color:#444444;
}
#main .mainHeading a.suscribe:hover{
	color:#B00000;
}



#main .content{
	margin:0;
	padding:0;
	padding-bottom:30px;
	width:100%;
	float:left;
}
#main .content a{color:#B00000;}
#main .content a:hover{text-decoration:underline;}
#main .content p.more{padding-top:5px;text-align:right;width:100%;float:right;}
#main .content ul.rss{
	margin:1em 0 2em;
	padding:0;
}
#main .content ul.rss li{
	margin-bottom:.5em;
	padding-bottom:.5em;
	border-bottom:1px solid #E1E1E1;
}
#main .content ul.rss li a{
	color:#444444;
}
#main .content ul.rss li a:hover{
	color:#B00000;
	text-decoration:none;
}
#main #rss p.heading{
	margin-bottom:3px;
	padding:0;
	font-size:120%;
	font-weight:bold;
}
#main .column{
	margin:0;
	margin-right:30px;
	padding:0;
	width:190px;
	float:left;
}
#main .columnRight{
	margin:0;
	padding:0;
	width:190px;
	float:right
}
#main p.heading{
	margin-bottom:3px;
	padding:0;
	font-size:120%;
	font-weight:bold;
}
#main #advertising ul{
	margin:0;
	padding:0;
	width:80px;
	text-align:center;
	line-height:2.5em;
	float:left;
}

#main #home .homeMessage {
	width:450px;
}

/***** ARCHIVE *****/
#archive{margin:0;padding:0;float:left;}
#archive h4{
	margin:0;
	margin-bottom:.5em;
	padding:0;
	font-weight:bold;
	font-size:200%;
}
#archive #scroller{float:left;}


#archive #issues{
	width:850px;
	height:500px;
	overflow:hidden;
	float:left;
}
#archive input{
	margin:0;
	padding:0;
	width:140px;
	height:165px;
	overflow:hidden;
	border:none;
	cursor:pointer;
	background:none;
	float:left;
}
#archive .issue{width:170px;float:left;}
#archive input:hover{
	background-position:-140px 0;
}

#archive input.winter08{background-image:url(../archive2/img/winter08.gif);}
#archive input.fall08{background-image:url(../archive2/img/fall08.gif);}
#archive input.summer08{background-image:url(../archive2/img/summer08.gif);}
#archive input.spring08{background-image:url(../archive2/img/spring08.gif);}
#archive input.summer09{background-image:url(../archive2/img/summer09.gif);}
#archive input.spring09{background-image:url(../archive2/img/spring09.gif);}
#archive input.fall09{background-image:url(../archive2/img/fall09.gif);}
#archive input.winter09{background-image:url(../archive2/img/winter09.gif);}
#archive input.fall10{background-image:url(../archive2/img/fall10.gif);}
#archive input.spring10{background-image:url(../archive2/img/spring10.gif);}
#archive input.summer10{background-image:url(../archive2/img/summer10.gif);}
#archive input.fallWinter11{background-image:url(../archive2/img/fallWinter11.gif);}
#archive input.spring11{background-image:url(../archive2/img/spring11.gif);}
#archive input.summer11{background-image:url(../archive2/img/summer11.gif);}
#archive input.fallwinter11{background-image:url(../archive2/img/fallWinter11.gif);}
#archive input.spring12{background-image:url(../archive2/img/spring12.gif);}

#main .content .archive a{color:#444444;}
#main .content .archive a:hover{color:#B00000;text-decoration:none;}
#main .content .archive ul {width:30%;margin-right:30px;float:left;}
#main .content .archive ul li{padding:8px;border-bottom:1px solid #DDDDDD;width:100%;}
#main .content .archive{height:300px;}

#main .content .issue{margin:0;padding:0;width:60%;}
#main .content .issue p{margin-bottom:1em;line-height:150%;}
#main .content .issue h4{margin-bottom:1em;font-size:130%;}



/* Archives page - issue rollovers, etc */

.tfe-archive {
background-color:#f4f4f4;
}

.tfe-archive a:link, .tfe-archive a:visited {
	display:block;
	width:140px;
	height:165px;
	text-indent:-1000em;
	float:left;
}

.tfe-archive a {
	padding-top:25px;
}

.spring08 {
	background:url(../style/img/issueArchives/spring08.gif) 0 0 no-repeat;
}

.summer08 {
	background:url(../style/img/issueArchives/summer08.gif) 0 0 no-repeat;
}

.fall08 {
	background:url(../style/img/issueArchives/fall08.gif) 0 0 no-repeat;
}

.winter08 {
	background:url(../style/img/issueArchives/winter08.gif) 0 0 no-repeat;
}

.spring09 {
	background:url(../style/img/issueArchives/spring09.gif) 0 0 no-repeat;
}

.summer09 {
	background:url(../style/img/issueArchives/summer09.gif) 0 0 no-repeat;
}

.fall09 {
	background:url(../style/img/issueArchives/fall09.gif) 0 0 no-repeat;
}

.winter09 {
	background:url(../style/img/issueArchives/winter09.gif) 0 0 no-repeat;
}

.spring10 {
	background:url(../style/img/issueArchives/spring10.gif) 0 0 no-repeat;
}

.summer10 {
	background:url(../style/img/issueArchives/summer10.gif) 0 0 no-repeat;
}

.fall10 {
	background:url(../style/img/issueArchives/fall10.gif) 0 0 no-repeat;
}

.spring11 {
	background:url(../style/img/issueArchives/spring11.gif) 0 0 no-repeat;
}

.summer11 {
	background:url(../style/img/issueArchives/summer11.gif) 0 0 no-repeat;
}

.fallwinter11 {
	background:url(../style/img/issueArchives/fallWinter11.gif) 0 0 no-repeat;
}

.tfe-archive a:hover, .tfe-archive a:focus {
	background-position:right top;
}


/* SLIDER */
#track {
	margin:0;
	padding:0;
	float: left;
	clear: both;
	width: 850px;
	height: 15px;
	background: transparent url(img/scrollbar-track-right.png) no-repeat top right;
}
#trackLeft {
	margin:0;
	padding:0;
	position: absolute;
	width: 15px;
	height: 15px;
	background: transparent url(img/scrollbar-track-left.png) no-repeat top left;
}
#trackWrapper {
	margin:0;
	padding:0;
	position: absolute;
	width: 850px;
	height: 15px;
}
#trackHandle {
	margin:0;
	padding:0;
	position: absolute;
	margin-left:7px;
	width: 37px;
	height: 15px;
	cursor:pointer;
}

/***** ARTICLES *****/
#article{width:500px; float:left;}
#article p{margin-bottom:1.5em;}

#article_menu{width:250px; float:right;}
#article_menu p{margin-bottom:1.5em;}

#article_clear{}

/***** ABOUT *****/
#about{width:60%;}
#about p{margin-bottom:1.5em;}

/***** TERMS *****/
#terms{width:80%;}
#terms p{margin-bottom:1.5em;}

/***** GUIDELINES *****/
#guidelines{width:70%;}
#guidelines p{margin-bottom:1.5em;}

/***** CONTACT *****/
#contact{
	margin:0;
	padding:0;
	padding-bottom:30px;
	height:350px;
	width:100%;
	background:url(img/contact.jpg) 0 40px no-repeat;
}
#contact h4{
	margin:0;
	margin-bottom:.5em;
	padding:0;
	font-weight:bold;
	font-size:200%;
}
#contact .form{
	margin:0;
	padding-left:20px;
	width:217px;
	float:left;
}
#contact input.field{
	margin:0;
	padding:0;
	font:100% Helvetica, Arial, sans-serif;
	width:180px;
	background:none;
	border:none;
	cursor:text;
}
#contact input.next{margin-top:20px;}
#contact textarea{
	width:183px;
	height:195px;
	margin:0;
	padding:0;
	background:none;
	border:none;
}
#contact input.send{
	margin:0;
	padding:0;
	width:50px;
	height:20px;
	overflow:hidden;
	border:none;
	cursor:pointer;
	background:url(img/send.png) 0 0 no-repeat;
}
#contact input.send:hover{
	background-position:0 -20px;
}
#contact .moreInfo{
	margin:0;
	padding:0;
	width:170px;
	float:right;
}
#contact .moreInfo p{
	margin-bottom:2em;
}

/***** SUBSCRIBE *****/
#main .subscribe{width:60%;float:left;}
#main .subscribe input.field{
	width:100%;
	font-family:Helvetica, Arial, sans-serif;
	font-size:90%;
	border:1px solid #AAAAAA;
}
#main .subscribe .state{
	width:45%;
	float:left;
}
#main .subscribe .zip{
	width:45%;
	float:right;
}
#main .subscribe .break{width:100%;height:1.5em;clear:both;}
#main .subscribe .note{font-size:90%;color:#FF0000;}

#main .subscribe input.radio{width:20px;border:none;float:left;}
#main .subscribe input.box{width:20px;border:none;margin-right:25px;float:left;}
#main .subscribe input.submit{width:60px;float:left;}
#main .subscribe .price{width:100px;text-align:center;font-weight:bold;float:left;}
#main .subscribe .detail{float:left;}
#main .subscribe textarea{width:300px;height:150px;}
#main .subscribe a.cancel{margin:7px 50px 0 0;float:right;}

/***** FOOTER *****/
#footer{
	margin:0;
	padding:3px 0 20px 0;
	width:100%;
	border-top:1px solid #888888;
	font-size:90%;
	color:#7F7F7F;
	float:left;
}
#footer a{color:#7F7F7F;margin:0 6px;}
#footer a:hover{color:#B00000;}
#footer p.legal{width:40%;float:left;}
#footer p.nav{width:60%;float:right;text-align:right;}

.boldText{font-weight:bold;}
.clear{margin:0;padding:0;height:0;width:0;clear:both;}
.floatLeft{float:left;}
.widthHalf{width:50%;}
ul.list{margin-left:20px;}
li.list{background:url(img/bullet.gif) 0 0 no-repeat;padding-left:12px;margin-bottom:1em;}
.hidden{display:none;}
.red{color:#B00000;}

#newArticles{
	margin-left:120px;
	margin-right:120px;
	padding:0px;
}

#newArchives{
	margin-left:120px;
	margin-right:120px;
	padding:0px;
}

bg-page-inner {
	width:100%;
}
.body-part1 {
	width:100%;
}
.body-part2 {
	width:950px;
	float:left;
	background-color:#000;
	margin-left:3px;
}
.body-part2 h2 {
	color:#fff;
	padding:10px;
}
.left-inner {
	float: left;
	margin-top: 20px;
	padding-right: 15px;
	width: 660px;
	color:#333 !important;
	line-height:24px;
}
.left-inner p {
	padding:0px;
	margin:0px;
	padding-bottom:5px;
	padding-top:5px;
}
.right-inner {
	width:250px;
	padding-left:15px;
	float:left;
	margin-top:30px;
}
.right-ul-space {
	padding:25px 0 0px 10px !important;
}
.right-ul, .right-uls {
	padding:2px 0 0 0;
	font-family:Helvetica;
	list-style-type:none;
}
.right-ul li a {
	padding:11px 0 0 0;
	font-family:Helvetica;
	text-decoration:none;
	color:#424242;
	font-weight:normal;
}
.right-ul li a:hover {
	padding:11px 0 0 0;
	font-family:Helvetica;
	text-decoration:underline;
	color:#424242;
}
.right-ul li .right-ul-activ {
	padding:11px 0 0 0;
	font-family:Helvetica;
	text-decoration:none;
	color:#424242;
	font-weight:normal;
}
.right-ul li .right-ul-activ a, .right-ul li .right-ul-activ a:hover  {
	font-size:11px !important;
	color:#fff !important;
	font-size:12px !important;
	background:#a04b5f !important;
	text-decoration:none !important;
	display:block !important;
	font-family:Helvetica !important;
	height:40px !important;
	padding:6px 2px 0px 2px !important;
	line-height:18px !important;
}
