body {
	background-image:url(../images/pp_homebg.jpg);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #073452;
	
}

p {text-align:left; }

h1 {
	font-family: Georgia, Verdana, Helvetica, sans-serif;
	font-size: x-large;
	font-weight: bold;
	color: #800000;
	font-style: italic;
	text-align: center;
}
.bigredheading {
	font-family: Georgia, Verdana, Helvetica, sans-serif;
	font-size: large;
	font-style: italic;
	font-weight: bold;
	color: #800000;
}

.mediumredheading {
	font-family: Georgia, Verdana, Helvetica, sans-serif;
	font-size: small;
	font-style: italic;
	font-weight: bold;
	color: #800000;
}
	
li {
	margin-left:
	list-style-position: outside;
	text-align:left;
		
}


/* Note: if define generic link properties, will need to add specific links within rollover tables to potentially have them look right */

a:link {
	color:#283A82;
	text-decoration:none;
	font-weight: bold;
	font-size: small;
}
a:visited {
	color:#3333FF;
	text-decoration:none;
	font-size: small;
}
a:hover {
	color:#E5D4B8;
	text-decoration:none;
	cursor:hand;
	background:#283A82;
	font-size: small;
}
a:active {
	color:#000000;
	text-decoration:none;
	font-size: small;
}

/* Note: the following tags are used with the mouseover commands in the "td" tag: eg <td width="54" class="green" onmouseover="this.className='greenMO';"onmouseout="this.className='green';">  Notice the border inset/outset options to create "button" effect. Can access border, text, etc. dialogue box to add by clicking the style in the right panel */

.blue {
	background-color: #336699;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: small;
	color: #cccccc;
	text-decoration: none;
	border: thin outset #FFFFFF;
	
	}

.green {
	background-color: #AFBD99;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: small;
	color: #094368;
	text-decoration: none;
	border: thin outset #FFFFFF;
}

.greenMO {
	background-color: #C1D99B;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: small;
	color: #0D6199;
	text-decoration: none;
	border-left-color: #CCCCCC;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: inset;
	border-bottom-style: none;
	border-left-style: inset;
	border-right-color: #CCCCCC;
}

/* The following tag is used to provide for a consistent font size and color in rollover table cells. e.g. <a href="juneau-general-information.htm" target="_blank" class="navigationbodyblue">Travel Info</a>  */

.navigationbodyblue  {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: small;
	color: #094368;
	text-decoration: none;
}

/* The following a: tags define link colors and text specific to rollover tables used as navidation bars, e.g. <div id="navigationgreen"><table, etc.></table></div>. Be sure to add the background color consistent with the rollover effect so words can be seen. Can access the dialogue box by double clicking the CSS style on the right panel (F4 if not visible) */

#navigationgreen a:link {
	color: #094368;
	text-decoration: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	font-size: small;
	background-color: #AFBD99;
}

#navigationgreen a:visited {
	color: #094368;
	text-decoration: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	font-size: small;
	background-color: #AFBD99;
}

#navigationgreen a:hover {
	color: #094368;
	text-decoration:none;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	font-size: small;
	background-color: #C1D99B;
}

#navigationgreen a:active {
	color:#094368;
	text-decoration: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	font-size: small;
	background-color: #C1D99B;
}





.photo150right {
	border: 4px solid #073452;
	float: right;
	width: 150px;
	height: 200px;
	margin-left: 20px;
	margin-bottom: 20px;
}

.photo150left {
	margin: 20px;
	border: 4px solid #073452;
	float: left;
	width: 150px;
	height: 200px;
	right: 20px;
	bottom: 20px;
}

.photo200right {
	border: 4px solid #073452;
	float: right;
	width: 200px;
	height: 150px;
	margin-bottom: 20px;
	margin-left: 20px;
}

.photo200left {
	border: 4px solid #073452;
	float: left;
	width: 200px;
	height: 150px;
	margin-right: 20px;
	margin-bottom: 20px;
	
}

.photo500right {
	border: 4px solid #073452;
	float: right;
	width: 500;
	height: 125px;
	margin-right: 20px;
	margin-left: 20px;
	margin-bottom: 10px;
	
}

.photo450right {
	border: 4px solid #073452;
	float: right;
	width: 450;
	height: 300px;
	margin-right: 20px;
	margin-left: 20px;
	margin-bottom: 10px;
	
}