/*
-------------------------------------------------
Project: The Boston Harbor Walk
Purpose: Print
Author:   Katelynn O'Brien, Bowsprit Media
Version:  01/30/05
------------------------------------------------- */

body
	{
	margin: .5in, .75in;
	padding: 0;
	font: small verdana, arial, helvetica, sans-serif;
	}
  	
  	
/* DON'T SHOW
------------------------------------------------- */
#about_harborwalk, #things_to_do, #places_to_go, #ns4, #ns4_home, #small_nav, #sub_nav
	{
	display: none;
	}


/* LAYERS
------------------------------------------------- */
	
#header_content_container
	{
	position: absolute;
	}
	
#logo
	{
	width: 77px;
	padding: 0;
	z-index: 1000;
	}

#title
	{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 150%;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 20px;
	}
	
#bottom_container
	{
	position: relative;
	padding-top: 130px;
	}
	
#content
	{
	float: left;
	width: 60%;
	font-family: verdana, arial, helvetica, sans-serif;
	line-height: 1.5em;
	font-size: 100%;
	margin: 0 0 25px 0;
	}	
	
#content.wide
	{
	float: none;
	width: 90%;
	}
	
#footer
	{
	clear: both;
	color: #000;
	border-top: 1px solid #999;
	padding-top: 5px;
	}	
	
#bha, #bra
	{
	float: left;
	padding-top: 5px;
	padding-right: 25px;
	}
	
	
#site_activities
	{
	float: right;
	width: 30%;
	padding: 38px 0 0 0;
	margin: 0 0 25px 0;
	line-height: 1.5em;
	}
	
/* main map (places to go index page)
---------------- */

#mainmap
	{
	position: relative;
	}
	
#eastbostonlabel, #charlestownlabel, #downtownlabel, #fortpointlabel, #southbostonlabel, #dorchesterlabel, #deerislandlabel
	{
	position: absolute;
	font-size: 90%;
	font-weight: bold;
	line-height: 1em;
	}
	
#eastbostonlabel
	{
	top: 130px;
	left: 230px;
	z-index: 1001;
	}
	
#eastbostonhighlight
	{
	position: absolute;
	top: 0;
	left: 194px;
	}
	
#charlestownlabel
	{
	top: 85px;
	left: 70px;
	z-index: 1002;
	}
	
#charlestownhighlight
	{
	position: absolute;
	top: 21px;
	left: 54px;
	}
	
#downtownlabel
	{
	top: 170px;
	left: 77px;
	z-index: 1003;
	}
	
#downtownhighlight
	{
	position: absolute;
	top: 134px;
	left: 76px;
	}
	
#fortpointlabel
	{
	top: 240px;
	left: 110px;
	z-index: 1004;
	}
	
#fortpointhighlight
	{
	position: absolute;
	top: 209px;
	left: 128px;
	}
	
#southbostonlabel
	{
	top: 315px;
	left: 140px;
	z-index: 1005;
	}
	
#southbostonhighlight
	{
	position: absolute;
	top: 210px;
	left: 110px;
	}
	
#dorchesterlabel
	{
	top: 447px;
	left: 92px;
	z-index: 1006;
	}
	
#dorchesterhighlight
	{
	position: absolute;
	top: 382px;
	left: 8px;
	}
	
#deerislandlabel
	{
	top: 230px;
	left: 455px;
	z-index: 1007;
	}
	
#deerislandhighlight
	{
	position: absolute;
	top: 197px;
	left: 495px;
	}
	
	
/* home
-------------- */

#main_nav_home
	{
	font-family: verdana, arial, helvetica, sans-serif;
	position: absolute;
	background: url(../images/shared/nav_tile_blue.gif) repeat-y;
	top: 10px;
	left: 79px;
	width: 240px;
	font-size: 80%;
	font-weight: bold;
	text-transform: uppercase;
	z-index: 1000;
	}
	
	
#mainphoto
	{
	position: absolute;
	top: 0;
	left: 0;
	width: 775px;
	z-index: 0;
	}
	
	
#small_nav_home
	{
	position: absolute;
	font-family: verdana, arial, helvetica, sans-serif;
	top: 303px;
	left: 381px;
	width: 392px;
	font-size: 85%;
	z-index: 2000;
	font-weight: bold;
	border: 0;
	text-align: center;
	}
	

	
/* IMAGES
------------------------------------------------- */	
	
#logo img
	{
	border-style: solid;
	border-color: #0f2b8e;
	color: #0f2b8e;
	border-left-width: 6px;
	border-right-width: 6px;
	border-top-width: 3px;
	}
	
	
img, #footer img
	{
	border-style: none;
	border-width: 0;
	border-color: #fff;
	color: #fff;
	}
	
	
#site_activities img
	{
	margin-top: 5px;
	}

	
	
/* HEADINGS
------------------------------------------------- */

h1
	{
	font-size: 120%;
	color: #444;
	text-transform: uppercase;
	}
	
h2
	{
	font-size: 110%;
	color: #555;
	}
	
h3
	{
	font-size: 100%;
	color: #f00;
	}
	
#site_activities h1
	{
	font-size: 100%;
	text-transform: uppercase;
	}
	
	
/* PARAGRAPHS
------------------------------------------------- */

#site_activities p
	{
	font-size: 85%;
	}
	
	
/* LISTS
------------------------------------------------- */	
	
#small_nav ul, #small_nav_home ul
	{
	padding: 0 0 5px 0;
	margin: 0;
	}
	
	
#small_nav_home ul li
	{
	display: inline;
	list-style-type: none;
	padding-right: 10px;
	padding-left: 10px;
	height: 20px;
	}
	
	
#small_nav ul li
	{
	list-style-type: none;
	display: inline;
	padding-right: 5px;
	height: 10px; /* false height for Win/IE5 box model bug */
	voice-family: "\"}\""; /* trick Win/IE5 into thinking rule is over */ 
  	voice-family: inherit; /* recover from above trick */
	height: 20px; /* real height for every other browser */
	}
	
	
html>body #small_nav ul li
	{
  	height: 20px; /* height for Opera 5 */
	}
	
	
#sub_nav ul
	{
	padding: 0;
	margin: 0;
	line-height: 1.1em;
	}
	
	
#sub_nav ul li, li.down
	{
	list-style-type: none;
	margin-left: 5px;
	padding-left: 12px;
	padding-bottom: 12px;
	}
							
							
#sub_nav ul li.down
	{
	background: url(../images/shared/arrow.gif) no-repeat 0 .2em;
	font-weight: bold;
	}
	
	
#sub_nav ol
	{
	margin: 0;
	padding: 5px 0 0 0;
	line-height: 1.2em;
	}
	
	
#sub_nav ol li
	{
	list-style-type: none;
	background: url(../images/shared/arrow2.gif) no-repeat 0 .3em;
	margin-left: 0;
	padding-left: 10px;
	padding-bottom: 3px;
	font-weight: normal;
	}
	
	
#content ul
	{
	font-size: 100%;
	margin-left: 20px;
	padding-left: 0;
	}
	
	
#content ul li, #content ol li
	{
	padding-bottom: 10px;
	}
	
	
ul.whatyoullfind, ul.thingstodo
	{
	font-size: 85%;
	margin: 0;
	padding: 0;
	}
	
	
ul.whatyoullfind li, ul.thingstodo li
	{
	list-style-type: none;
	padding-left: 17px;
	line-height: 1.2em;
	padding-bottom: 9px;
	}
	
	
ul.whatyoullfind li.available, ul.thingstodo li.available
	{
	color: #555;
	font-weight: bold;
	background: url(../images/shared/available.gif) no-repeat 0 .1em;
	}
	
	
ul.whatyoullfind li.unavailable, ul.thingstodo li.unavailable
	{
	color: #999;
	}
	
	
.available /* for NS4 display */
	{
	color: #555;
	font-weight: bold;
	}
	
	
.unavailable /* for NS4 display */
	{
	color: #999;
	}
	
	
/* TABLES
------------------------------------------------- */

table.homelogos
	{
	float: right;
	clear: both;
	}
	
	
td.nopadding
	{
	padding: 0;
	margin: 0;
	border: 0;
	}
	
	
#content td
	{
	font-family: verdana, arial, helvetica, sans-serif;
	line-height: 1.5em;
	font-size: 80%; /* false size for Win/IE5 bug */
	voice-family: "\"}\""; /* tricks Win/IE5 into thinking rule is over */
	voice-family: inherit; /* recover from above trick */
	font-size: 100%; /* real size for every other browser */
	}
	
	
html>body #content td
	{
  	font-size: 100%; /* real font size for Opera 5 */
	}
	
	
/* TABLES
------------------------------------------------- */
	
#footer td
	{	
	font-family: verdana, arial, helvetica, sans-serif;	
	vertical-align: top;
	padding: 5px;
	font-size: 70%; /* false size for Win/IE5 bug */
	voice-family: "\"}\""; /* tricks Win/IE5 into thinking rule is over */
	voice-family: inherit; /* recover from above trick */
	font-size: 80%; /* real size for every other browser */
	}
	
	
html>body #footer td
	{
  	font-size: 80%; /* real font size for Opera 5 */
	}