@import url('reset.css');

/* element styles */
	BODY{
		/* font-size: 11px; */
		font-size: 0.69em;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		background: url(/assets/images/site_bg.gif) #222;
		color: #FFF;
	}
	
	P{
		margin-top: 17px;
		margin-bottom: 17px;
		line-height: 130%;
		color: #CCC;
	}
	
	A, A:visited, A:active{
		color: #6699FF;
		text-decoration: none;
		cursor: pointer;
	}
	
	A:hover, A:visited:hover{
		color: #FFF;
		text-decoration: underline;
		cursor: pointer;
	}
	
	H1, H2, H3, H4, H5, H6{
		font-weight: bold;
	}
	
	H6{
		font-size: 100%;
		line-height: 130%;
	}
	
	H5{
		font-size: 110%;
		line-height: 140%;
	}
	
	H4{
		font-size: 120%;
		line-height: 150%;
	}
	
	H3{
		font-size: 130%;
		line-height: 160%;
	}
	
	H2{
		font-size: 140%;
		line-height: 170%;
	}
	
	H1{
		font-size: 150%;
		line-height: 180%;
	}
	
	strong{
		font-weight: bold;
	}
	
/* shell */
	#wrapper{
		text-align: center;
	}
	
	#container{
		width: 1000px;
		margin-left: auto;
		margin-right: auto;
		text-align: left;
	}
	
	#header{
		margin: 18px 0px 16px 39px;
	}
	
	#header #logo{
		float: left;
		width: 140px;
		height: 85px;
		background: url(/assets/images/stm_site_logo.gif) no-repeat top left;
	}
	
	#fourthdoor_banner{
		cursor: pointer;
		float: right;
		width: 780px;
		height: 105px;
		background: url(/assets/images/top_banner.gif) no-repeat top right;
	}
	
	#fourthdoor_banner span{
		position: absolute;
		left: -9999px;
	}
	
	#logo span{
		position: absolute;
		left: -99999px;
	}
	
	#top_navigation{
		list-style: none;
		margin: 0px;
		margin-bottom: 10px;
		padding: 0px;
		height: 40px;
	}
	
	#top_navigation li{
		float: left;
		margin-right: 10px;
	}
	
	#top_navigation li a, #top_navigation li a:visited{
		display: block;
		width: 100px;
		height: 40px;
		text-align: center;
		vertical-align: middle;
		background: #333;
		color: #FFF;
	}
	
	#top_navigation li a:hover, #top_navigation li a:active, #top_navigation li a:visited:hover{
		background: #3366CC;
		color: #FFF;
	}
	
	#top_navigation li a span{
		position: absolute;
		left: -99999px;
	}
	
	#top_navigation #tn_home a{
		background: url(/assets/images/nav_home.jpg) no-repeat 0px 0px;
	}
	
	#top_navigation #tn_directory a{
		background: url(/assets/images/nav_directory.jpg) no-repeat 0px 0px;
	}
	
	#top_navigation #tn_editorial a{
		background: url(/assets/images/nav_editorial.jpg) no-repeat 0px 0px;
	}
	
	#top_navigation #tn_calendar a{
		background: url(/assets/images/nav_calendar.jpg) no-repeat 0px 0px;
	}
	
	#top_navigation #tn_archives a{
		background: url(/assets/images/nav_archives.jpg) no-repeat 0px 0px;
	}
	
	#top_navigation #tn_faq a{
		background: url(/assets/images/nav_faq.jpg) no-repeat 0px 0px;
	}
	
	#top_navigation #tn_advertising a{
		background: url(/assets/images/nav_advertising.jpg) no-repeat 0px 0px;
	}
	
	#top_navigation #tn_staff a{
		background: url(/assets/images/nav_staff.jpg) no-repeat 0px 0px;
	}
	
	
	#top_navigation #tn_contact a{
		background: url(/assets/images/nav_contact.jpg) no-repeat 0px 0px;
	}
	
	#top_navigation #tn_home a:hover, #top_navigation #tn_directory a:hover, #top_navigation #tn_editorial a:hover, 
	#top_navigation #tn_calendar a:hover, #top_navigation #tn_archives a:hover, #top_navigation #tn_faq a:hover, 
	#top_navigation #tn_advertising a:hover, #top_navigation #tn_staff a:hover, #top_navigation #tn_contact a:hover, 
	#top_navigation #tn_home.current a, #top_navigation #tn_directory.current a, #top_navigation #tn_editorial.current a, 
	#top_navigation #tn_calendar.current a, #top_navigation #tn_archives.current a, #top_navigation #tn_faq.current a, 
	#top_navigation #tn_advertising.current a, #top_navigation #tn_staff.current a, #top_navigation #tn_contact.current a, 
	#top_navigation #tn_home.current a:hover, #top_navigation #tn_directory.current a:hover, #top_navigation #tn_editorial.current a:hover, 
	#top_navigation #tn_calendar.current a:hover, #top_navigation #tn_archives.current a:hover, #top_navigation #tn_faq.current a:hover, 
	#top_navigation #tn_advertising.current a:hover, #top_navigation #tn_staff.current a:hover, #top_navigation #tn_contact.current a:hover{
		background-position: 0px -40px;
	}
	
	#top_navigation #tn_advertising{
		margin-right: 0;
	}
	
	#footer{
		vertical-align: middle;
		text-align: center;
	}
	
	#footer #footer_inner{
		margin-left: auto;
		margin-right: auto;
		padding-top: 10px;
		padding-bottom: 20px;
		width: 980px;
	}
	#bottom_left_contact_info{
		float: left;
		font-size: 110%;
		text-align: left;
		width: 600px;
	}
	
	#bottom_left_contact_info .nav_and_copyright{
		padding-top: 5px;
		font-size: 90%;
	}
	
	#bottom_left_contact_info .phone{
		color: #FFF;
	}
	
	#bottom_left_contact_info .nav_and_copyright a, #bottom_left_contact_info .nav_and_copyright a:visited{
		text-decoration: none;
	}
	
	#body_focus{
		float: left;
		margin-left: 10px;
	}
	
	#mag_logos{
		float: right;
	}
	
	#main_body{
		background: #000;
		position: relative;
		top: -1px;
	}
	
	#left_column #left_head{
		text-align: center;
		background: #333;
		height: 45px;
	}
	
	#left_column #left_head #head_inner{
		margin-left: auto;
		margin-right: auto;
		/* width: 180px; */
	}
	
	#left_column{
		width: 210px;
		float: left;
	}
	
	.right_column{
		width: 209px;
		margin-left: 771px;
	}
	
	
/* misc styles */
	#calendar{
		width: 111px;
		height: 122px;
		position: relative;
		left: 18px;
		top: -30px;
		float: left;
	}
	
	#calendar_text{
		/* position: relative;
		top: 10px;
		left: 30px;
		width: 360px; */
	}
	
	#big_calendar{
		padding-left: 5px;
	}
	
	.stm_logo, .twm_logo, .tnm_logo, .sts_logo, .bd_logo, .rain_logo, .blu_logo{
		width: 55px;
		height: 32px;
		background: #000;
		float: left;
		margin-right: 5px;
	}
	
	.stm_logo{
		background: url(/assets/images/stm_logo.gif) no-repeat top left;
	}
	
	.twm_logo{
		background: url(/assets/images/twm_logo.gif) no-repeat top left;
	}
	
	#head_inner{
		padding: 0;
		margin: 0;
	}
	
	#head_inner .twm_logo{
		background: url(/assets/images/left_twm_logo.jpg) no-repeat top left;
		margin: 3px 5px 3px 10px;
	}
	
	.tnm_logo{
		width: 58px;
		background: url(/assets/images/tnm_logo.gif) no-repeat top left;
	}
	
	#head_inner .tnm_logo{
		background: url(/assets/images/left_tnm_logo.jpg) no-repeat top left;
		margin: 0;
		margin: 3px 5px;
	}
	
	.sts_logo{
		background: url(/assets/images/sts_logo.gif) no-repeat top left;
	}
	
	#head_inner .sts_logo{
		background: url(/assets/images/left_sts_logo.jpg) no-repeat top left;
		margin: 3px 5px;
	}

	.bd_logo{
		width: 58px;
		background: url(/assets/images/bd_logo.gif) no-repeat top left;
	}
	
	#head_inner .bd_logo{
		background: url(/assets/images/left_bd_logo.jpg) no-repeat top left;
		margin: 0;
		margin: 5px 7px;
	}
	
	.rain_logo{
		width: 58px;
		background: url(/assets/images/rain_logo.gif) no-repeat top left;
	}
	
	#head_inner .rain_logo{
		background: url(/assets/images/left_rain_logo.jpg) no-repeat top left;
		margin: 0;
		margin: 5px 4px;
	}
	
	.blu_logo{
		width: 58px;
		background: url(/assets/images/blu_logo.gif) no-repeat top left;
	}
	
	#head_inner .blu_logo{
		background: url(/assets/images/left_blu_logo.jpg) no-repeat top left;
		margin: 0;
		margin: 5px 5px;
	}
	
	.stm_logo span, .twm_logo span, .tnm_logo span, .sts_logo span, .bd_logo span, .rain_logo span, .blu_logo span{
		position: absolute;
		left: -9999px;
	}
	
	.left_navigation{
		list-style: none;
		margin: 0px;
		padding: 0px;
	}
	
	.left_navigation li{
		border-bottom: 1px solid #666;
	}
	
	.left_navigation li#tn_rmk{
		border: 0;
	}
	
	.left_navigation li a, .left_navigation li a:visited{
		padding: 10px 0px;
		display: block;
		/* text-decoration: none; */
		/* color: #FFF; */
		font-size: 90%;
	}
	
	.left_navigation li a:hover, .left_navigation li a:active, .left_navigation li a:visited:hover{
		/* color: #999; */
	}
	
	.content_body{
		width: 540px;
	}
/* temporary styles */
	
/* reusable styles */
	.padding_all_around{
		padding: 10px;
	}
	
	.padding_top_and_bottom{
		padding: 10px 0px;
	}
	
	.padding_left{
		padding-left: 10px;
	}
	
	.padding_right{
		padding-right: 10px;
	}
	
	.padding_bottom{
		padding-bottom: 10px;
	}
	
	.padding_top{
		padding-top: 10px;
	}
	
	.padding_left{
		padding-left: 10px;
	}
	
	.cleaner{
		background:transparent none repeat scroll 0%;
		border:medium none;
		clear:both;
		font-size:1px;
		height:1px;
		margin:0px;
		padding:0px;	
	}
	
	.nobold{
		font-weight: normal;
	}
	
	.white, a.white{
		color: #FFF !important;
	}
	
	.dark{
		color: #666;
	}
	
	.black_bg{
		background: #000;
	}
	
	.red_bg{
		background: red;
	}
	
	.blue_bg{
		background: blue;
	}
	
	.upper{
		text-transform: uppercase;
	}
	
	.left{
		float: left;
	}
	
	.one_half{
		width: 50%;
	}
	
	.one_third{
		width: 33%;
	}
	
	.two_thirds{
		width: 66%;
	}
	
	ul.nobullets{
		margin-top: 20px;
		margin-left: 20px;
		margin-bottom: 20px;
		font-size: 100%;
	}
	
	ul.bullets{
		margin-top: 20px;
		margin-left: 20px;
		margin-bottom: 20px;
		font-size: 100%;
		list-style-type: disc;
	}
	
	ol.numbers{
		margin-top: 20px;
		margin-left: 20px;
		margin-bottom: 20px;
		font-size: 100%;
		list-style-type: decimal;
	}
	
	ul.bullets li, ol.numbers li, ul.nobullets li{
		margin-left: 8px;
		font-size: 90%;
		line-height: 130%;
		margin-bottom: 10px;
		color: #CCC;
	}
	
/* buttons */
	.add_link{
		display: block;
		width: 60px;
		height: 26px;
		background: url(/assets/images/btn_add.jpg) left top no-repeat;
	}
	
	.buy_link{
		display: block;
		width: 60px;
		height: 26px;
		background: url(/assets/images/btn_buy.jpg) left top no-repeat;
	}
	
	.buy_link span, .add_link span, .map_link span{
		position: absolute;
		left: -9999px;
	}
	
	#mag_logos a{
		background-image: url(/assets/images/bottom_logos.gif);
		background-repeat: no-repeat;
		background-position: left top;
		display: block;
		float: left;
		height: 31px;
		margin-right: 17px;
		width: 60px;
	}
	
	#mag_logos a span{
		position: absolute;
		left: -99999px;
	}
	
	#mag_logos a.blu_logo{
		background-position: -135px top;
	}
	
	#mag_logos a.rpg_logo{
		background-position: -67px top;
		margin-right: 0;
	}

/* overrides */
	/* nothing yet */