/* CSS Document */
body {
	background-image: url(http://www.harborsights.com/prototype/images/backer.gif);
	text-align: center;
	font-family: "trebuchet ms", trebuchet, tahoma, Arial, Helvetica, sans-serif;
	color: #333333;
	margin: 0;
	padding: 0;
}

#wrapper {
	background-image:url(../images/topper.jpg);
	background-repeat:no-repeat;
	width: 968px;
	border: 1px solid #CCC;
	text-align: left;
	background-color:#FFFFFF;
	margin: 0px auto;
}

#content {
	text-align:left;
	margin: 70px 0 2px 15px;
	float: left;
	width: 73%;


}
#goRight {
	text-align:left;
	padding-left: 10px;
	margin-right: 15px;
 	width: 20%;
	float: right;
	border-left: 1px solid #CCC;
	margin-top:70px;
	
}

p {	
	font-size:10pt;
	margin:0;
	padding:2px 0 8px 0;
	text-align: left;
	line-height: 140%;
}

h1 {
	color:#666666;
	font-size:18pt;
	padding-bottom:3px;

}


h2 {
	font-size:12pt;
	font-family: "trebuchet ms", trebuchet, tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:#333;
	margin:10px 0 0 0;
	padding:0 0 5px 0;

}




a:link {
	color: #666666;
	text-decoration:none;
}
a:visited {
	color: #F0F0F0;
	text-decoration:underline;
}
a:hover {
	text-decoration:underline;
}
#goRight a:link {
	color: #000080;
	text-decoration:none;
}
#goRight a:visited {
	color: #666666;
	text-decoration:underline;
}
#goRight a:hover {
	text-decoration:underline;
}
#content a:link {
	color: #000080;
	text-decoration:none;
}
#content a:visited {
	color: #666666;
	text-decoration:underline;
}
#content a:hover {
	text-decoration:underline;
}


/* formatting lists in content section */
#content ul {
	margin: 5px 0 0 15px;
	padding:0 0 10px 0;
	font-family: "trebuchet ms", trebuchet, tahoma, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	}
#content ul li {
	line-height:150%;	
	padding: 0 0 0 10px;
	background-image:url(../images/bullet1.gif);
	background-repeat: no-repeat;
	background-position: 0 .5em;
	list-style-position:inside;
  }
#content ul li ul {
	margin: 5px 0 0 5px;
	}
#content ul li ul li {
	line-height:150%;	
	background-image: url(../images/bullet2.gif);
	background-position: 0 .5em;
	list-style-position:outside;
	padding: 0 0 0 10px
	
  }
  #content ol li ul li, #content ul li ul li ul li {

	margin: 0 0 30px 0;	
	padding: 0 0 20px 10px;
	background-image:url(../images/bullet2.gif);
	background-repeat: no-repeat;
  }
  
#content ol {
	margin: 5px 0 0 30px;
	padding:0 0 10px 0;
	font-family: "trebuchet ms", trebuchet, tahoma, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	list-style-position:outside;
	list-style-type: upper-roman;
	}
#content ol li {
	line-height:150%;	
	padding: 0 0 2px 10px;
	list-style-type: upper-roman; 
  }
#content ol ol li {
	font-weight:normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10pt;
	margin:2px 0 0 50px;
	padding:0;
}
#content ol li li,
#content ol li li li, 
#content ul li li, 
#content ul li li li{
	font-weight:normal;
	font-size:10pt;
	margin:2px 0 10px 25px;
	padding:0;
	list-style-position:outside;
	background-image:url(../images/bullet2.gif);
	background-repeat: no-repeat;
}


/* used for layout */
/* wraps around elements so they stay in a container */
.box {
	width:100%;
	float:left;
	padding-top:0px;
	padding-right:0px; /* fixes IE Duplicate Characters Bug */
}

.floatRight {
	float:right;
	}
.floatLeft {
	float: left;
	}

.content ul li .floatRight {
	float:right;
	}
.btnLearnMore, .btnLeanMore a:link, .btnLeanMore a:visited, a:link.btnLearnMore, a:visited.btnLearnMore {
	background-image:url(images/coolButton.jpg);
	background-repeat:no-repeat;
	color:#000080;
	width:100px;
	font-size:10pt;
	margin:5px 0 0 0;
	padding:1px 1px 1px 22px;
}
/* Content section */
#content img {
	float:right;
	border:0;
	margin:0;
	padding:0;
}
#content img.floatRight {
	float:right;
	border:0;
	margin:0 0 0 6px;
	padding:0;
}

.issue {
	background: #e7e7e7;
	padding: 3px 3px 3px 3px;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	}
.intro {
	font-size:10pt;
	color:#666666;
	font-weight: normal;
	background: #e7e7e7;
	padding: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	border: 1px solid #CCCCCC;

}
.x {
	font-size:18pt;
	color:#333;
	font-weight: bold;
	background: yellow;
	text-align: center;

}

.intro_bright {
	font-size:10pt;
	color:#000;
	font-weight: normal;
	background: #fdfddd;
	padding: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	border: 1px solid #ccc;
}

#nav {
	margin: 10px 5px 10px 415px;
}
#nav ul, li {
	display: inline;
	text-decoration: none;

}
#nav li {
	border: solid 1px white;
	font-family: arial, helvetica, sans; 
	font-size: 14px;
	padding: 5px;
	color: #000080;

	background-color: #ffccff;
	text-decoration: none;
	margin-left: 3px;
}
#nav a:link, a:visited {
	text-decoration: none;
	color: #000080;
}

#nav a:hover {
	text-decoration: none;
	background-color: yellow;
}

#crumb {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size:10pt;	
	text-align:left;
	color:#000080;
}
#crumb a:link, #crumb a:visited  {
	color:#000080;
	text-decoration:none;
	}
#crumb a:hover{
	text-decoration:underline;
	}
	.light {
		font-size:10pt;
	font-family: "trebuchet ms", trebuchet, tahoma, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color:#333;
}
#footer {
	width: 948px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size:10pt;	
	text-align:center;

	}

#footer a:link, #footer a:visited  {
	color:#000080;
	text-decoration:none;
	}
#footer a:hover{
	text-decoration:underline;
	}