@charset "iso-8859-1";

/* margin - top right bottom left */
body {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: black;
		background-color:#8690a0;
		}

table {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 100%;
		}

 a {
		font-weight: bold;
		color: blue;
		background-color:transparent;
		text-decoration: none;
		}

h1	{
	font-size: 1.5em;
	}

 a:hover {
		font-weight: bold;
		text-decoration: none;
		background-color:transparent;
		color: #FF0000;
		}

 a:active {
		background-color:transparent;
		font-weight: bold;
		text-decoration: none;
		color: #ff0000;
		}

/* July 21 2009 formatting for YouTube on Index page */

.row_main_1 {
	background-color: white;
	margin-bottom: 5px;
	margin-left: 15px;
	margin-right: 15px;
		}
.vid_l {
		float: left;
		margin-right:5px;
		text-align: center;
		font-size: 80%;
		padding-top: 8px;
		background-color: white;
		min-height:320px;
		}
.main_item_odd {
		text-align: center;
		margin-left: 8px;
		background-color: black;
		color: white;
		padding: 12px;
		}
.main_item_odd a {
	color:#67B0D3;
		}

.main_item_even {
		text-align: center;
		margin-left: 8px;
		background-color: #CCCCCC;
		padding: 12px;
		}
		
/*.vid_l {
	min-height:350px;
}*/
/* Extras box on index page */
#menu {
		border:1px solid #000;
		float:right;
		width:230px;
		background:#ffffcc;
		margin:5px 3px 20px 10px;
		padding: 5px;
		}
#menu a {
		font-weight: bold;
		color: blue;
		background-color:transparent;
		text-decoration: none;
		}

#menu a:hover {
		font-weight: bold;
		text-decoration: none;
		background-color:transparent;
		color: #FF0000;
		}

#menu a:active {
		background-color:transparent;
		font-weight: bold;
		text-decoration: none;
		color: #ff0000;
		}

.ribbon  {
	width:100%;
	margin-bottom:15px;
	padding: 5px;
	text-align:left;
	font-size:16px;
}
.ribbon h4 {
	font-style:italic;
	text-align:left;
}

.highlight {
	background-color:#FFFF66;
	color:#FF0000;
	font-weight:bold;
}
td { font-family: Verdana, Arial, Helvetica, sans-serif;
	   }
	   
ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-left:25px;
	margin-right:5px;
	 }


/* Streamkeepers at Work page */
.quote	{
	font-style: italic;
	color: #444444;
	background-color: #DDDDDD;
	width: 335px;
	padding: 15px;
	}

/* Menu bar for browsers that can't read the javascript */
.scriptblock	{
	position: absolute;
	left: 25px;
	top: 55px;
	color: #000000;
	background-color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	list-style: none;
	margin-left:25px;
	margin-right:5px;
	background: transparent;
	}

.scriptblock ul {
	}
.scriptblock li {
	display: inline;
	margin-left: 12px;
	margin-right: 12px;
	}
.scriptblock a {
	font-weight: bold;
	color: black;
	text-decoration: underline;
	}
.scriptblock a:hover {
	color: #800000;
	}
.scriptblock a:active {
	color: #FFFFFF;
	}

/* Main body on index page */
#main-a { 
		 position: absolute;
		 border:3px solid #000;
		 font-family: Verdana, Arial, Helvetica, sans-serif;
		 font-size: 80%;
		 margin-left:10%;
		 margin-top: 450px;
         width: 760px;
		 background-color: #FFFFFF;
		 color: #0F0F0F;
		 line-height:175%;
		 }

/* Main body for Brightcove pages */
#main-bc { 
		 position: absolute;
         border:3px solid #000;
		 font-family: Verdana, Arial, Helvetica, sans-serif;
		 font-size: 80%;
		 margin-left:100px;
		 margin-top: 320px;
		 padding: 4px;
		 width: 790px;
		 background-color: #FFFFFF;
		 color: #0F0F0F;
		 line-height:175%;
		 }

.row-bc {
		position: relative;
		margin-bottom: 40px;
		margin-right: 5%;
		}
		
.row-m {
	/* margin-top:325px; */
}

/* Links page only */
#main-links { 
		 position: absolute;
		 border:3px solid #000;
		 text-align: center;
		 font-family: Verdana, Arial, Helvetica, sans-serif;
		 font-size: 80%;
		 margin-left:10%;
		 margin-top: 400px;
         width: 760px;
		 background-color: #FFFFFF;
		 color: #0F0F0F;
		 line-height:175%;
		 }
/* All pages except index */
#main { 
		 position: absolute;
		 font-family: Verdana, Arial, Helvetica, sans-serif;
		 font-size: 80%;
		 margin-left:10%;
		 margin-top: 320px;
         border:3px solid #000;
		 padding: 8px;
		 width: 746px;
		 background-color: #FFFFFF;
		 color: #0F0F0F;
		 line-height:175%;
		 }

#main_map { 
		 position: absolute;
		 font-family: Verdana, Arial, Helvetica, sans-serif;
		 font-size: 80%;
		 width: 1100px;
		 margin-top: 320px;
         border:3px solid #000;
		 background-color: #FFFFFF;
		 color: #0F0F0F;
		 line-height:175%;
		 }

#main_tv { 
		 position: absolute;
		 font-family: Verdana, Arial, Helvetica, sans-serif;
		 font-size: 80%;
		 margin-left:10%;
		 margin-top: 320px;
		 height: 2500px;
         border:3px solid #000;
		 padding: 8px;
		 width: 746px;
		 /* background-color: #FFFFFF; */
		 background-color: FFFFFF;
		 color: #0F0F0F;
		 line-height:175%;
		 }

/* YouTube player */
#main-wide { 
		 position: absolute;
		 font-family: Verdana, Arial, Helvetica, sans-serif;
		 font-size: 80%;
		 margin-left:9%;
		 margin-top: 320px;
         border:3px solid #000;
		 width: 780px;
		 background-color: #FFFFFF;
		 color: #0F0F0F;
		 line-height:175%;
		 }

/* Google calendar */
#main-wide2 { 
		 position: absolute;
		 font-family: Verdana, Arial, Helvetica, sans-serif;
		 font-size: 80%;
		 margin-left:8%;
		 margin-top: 320px;
         border:3px solid #000;
		 width: 800px;
		 background-color: #FFFFFF;
		 color: #0F0F0F;
		 line-height:175%;
		 }

/* pages that have no header */
#main-b { 
		 position: absolute;
		 font-family: Verdana, Arial, Helvetica, sans-serif;
		 font-size: 80%;
		 margin-left:10%;
		 margin-top: 20px;
         border:3px solid #000;
		 padding: 4px;
		 width: 746px;
		 background-color: #FFFFFF;
		 color: #0F0F0F;
		 line-height:175%;
		 }
/* search box on home page */
#search	{
		position: absolute;
		width: 250px;
		left: 15px;
		float: left;
		}
/* main header and logo - used on all pages */
#header {
		position:absolute;
		margin-left:10%;
		top:10px;
		font-family: "Times New Roman",serif;
		background-color: transparent;
		width: 760px;
		height: 300px;
		color: #FFFFFF;
		background-image:url(images/header.jpg);
		background-repeat:no-repeat;
		}
/* header for bug video frames */
#frame-top {
		top:10px;
		padding-bottom: 15px;
		background-color: #ffffff;
		width: 400px;
		color: #000000;
		font-size: 80%;
		}
/* for content in between header and main - use with main-a */
#header2 {		
		position: absolute;
        border:3px solid #000;
		padding: 4px;
		width: 750px;
		padding-top:10px;
		padding-bottom:10px;
		margin-left:10%;
		margin-top:260px;
		background-color: #FFFFFF;
		color: #0F0F0F;
		line-height:150%;
		font-size:80%;
		text-align:center;
		}
/* positions the floating menu on the index page */
#index-menu  {
		position: relative;
		}

/*Items in header*/
.float {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		left: 40px;
		float: left;
		width :23%;
		margin-top:225px;
		padding-left: 15px;
		font-size: 60%;
		margin-bottom: 20px;
		color: black;
		}

/* Tables on Module pages */
.mod-top {
		background-color: black;
		color: white;
		text-align: center;
		font-weight: bold;
		}
.mod-bottom {
		background-color: white;
		color: black;
		text-align: center;
		}

.mod-list	{
		text-align: center;
		border-bottom: thin solid black;
		padding-bottom: 15px;
		}

/*Bug Page-replace table with 5 rows */
.float-b {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		left: 40px;
		float: left;
		width :15%;
		padding-left: 15px;
		color: black;
		}
/* five column table */
.float-c {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		left: 10px;
		float: left;
		width :15%;
		height: 2em;
		color: black;
		}

/* five column table - for chum page*/
.float-cp {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		left: 10px;
		width :80%;
		height: 2em;
		color: black;
		}
/* five column table for posters*/
.float-c2 {
		position: relative;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		left: 10px;
		float: left;
		width :18%;
		color: black;
		font-size: 80%;
		line-height: 1.5em;
		text-align: center;
		}
/* 8 column - on Great Invert page */
.float-d {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		left: 20px;
		float: left;
		width :10%;
		padding-left: 15px;
		color: black;
		}

/* 7 column - on Modules page */
.float-7 {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		left: 10px;
		float: left;
		width :15%;
		padding-left: 5px;
		color: black;
		}


/* 6 column - on Modules video page */
.float-6 {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		left: 5px;
		float: left;
		width: 20%;
		padding-left: 5px;
		color: black;
		border-left: black thin solid;
		}

.float-b-top {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		left: 40px;
		float: left;
		width :15%;
		padding-left: 15px;
		color: black;
		}
/* replace 2 cell table */
.float-2 {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		left: 40px;
		float: left;
		width :40%;
		padding-left: 15px;
		color: black;
		}

.float-2a {
		position: relative;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		left: 10px;
		float: left;
		width :49%;
		color: black;
		margin-top: -25px;
		margin-bottom: 25px;
		border-bottom: solid thin black;
		}
/* replaces images in tables on main page - 5 cells */
.float-image {
		height: 120px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		text-align: center;
		margin-top: 10px;
		color: black;
		}
/* qx3 photos page */
.float-5cell {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		text-align: center;
		margin-top: 10px;
		float: left;
		width:120px;
		color: black;
		}

/* replaces images in tables on main page - 3 cells */
.main-images {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		height: 200px;
		width :200px;
		left: 10%;
		float: left;
		margin-bottom: 20px;
		color: black;
		border: thin solid #ccc;
		}

.main-text {
		position: relative;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		width :28%;
		left: 5%;
		float: left;
		margin-bottom: 20px;
		color: black;
		}
		

/* generic row position */
.row {
		position: relative;
		width: 85%;
		margin-bottom: 10px;
		margin-left: 10%;
		margin-right: 5%;
		background-color: "#ffffFF";
		}
.row-e {
		position: relative;
		margin-bottom: 10px;
		margin-right: 5%;
		background-color: #ccffff;
		min-height: 160px;
		}
.row-e2 {
		position: relative;
		margin-bottom: 10px;
		margin-right: 5%;
		background-color: #ccffff;
		}
.row-esalmonrun {
		position: relative;
		margin-bottom: 10px;
		margin-right: 5%;
		background-color: #ccffff;
		height: 420px;
		}
.row-o {
		position: relative;
		margin-bottom: 40px;
		margin-right: 5%;
		height: 160px;
		}
.row-mackay {
		position: relative;
		margin-bottom: 40px;
		margin-right: 5%;
		height: 315px;
		}
.row2 {
		position: relative;
		height: 150px;
		width: 100%;
		padding-bottom: 10px;
		margin-bottom: 40px;
		}

/* for row next to menu box on home page - position command messes up links */
.row-m {
		margin-bottom: 5px;
		margin-left: 5%;
		margin-right: 5%;
		/* delete below if necessary
		background-color: #DDDDDD;
		padding: 5px;
		border: thick solid grey;
		border-style: inset; */
		}
.row-m p {
		text-indent: 1cm
		}
		
/* row with no margin or padding
.row {
		position: relative;
		margin-bottom: 0px;
		margin-left: 0%;
		margin-right: 0%;
		} */

/* for row on chum photo index page */
.row-p {
		margin-left: 10%;
		margin-right: 5%;
		}

/* Generic all purpose*/
.indent {
		text-indent: .5cm;
		}

/* use for lines in header */
/*The Pacific Streamkeepers Federation*/
.line01 {
		font-size: 200%;
		width: 80%;
		line-height: 120%;
		margin-left: 5px;
		}
/*A non-profit society helping streamkeepers take action through support, education, and building partnerships*/
.line02
		{
		font-size :80%;
		width: 80%;
		line-height: 120%;
		margin-left: 5px;
		}
/* used for links on many pages */
.index { 
		position: absolute;
		margin-top: 205px;
		margin-left: 10px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size :80%;
		background-color: transparent;
		width: 100%;
		font-weight: bold;
		color: #000000;
		padding-left: 2px;
		  }

/* used for anatomy of a stream*/
.veg {
		font-family: Comic Sans MS, Verdana, Arial, Helvetica, sans-serif;
		} 

/* used for anatomy of a stream*/
.disclaimer {
		background-color: #FFFFFF;
		border: none;
		margin-left: 10%;
		width: 78.5%;
		color: #0F0F0F;
		font-size: 80%;
		padding: 1em;
		line-height: 150%;
		text-align:justify;
		text-indent: 1cm;
		}
/* used on all pages*/
.footer {
		position:relative;
		margin-top: 50px;
		background-color: #FFFFFF;
		border-top: black thin solid;
		color: #0F0F0F;
		font-size: 80%;
		line-height:150%;
		text-align:center;
		 }

.footer_tv {
		position:relative;
		margin-top: 50px;
		background-color: #FFFFFF;
		border-top: black thin solid;
		color: #0F0F0F;
		font-size: 80%;
		line-height:150%;
		text-align:center;
		 }
/* generic-used on many pages*/
.box {
		background-color: #FFFFFF;
		border: none;
		font-size: 85%;
		margin-left: 10%;
		width: 80%;
		color: #0F0F0F;
		padding: 1em;
		line-height: 150%;
		text-align:justify;
		text-indent: 1cm;
		}
	  
.box a {
		background-color: #FFFFFF;
		font-weight: bold;
		text-decoration: none;
		color: #0000FF;
		}

.box a:hover {
		background-color: #ffffff;
		font-weight: bold;
		text-decoration: none;
		color: #FF0000;
		}

.box a:active {
		background-color: #FFFFFF;
		font-weight: bold;
		text-decoration: none;
		color: #990033;
		}

.menu01 { 
		background-color: transparent;
		font-weight: bold;
		color: black;
		font-size: 100%;
		width: 90%;
		}

.menu01 a {
		background-color: #FFFFFF;
		font-weight: bold;
		text-decoration: none;
		color: #0000FF; }

.menu01 a:hover {
		background-color: #ffffff;
		font-weight: bold;
		text-decoration: none;
		color: #FF0000; }

.menu01 a:active {
		background-color: #FFFFFF;
		font-weight: bold;
		text-decoration: none;
		color: #0000FF; }

.bold {
		font-weight: bold;
		color: #0000FF;
		}
/*replace this */  
.boxl {
		background-color: #FFFFFF;
		border: none;
		width: 700px;
		color: #0F0F0F;
		padding: 1em;
		line-height: 150%;
		}

/*Photo Pages*/
.thumbs {
		background-color: #FFFFFF;
		border: none;
		font-size: 85%;
		width: 80%;
		color: #0F0F0F;
		line-height: 120%;
		}
					  
.thumbs a {
		background-color: #FFFFFF;
		font-weight: bold;
		text-decoration: none;
		color: #0080C0;
		}

.thumbs a:hover {
		background-color: #ffffff;
		font-weight: bold;
		text-decoration: none;
		color: #FF0000;
		}

.thumbs a:active {
		background-color: #FFFFFF;
		font-weight: bold;
		text-decoration: none;
		color: #990033;
		}

.box02 { background-color: #FFFFFF;
         border: none;
         width: 700px;
		 color: #0F0F0F;
		 padding: 1em;
		 line-height: 25px;
		 font-size: 85%;
		 font-weight: bold;
		  }

/*Bugs - Hints*/
.boxaa {
		background-color: #FFFFFF;
		border: none;
		width: 700px;
		color: #0F0F0F;
		padding: 1em;
		line-height: 150%;
		}

/*boxt is for trainers bios*/
#boxt { 
		background-color: #FFFFFF;
		font-size: 80%;
		border: none;
		color: #0F0F0F;
		padding: 4px;
		line-height: 150%;
		  }

/* On-line Data Forms*/
.data {
		background-color: #FFFFFF;
		border: none;
		width: 750px;
		z-index: -1;
		}

.data a {
		background-color: transparent;
		font-weight: bold;
		text-decoration: none;
		color: blue;
		}

.data a:hover {
		background-color: transparent;
		font-weight: bold;
		text-decoration: none;
		color: red;
		}

.data a:active {
		background-color: transparent;
		font-weight: bold;
		text-decoration: none;
		color: blue;
		}

/*Glossary Page*/
.glossary { 
		border: solid;
		border-width: thin;
		border-color: #0080C0;
		background: #FFFFFF;
		padding: 1em;
		color: black;
		margin-left: 5em;
		margin-right: 5em;
		}

/*Links Page*/
.links { 
		border: solid;
		border-width: thin;
		border-color: #000000;
		background: transparent;
		padding: 1em;
		color: black;
		font-size:100%;
		margin-left: 5em;
		margin-right: 5em;
		line-height: 150%; }

/*Handbook and Modules*/
.hbm {		   
		background: #FFFFFF;
		padding: 1em;
		color: black;
		margin-left: 5em;
		margin-right: 5em;
		line-height: 150%;
		}

/*Trails presentation video */
.video01 {
		background-color: #0080C0;
        width: 90%;
		text-align:center;
		padding-left: 5px;
		padding-right: 5px;
		left: 1cm;
		  }

.video01 a {
		background-color: #000000;
		font-weight: bold;
		text-decoration: none;
		color: #FFFF00;
		}

.video01 a:hover {
		font-weight: bold;
		text-decoration: underline;
		color: maroon;
		}

.video01 a:active {
		font-weight: bold;
		text-decoration: none;
		color: #ff0000;
		}

p.obj {
  padding-top: .5em;
  text-align: center;
  width: 100%;
}

/*qx3 and bugs videos*/
.video02 {
		background-color: #FFFFFF;
		color: black;
		font-size: 80%;
		padding-left: 1em;
		left: 1em;
		  }

.video02 a {
		font-weight: bold;
		text-decoration: none;
		color: #0000FF;
		}

.video02 a:hover {
		font-weight: bold;
		text-decoration: underline;
		color: #ff0000;
		}

.video02 a:active {
		font-weight: bold;
		text-decoration: none;
		color: #ff0000;
		}
/*resources trails video page */
.video3 {
		background-color: #0000FF;
		color: black;
        border: none;
        width: 375px;
		padding-left: 5px;
		padding-right: 5px;
		position: absolute;
		left: 1cm;
		  }

.video3 a {
		font-weight: bold;
		text-decoration: none;
		color: #FFFFFF;
		}

.video3 a:hover {
		font-weight: bold;
		text-decoration: none;
		color: maroon;
		}

.video3 a:active {
		font-weight: bold;
		text-decoration: none;
		color: #ffffff;
		}
/* Player for Modules Video */

.video10 {
		color: black;
        border: none;
        width: 100%;
		height: 400;
		  }
 .row .video10 {
	 text-align:left;
 }
 
/* Highlighted text for bugs and Data Entry Tool*/
.yellow {
		color: #000000;
		background-color: #FFFF00;font-weight: bold;
		}
 
.limegreen {
		color: #000000;
		background-color: #00FF00;
		font-weight: bold;
		}
 
.blue {
		color: #000000;
		background-color: #0000FF;font-weight: bold;
		}

.orange {
		color: #000000;
		background-color: #FF8080;
		font-weight: bold;
		}

.pink {
		color: #000000;
		background-color: #FF80FF;
		font-weight: bold;
		}

/* Workshop pages */
.ws00 {
		  background-color: #FFFFFF;
		  width:700px;
		  font-weight: bold;
		  color: #0000B5;
		  padding:10px;
		  margin-right:5px;
		  margin-left:5px;
		  line-height:125%;
		   }
.ws01c {
		  background-color: #FFFFFF;
		  font-weight: bold;
		  text-align:center;
		  color: #0000B5;
		  padding:10px;
		  margin-right:5px;
		  margin-left:5px;
		  line-height:125%;
		   }
.ws01 {
		  background-color: #FFFFFF;
		  font-weight: bold;
		  color: #0000B5;
		  padding:10px;
		  margin-right:5px;
		  margin-left:5px;
		  line-height:125%;
		   }

.ws01 a {
			background-color: #0000B5;
			font-weight: bold;
			text-decoration: none;
			color: #FFFFFF;
			}

.ws01 a:hover { 
			background-color: #FFFFFF;
			text-decoration: none;
			color: #0000B5;
			}

.ws01 a:active {
		background-color: #FFFFFF;
		text-decoration: none;
		color: #0000B5;
		}

.wsrow {
		left:2px;
		position:relative;
		width:90%;
		border-bottom: thin solid #0000b5;
		padding-bottom:5px;
		margin-left:5%;
		}
		
.wsul1 {
		position:relative;
		float:left;
		width:33%;
		text-align:left;
		line-height:150%;
		border-bottom:thin;
		}
			
.wsul2 {
		position:relative;
		float:left;
		width:33%;
		text-align:left;
		line-height:150%;
		border-bottom:thin;
		}
				
.wsul3 {
		position:relative;
		float:left;
		width:33%;
		text-align:left;
		line-height:150%;
		border-bottom:thin;
		}
	
.wscell1 {
		position:relative;
		float:left;
		width:15%;
		text-align:center;
		border-bottom:thin;
		}

.wscell2 {
		position:relative;
		float:left;
		width:35%;
		border-bottom:thin;
		}
			
.wscell3 {
		position:relative;
		float:left;
		width:50%;
		border-bottom:thin;
		}

.boxw {
		background-color: #FFFFFF;
		border: none;
		width: 700px;
		color: #0F0F0F;
		padding: 5em;
		}

.boxw a {
		background-color: #0000B5;
		font-weight: bold;
		text-decoration: none;
		color: #FFFFFF;
		}

.boxw a:hover {
		background-color: #FFFFFF;
		font-weight: bold;
		text-decoration: none;
		color: #0000B5;
		}

.boxw a:active {
		background-color: #0000B5;
		font-weight: bold;
		text-decoration: none;
		color: #FFFFFF;
		}

/*Stormdrain Marking and Trails Powerpoint pages*/						
.menu04 {
		background-color: #FFFFFF;
		color: #000000;
		font-size: 80%;
		margin-bottom: 10px;
		line-height: 150%;
		}

/*Data Entry Tool and Trainers*/   
.t_table { background-color: #FFFFFF;
           color: #000000;
		   font-size:85%;
		   line-height:135%;
		   padding:3px;
		    }

/*Questionaire*/
.q1 {line-height:175%;
	background-color: white;}

/*Questionaire*/
.q2 {line-height:175%;
	background-color: #99ccff;
	}

.small {font-size: 80%}

/* Poster colour demo */
.p_blue  {
	width: 320px;
	height: 60px;
	color: #0000cc;
	background: #00cc00;
	text-align: center;
	line-height: 120%;
	font-size: 400%;
	font-weight: bold;
	padding-top: 30px;
	padding-bottom: 90px;
	}
.p_green  {
	width: 320px;
	height: 60px;
	color: #00cc00;
	background: #0000cc;
	text-align: center;
	line-height: 120%;
	font-size: 400%;
	font-weight: bold;
	padding-top: 30px;
	padding-bottom: 90px;
	}
.p_red  {
	width: 320px;
	height: 60px;
	color: #cc0000;
	background: #00cc00;
	text-align: center;
	line-height: 120%;
	font-size: 400%;
	font-weight: bold;
	padding-top: 30px;
	padding-bottom: 90px;
	}
.p_yellow1  {
	width: 320px;
	height: 60px;
	color: #cccc00;
	background: #cc0000;
	text-align: center;
	line-height: 120%;
	font-size: 350%;
	font-weight: bold;
	padding-top: 30px;
	padding-bottom: 90px;
	}
.p_yellow2  {
	width: 320px;
	height: 60px;
	color: #cccc00;
	background: #0000cc;
	text-align: center;
	line-height: 120%;
	font-size: 350%;
	font-weight: bold;
	padding-top: 30px;
	padding-bottom: 90px;
	}