/* Page */
	.page {
		position:relative;
		width:900px;
		height:720px;
		margin:0px auto;
		border:0px solid red;
		background-color: rgb(215,228,189);
		padding:10px;
		border-radius:10px;
	}

/* Pictures */

	.pic1, .pic2, .pic3, .pic4, .pic5, .pic6, .pic7, .pic8 {
		position:absolute;
		width:300px;
		height:240px;
		background-size:100% 100%;
		background-repeat: no-repeat;
	}

	.pic1 span, .pic2 span, .pic3 span, .pic4 span, .pic5 span, .pic6 span, .pic7 span, .pic8 span {
		color:white;
		font-weight:bold;
		position:absolute;
	}


	.pic1 {
		top:10px;
		left:10px;
		background-image:url('../pics/login/085.jpg');
	}
	.pic1 span {
		font-size:32px;
		bottom:70px;
		left:25px;
	}

	.pic2 {
		top:10px;
		left:310px;
		background-image:url('../pics/login/004.jpg');
	}
	.pic2 span {
		font-size:32px;
		top:100px;
		right:10px;
	}

	.pic3 {
		top:10px;
		left:610px;
		background-image:url('../pics/login/South Whidbey.jpg');
	}
	.pic3 span {
		font-size:32px;
		bottom:10px;
		right:20px;
	}

	.pic4 {
		top:250px;
		left:10px;
		background-image:url('../pics/login/Wallace Falls 2014 028.jpg');
	}
	.pic4 span {
		font-size:32px;
		top:140px;
		left:10px;
	}

	.pic5 {
		top:250px;
		left:610px;
		background-image:url('../pics/login/100_6605.jpg');
	}
	.pic5 span {
		font-size:32px;
		top:10px;
		right:10px;
	}

	.pic6 {
		top:490px;
		left:10px;
		background-image:url('../pics/login/2014 Kanasket-Palmer 067.jpg');
	}
	.pic6 span {
		font-size:32px;
		bottom:20px;
		left:20px;
	}

	.pic7 {
		top:490px;
		left:310px;
		background-image:url('../pics/login/100_6715.jpg');
	}
	.pic7 span {
		font-size:28px;
		bottom:0px;
		left:15px;
	}

	.pic8 {
		top:490px;
		left:610px;
		background-image:url('../pics/login/Hood Canal with the boat.jpg');
	}
	.pic8 span {
		font-size:30px;
		bottom:20px;
		right:10px;
	}


	.login {
		position:absolute;
		top:250px;
		left:310px;
		width:300px;
		height:240px;
		border:0px solid cyan;

	}


	.login .head {
		position:absolute;
		top:10px;
		left:0px;
		font-size:12pt;
		width:300px;
		height:40px;
		border:0px solid red;
		text-align:center;
		font-weight:bold;
		line-height:120%;
	}

	.login .foot {
		position:absolute;
		bottom:10px;
		font-size:10pt;
		border:0px solid red;
		width:300px;
		height:32px;
		margin:0px auto;
		text-align:center;
		line-height:120%;

	}

	.login .u_p {
		position:absolute;
		top:60px;
		left:50%;
		margin-left:-140px;
		font-size:10pt;
		width:280px;
		height:130px;
		border:0px solid red;
	}
	
	.login .u_p table, .login .u_p table #f_username, .login .u_p table #f_password{
		width:100%;
	}
	
	.login .u_p .error{
		font-size:10pt;

	}

	.login .u_p #form1 table tr:nth-child(1) td:nth-child(1), .login .u_p #form1 table tr:nth-child(3) td:nth-child(1) {
		border-top:5px solid darkblue;
		border-bottom:5px solid darkblue;
		border-left:5px solid darkblue;
		border-top-left-radius:10px;
		border-bottom-left-radius:10px;
	}

	.login .u_p #form1 table tr:nth-child(1) td:nth-child(2), .login .u_p #form1 table tr:nth-child(3) td:nth-child(2) {
		border-top:5px solid darkblue;
		border-right:5px solid darkblue;
		border-bottom:5px solid darkblue;
		border-top-right-radius:10px;
		border-bottom-right-radius:10px;
	}

	.login .u_p #form1 table tr:nth-child(2) {
		height:10px;
		border:0px solid red;

	}