@import url(/rpinweb/styles.css);

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	margin: 0px;
	background-color:#FFFFFF;
	color:#000000;
	/**color: #333333**/
}

#pgWrapper {
	margin: auto;
	width: 1000px;
	font-size: 90%;
}
#bannerWrapper {
	background-repeat: no-repeat;
	width: 100%;
	clear: both;
}
.bgHome {
      background-image:  url(/rpinweb/images/bgImg_Home.jpg);
}

.bgTraffic {
      background-image: url(/rpinweb/images/bgImg_Traffic.jpg);
}

.bgAirport {
      background-image: url(/rpinweb/images/bgImg_Airport.jpg);
}

.bgFerries {
      background-image: url(/rpinweb/images/bgImg_Ferries.jpg);
}

.bgTransit {
      background-image: url(/rpinweb/images/bgImg_Transit.jpg);
}

.bgPublicHealth {
      background-image: url(/rpinweb/images/bgImg_Health.jpg);
}

.bgPublicSafety {
      background-image: url(/rpinweb/images/bgImg_Safety.jpg);
}

.bgNaturalHazards {
      background-image: url(/rpinweb/images/bgImg_NaturalHaz.jpg);
}

.bgBePrepared {
      background-image: url(/rpinweb/images/bgImg_Prepared.jpg);
}

.bgMyNeighborhood {
      background-image: url(/rpinweb/images/bgImg_Neighborhood.jpg);
}

.bgNetworkAgencies {
      background-image: url(/rpinweb/images/bgImg_Agencies.jpg);
}

.bgPIO {
      background-image: url(/rpinweb/images/bgImg_PIO.jpg);
}

.bgAdmin {
      background-image: url(/rpinweb/images/bgImg_Admin.jpg);
}

.bgWinterStorms {
	background-image: url(/rpinweb/images/bgImg_WinterStorm.jpg);
}

.bgTsunamis {

          background-image: url(/rpinweb/images/bgImg_tsunami.jpg);
}

.bgEarthquake {

          background-image: url(/rpinweb/images/bgImg_Earthquake.jpg);
}

.bgFires {

          background-image: url(/rpinweb/images/bgImg_fires.jpg);
}

.bgHazardousMaterials {

          background-image: url(/rpinweb/images/bgImg_hazmat.jpg);
}

.bgFlood {

          background-image: url(/rpinweb/images/bgImg_Flood.jpg);
}

.bgLandslide {

          background-image: url(/rpinweb/images/bgImg_Landslide.jpg);
}

.bgSnow {

          background-image: url(/rpinweb/images/bgImg_Snow.jpg);
}

.bgVolcano {

          background-image: url(/rpinweb/images/bgImg_Volcano.jpg);
}

.bgUtility {

          background-image: url(/rpinweb/images/bgImg_Utility.jpg);
}

.bgAgencies {

          background-image: url(/rpinweb/images/bgImg_Agencies.jpg);
}

.bgHomelandSecurity {

          background-image: url(/rpinweb/images/bgImg_HomelandSecurity.jpg);
}

.bgArchive {

          background-image: url(/rpinweb/images/bgImg_Archive.jpg);
}


#logo {
	width: 600px;
	height: 37px;
	float: left;
}
#headerDate {
	width: 400px;
	height: 30px;
	text-align: right;
	float: left;
	padding-top: 7px;
}
#headerTop {
}
#headerTopL {
	height: 36px;
	width: 365px;
	background-image: url(/rpinweb/images/curveBlack.gif);
	background-repeat: no-repeat;
	background-position: right;
}
#headerTopR {
	width: 635px;
	height: 36px;
	background-color: #333333;
	text-align: right;
}
#headerMid {
}
#headerMidL {
	height: 54px;
	width: 348px;
	background-image: url(/rpinweb/images/curveOrange.gif);
	background-repeat: no-repeat;
	background-position: right;
}
#headerMidR {
	height: 54px;
	width: 652px;
	text-align: right;
	background-color: #FE9900;
}
#headerBot {
}
#headerBotL {
	height: 23px;
	width: 200px;
	background-image: url(/rpinweb/images/curveRed.gif);
	background-repeat: no-repeat;
	background-position: right;
}
#headerBotR {
	text-align: right;
	background-color: #970F01;
	height: 20px;
	width: 795px;
	padding-right: 5px;
	vertical-align: middle;
}
#headerBotR a {
	margin-left: 15px;
}
.nav {
	color: #FFFFFF;
	text-transform: uppercase;
	font-size: 95%;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 700;
}
.nav a:link, .nav a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
.nav a:hover {
	color: #FF9900;
	text-decoration: none;
}
#headerEnd {
}
#headerEndL {
	width: 180px;
	height: 19px;
	background-image: url(/rpinweb/images/curveWhite.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
#breadcrumbs {
	background-color: #FFFFFF;
	width: 605px;
	font-size: 80%;
	height: 19px;
	padding-left: 15px;
}
#pgContent {
	width: 100%;
	margin-top: 5px;
	border-collapse: collapse;
}
#leftNav {
	width: 145px;
	background-color: #970F01;
	padding: 5px 5px 50px;
	vertical-align: top;
}

/* experimenting with this...

#leftNav p {
	margin-bottom: 0 !important;
	margin-bottom: -5px;
	font-size: 100%;
}*/

#leftNav p {
	margin-bottom: 1em;
	font-size: 100%;
}

#textArea {
	vertical-align: top;
	padding-left: 30px;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 150%;
	color: #970F01;
	color: Black;
	margin-bottom: 0px;
}
h2 
{
	font-family: Arial, Helvetica, sans-serif;
    font-size: 130%;
    color: #970F01;
    color: Black;
	margin-bottom: 0px;
}
h3, h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	margin-bottom: 0px;
	color: #970F01;
	color: Black;
}

p {
   margin-top: 0px;
   margin-bottom: 1em;
}

.snug {
   margin-top:0px;
   margin-bottom:0px;
}

li.spacey {
   margin-top:8px;
}

/**
p {
	font-size: 90%;
}**/
a:link {
	color: #0033CC;
	text-decoration: none;
}
a:visited {
	color: #518DEF;
	text-decoration: none;
}
a:hover {
	color: #FF0000;
	text-decoration: underline;
}
.calloutTop {
	background-image: url(/rpinweb/images/calloutTopBG.gif);
	background-repeat: no-repeat;
	height: 12px;
    width: 800px;
    font-size: 10%;
}
.calloutBot {
	background-image: url(/rpinweb/images/CalloutBotBG.gif);
	background-repeat: no-repeat;
	height: 12px;
	width: 800px;
}
.callout {
	background-color: #FFAD33;
	border-right: 1px solid #666666;
	border-left: 1px solid #666666;
	width: 788px;
	padding-right: 5px;
	padding-left: 5px;
	margin-top: 0 !important;
	margin-top: -2px;
}
.callout h1 {
	margin: 0px;
	color: #000000;
}
.callout p {
	margin: 0px;
}
#alertsWrapper {
	margin-top: 20px;
}
#newsAlerts {
	width: 500px;
	float: left;
}
#newsAlerts p {
	margin-top: 5px;
}
#alertSidebar {
	float: right;
	font-size: 90%;
	width: 225px;
}
#alertSidebar h1 {
	margin: 0;
}
#alertSidebar p {
	margin-top: 5px;
	margin-bottom: 10px;
}
.sidebarItem {
	margin-bottom: 5px;
	width:100%;
}
.emerAlert {
	background-color: #FEEBCB;
	border: 2px solid #C00000;
	background-image: url(/rpinweb/images/triangle.gif);
	background-repeat: no-repeat;
	background-position: 0px 15px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.emerAlert h2 {
	font-size: 130%;
	margin-top: 5px;
	margin-bottom: 0;
}
.regularItem {
	background-color: #D6D6D6;
	border: 2px solid #C00000;
	background-image: url(/rpinweb/images/triangle.gif);
	background-repeat: no-repeat;
	background-position: 0px 15px;
	padding-right: 10px;
	padding-left: 10px;
}
.sidebar {
	background-color: #D6D6D6;
	border: 2px solid #C00000;
	background-image: url(/rpinweb/images/triangle.gif);
	background-repeat: no-repeat;
	background-position: 0px 15px;
	padding-right: 10px;
	padding-left: 10px;
	width: 175px;
	/**margin-left: 50px;**/
	vertical-align: top;
	text-align: left;
}
.regularItem ul {
	list-style-type: none;
	margin-top: 0;
	margin-left: -20px !important;
	margin-left: 0px;
}
.regularItem li {
	padding-left: 0;
	margin-top: 2px;
	margin-bottom: 2px;
}
.newsItem {
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #CCCCCC;
}
.firstItem {
	border-top: none;
}
.newsItem h1 {
	font-size: 125%;
	margin-bottom: -5px;
}
#boilerplate {
	clear: both;
	margin-top: 10px;
	margin-left: -20px;
	font-size: 75%;
	color: #FFFFFF;
	background-color: #716237;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}
#boilerplate a:link, #boilerplate a:visited {
	color: #00CCFF;
	text-decoration: none;
}
#boilerplate a:hover {
	color: #FF9900;
	text-decoration: underline;
}
iframe {
	border: none;
}

.srchButton {
      background-repeat: no-repeat;
      background-color: #FFFFFF;
      height: 22px;
      width: 93px;
      border: none;
      font-size: 95%; 
      color: #000000;
}

.srchButtonS {
      background-image: url(/rpinweb/images/buttonS.gif);
      width: 60px;
}

.srchButtonM {
      background-image: url(/rpinweb/images/buttonM.gif);
      width: 90px;
}

.srchButtonL {
      background-image: url(/rpinweb/images/buttonL.gif);
      width: 120px;
}

.srchButtonXL {
      background-image: url(/rpinweb/images/buttonXL.gif);
      width: 150px;
}

.innerContent {
}

.innerContent2
{
	width: 650px;
}

.credit
{
	font-size: .8em;
}