*{ margin:0;padding:0;}

body { margin: 0; padding: 0;background-image: url("/tnm/pix/north_bg.jpg");background-repeat: repeat; font-family: 'Trebuchet MS', sans-serif; font-size: 79% } 
  
html, body {height:100%}

#wrapper { width:800px; min-height: 100%; height: auto !important; height: 100%; background:#FFF; margin: 0 auto -105px auto}
#nudge { height: 105px; clear: both; margin: 0 auto} 
#footer { width:800px; height: 105px; clear: both;  background:#FFF; position: relative; margin: 0 auto}

#wrapper_in { width:800px; min-height: 100%; height: auto !important; height: 100%; background:#FFF; background-image: url("/tnm/pix/compass_top.jpg"); margin: 0 auto -72px auto}
#nudge_in { height: 72px; clear: both; background-color:transparent; margin: 0 auto} 
#footer_in { width:800px; height: 72px; clear: both; background-color:transparent; position: relative; margin: 0 auto}
    
.center, .special, .issue2, .issue { text-align:center}
.left {text-align:left}
.topleft {text-align:left;vertical-align:top}
.topright {text-align:right;vertical-align:top}

#older {float:left;padding: 8px 0 0 5px}
#newer {float:right;padding: 8px 5px 0 0}

.lpic, .rpic, .blpic, .brpic {border:0}
.lpic {margin: 0 1px 15px 0}
.rpic {margin: 0 0 15px 0}
.blpic {margin: 0 1px 0 0}
.brpic {margin: 0}

p.letter {margin: 0 0 4px 0}
p.writer {margin: 0 0 13px 0}

p.date {margin: 5px 0 0 0}

p.indent {text-indent: 12px; margin-bottom:4px}

ul {margin: 4px 0 2px 20px}
li {color: #CCC}


/*******Different fonts to body*******/

#strap, .special, div.menu, .menu_on, .bar {font-family: 'Arial Condensed', 'Arial Narrow', 'Helvetica Condensed', sans-serif}

.titletext, .quotedtext, #f3 {font-family: Arial, Helvetica, sans-serif}


/*******Style for div tags*******/		


#wide-tracking { letter-spacing: 0.3em;color:#808080; text-align:center}
#strap {color:#FFF; font-weight: bold; background-color:#8F8C9C; padding: 4px}

.medtext {font-size: 1.2em}
.bigtext {font-size: 1.5em}  	
.titletext {color:#F60;font-size: 1.5em}

.quotedtext {color: #666; font-size: 1.9em; text-align: left; line-height: 28px; margin: 20px 0 5px 2px }
.quotedname { color: #808080; font-size: 10px; font-style: italic; margin-top: -15px }    
		
.special {margin: 5px 0 10px 0;padding:3px 0;background-color: yellow;font-size: 1.25em; font-weight: bold; vertical-align: middle }	
.special:hover {background-color: red}  	

#issue {font-size:1.2em}
#info {font-size:0.8em}

.thumb, #info {float:right}
.c1, .i1, #issue, .issue2, .issue, div.menu, .menu_on, .bar, #f1, #f2, #f3, .fl {float:left }
.c1 {width:70px; text-align:right; margin: 4px 5px}
.i1 {width: 330px; margin: 4px 8px 4px 0}
.fl {margin:0 6px 0 0}

.issue2, .issue {margin:0}
.issue2 img, div.issue img {border:none}
.issue2 { width:135px;padding:0 23px 0 23px}		
.issue { width:126px;padding:0 28px 0 28px}

.button 	{float:left; margin:0; width:200px;padding:0 21px 40px 21px}
.button img {border:none}
			
.hiddenDiv {display:none}	

.space1 {height:10px}
.space2 {height:25px}
.space3 {height:30px}
.space4 {height:40px}
.space1, .space2, .space3, .space4 {width:100%;background-color: transparent }


/*******Style for nav menu and links*******/				   	


table.menu {background-image: url("/tnm/pix/menu_bg.jpg");width:740px;margin:0 auto;padding:0;text-align:center }

div.menu, .menu_on {text-align:center; font-weight: bold; font-size: 1.3em}
div.menu {color: #666}
.menu_on  {color: #000}
.bar {text-align:center;font-weight: bold; color: #666; font-size: 1.3em;margin:0}

.m1 {width:85px }
.m2 {width:88px }
.m3 {width:125px }
.m4 {width:110px }
.m5 {width:111px }
.m6 {width:114px }
.m7 {width:83px }

a.nav:link {color: #666; text-decoration: none }
a.nav:visited {color: #666; text-decoration: none }
a.nav:hover {color: #F60; text-decoration: none }
a.nav:active {color: #666 } 

a:link {color: #666; text-decoration: underline }
a:visited {color: #960; text-decoration: underline}
a:hover {color: #F60; text-decoration: none }
a:active {color: #666 } 

a.turn:link {color: #666; text-decoration: none} 
a.turn:visited {color: #666; text-decoration: none } 
a.turn:hover {color: #F60; text-decoration: none } 
a.turn:active {color: #666} 

a.offer:link {color: #000; text-decoration: none } 
a.offer:visited {color: #000; text-decoration: none } 
a.offer:hover {color: #FFF; text-decoration: none } 
a.offer:active {color: #000 } 
 
img a {border:0;}  
  
  
/*******Styles for tables*******/  
 
 
table, div {font-size: 1.0em;border:0}   
  
table.back, table.center, .reader {margin: 0 auto}
.back {background-color: transparent}  
table.center {background-color: #FFF}  
.graph, .reader, .desk, .thankyou, .compass, .north, #wrapper_in, #footer_index {background-repeat: no-repeat}
.graph, .compass, .north, #wrapper_in {background-position: right bottom}   
.desk, .thankyou  {background-position: right top}
.graph {background-image: url("/tnm/pix/graph.jpg")} 
.reader {background-position: left top; background-image: url("/tnm/pix/reader.jpg")} 							
.desk {background-image: url("/tnm/pix/desk.jpg")} 		
.thankyou {background-image: url("/tnm/pix/thankyou.jpg")} 	
.compass { background-image: url("/tnm/pix/compass.jpg")} 							 	
.north {background-image: url("/tnm/pix/compass_bottom.jpg")	}
						
.dates { border-width: 1px; border-spacing: 2px;	border-style: dotted;	border-color: #999; border-collapse: separate; background-color: #FFF } 
.dline1 {border: solid #999 1px; background-color:#999; color:#FFF; font-weight:bold; padding:1px 1px 1px 2px }
.dline2 {border: solid #FFF 1px; padding:1px 1px 1px 2px}
		

/*******Styles for footer*******/		


#f1, #f2, #f3 {vertical-align: top; padding:7px 0 7px}
#f1, #f3 {width:10%}
#f1 {text-align:left}
#f2 {width:80%;font-size:0.8em;color:#666;text-align:center}
#f3 {font-size:0.8em;text-align: right}

.footer {padding: 5px 30px}

hr {height: 2px;border: 0;color: #E0E0E0;background-color: #E0E0E0}