@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:240px;
	height:auto !important;
	height:240px;
	float:left;
}
#main #home a{color:#444444;}
#main #home a:hover{color:#B00000;}
#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 ul{float:left;margin:.5em 30px 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-issue.jpg) right 0 no-repeat;}
#main .advertising{background:url(img/home-advertising.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;
}

/***** 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:200px;
	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.spring09{background-image:url(../archive/img/spring09.gif);}
#archive input.winter08{background-image:url(../archive/img/winter08.gif);}
#archive input.fall08{background-image:url(../archive/img/fall08.gif);}
#archive input.summer08{background-image:url(../archive/img/summer08.gif);}
#archive input.spring08{background-image:url(../archive/img/spring08.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%;}
/* 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:525px; float:left;}
#article p{margin-bottom:1.5em;}

#article_menu{width:275px; float:right; border-left:1px solid #AAA; padding-left:20px;}
#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;}
/* End of 'Main' */

