html{
				background-color:ffffff;
				background-image:url('../image/hash.png');
				background-attachment:fixed;
				margin:0;
				padding:0;
				width:100vw;
				overflow-x:hidden;
			}
			
			a{
				cursor:pointer;
			}
			
			body{
				margin:0px;
			}
			
			#readerRight p, #readerRight li{
				font-size:1.25em;
			}
			
/*Enter username and password*/
			
			@media screen and (orientation:landscape) and (max-width:1023px) {
			
				#navbar{
					height:14vh;
					background-color:66ccff;
					z-index:2;
					width:100vw;
					box-shadow:0px 2px 3px #444444;
				}
				
				#username{
					float:left;
					position:relative;
					padding:1vh;
					margin-left:14vh;
					margin-top:2vh;
					height:10vh;
					width:25vw;
					border-style:solid;
					border-width:2px;
					border-color:000000;
					border-style:solid;
					opacity:.6;
					background: transparent;
					font-size:3vh;
				}
				
				::-webkit-input-placeholder { color:#000000; }
				::-moz-placeholder { color:000000; } /* firefox 19+ */
				:-ms-input-placeholder { color:000000; } /* ie */
				input:-moz-placeholder { color:000000; }
				
				#password{
					float:left;
					position:relative;
					padding:1vh;
					margin-left:2vh;
					margin-top:2vh;
					height:10vh;
					width:25vw;
					border-style:solid;
					border-width:2px;
					border-color:000000;
					border-style:solid;
					opacity:.6;
					background: transparent;
					font-size:3vh;
				}
			}
			
			@media screen and (orientation:landscape) and (min-width:1024px) {
			
				#navbar{
					height:8vh;
					background-color:66ccff;
					z-index:2;
					width:98vw;
					box-shadow:0px 2px 3px #444444;
					padding-right:2vw;
				}
				
				#username{
					float:left;
					position:relative;
					padding:1vh;
					margin-left:8vh;
					margin-top:1vh;
					height:6vh;
					width:25vw;
					border-style:solid;
					border-width:2px;
					border-color:000000;
					border-style:solid;
					opacity:.6;
					background: transparent;
					font-size:2vh;
				}
				
				::-webkit-input-placeholder { color:#000000; }
				::-moz-placeholder { color:000000; } /* firefox 19+ */
				:-ms-input-placeholder { color:000000; } /* ie */
				input:-moz-placeholder { color:000000; }
				
				#password{
					float:left;
					position:relative;
					padding:1vh;
					margin-left:2vh;
					margin-top:1vh;
					height:6vh;
					width:25vw;
					border-style:solid;
					border-width:2px;
					border-color:000000;
					border-style:solid;
					opacity:.6;
					background: transparent;
					font-size:2vh;
				}
			}
			
			@media screen and (orientation:portrait) and (max-width:1023px) {
			
				#navbar{
					height:10vw;
					background-color:66ccff;
					z-index:2;
					width:100vw;
					box-shadow:0px 2px 3px #444444;
				}
				
				#username{
					float:left;
					position:relative;
					padding:1vw;
					margin-left:10vw;
					margin-top:1vw;
					height:8vw;
					width:20vw;
					border-style:solid;
					border-width:2px;
					border-color:000000;
					border-style:solid;
					opacity:.6;
					background: transparent;
					font-size:3vw;
				}
				
				::-webkit-input-placeholder { color:#000000; }
				::-moz-placeholder { color:000000; } /* firefox 19+ */
				:-ms-input-placeholder { color:000000; } /* ie */
				input:-moz-placeholder { color:000000; }
				
				#password{
					float:left;
					position:relative;
					padding:1vw;
					margin-left:2vw;
					margin-top:1vw;
					height:8vw;
					width:20vw;
					border-style:solid;
					border-width:2px;
					border-color:000000;
					border-style:solid;
					opacity:.6;
					background: transparent;
					font-size:3vw;
				}
			}
			
			@media screen and (orientation:portrait) and (min-width:1024px) {
			
				#navbar{
					height:8vw;
					background-color:66ccff;
					z-index:2;
					width:100vw;
					box-shadow:0px 2px 3px #444444;
				}
				
				#username{
					float:left;
					position:relative;
					padding:1vw;
					margin-left:8vw;
					margin-top:1vw;
					height:6vw;
					width:20vw;
					border-style:solid;
					border-width:2px;
					border-color:000000;
					border-style:solid;
					opacity:.6;
					background: transparent;
					font-size:2vw;
				}
				
				::-webkit-input-placeholder { color:#000000; }
				::-moz-placeholder { color:000000; } /* firefox 19+ */
				:-ms-input-placeholder { color:000000; } /* ie */
				input:-moz-placeholder { color:000000; }
				
				#password{
					float:left;
					position:relative;
					padding:1vw;
					margin-left:2vw;
					margin-top:1vw;
					height:6vw;
					width:20vw;
					border-style:solid;
					border-width:2px;
					border-color:000000;
					border-style:solid;
					opacity:.6;
					background: transparent;
					font-size:2vw;
				}
			}
			
/*Log in buttons*/			
			@media screen and (orientation:landscape) and (max-width:1023px) {
				
				.loginbutton{
					float:right;
					margin-right:1vh;
					margin-top:1vh;
					height:12vh;
					position:relative;
				}			
				
				.loginlink{
					height:14vh;
					position:relative;
				}
				
				#loginbutton{
					float:left;
					margin-left:1vh;
					margin-top:1vh;
					height:12vh;
					position:relative;
				}
				
				#loginform{
					padding:0;
					margin:0;
				}
				
				#navbar ul{
					margin:0px;
				}
				
			}	
			
			@media screen and (orientation:landscape) and (min-width:1024px) {
				
				.loginbutton{
					float:right;
					margin-right:1vh;
					margin-top:1vh;
					height:6vh;
					position:relative;
				}			
				
				.loginlink{
					height:6vh;
					position:relative;
				}
				
				#loginbutton{
					float:left;
					margin-left:1vh;
					margin-top:1vh;
					height:6vh;
					position:relative;
				}
				
				#loginform{
					padding:0;
					margin:0;
				}
				
				#navbar ul{
					margin:0px;
				}
				
			}	
			
			@media screen and (orientation:portrait) and (max-width:1023px) {
				
				.loginbutton{
					float:right;
					margin-right:1vw;
					margin-top:1vw;
					height:8vw;
					position:relative;
				}			
				
				.loginlink{
					height:14vw;
					position:relative;
				}
				
				#loginbutton{
					float:left;
					margin-left:1vw;
					margin-top:1vw;
					height:8vw;
					position:relative;
				}
				
				#loginform{
					padding:0;
					margin:0;
				}
				
				#navbar ul{
					margin:0px;
				}
				
			}

			@media screen and (orientation:portrait) and (min-width:1024px) {
				
				.loginbutton{
					float:right;
					margin-right:1vw;
					margin-top:1vw;
					height:6vw;
					position:relative;
				}			
				
				.loginlink{
					height:8vw;
					position:relative;
				}
				
				#loginbutton{
					float:left;
					margin-left:1vw;
					margin-top:1vw;
					height:6vw;
					position:relative;
				}
				
				#loginform{
					padding:0;
					margin:0;
				}
				
				#navbar ul{
					margin:0px;
				}
				
			}				
			
/*Rounds*/

			@media screen and (orientation:landscape) and (max-width:1023px) {
			
				#rounds ul{
					margin:0;
					margin-top:1vh;
					margin-left:1vh;
					padding:0;
					top:0;
					position:absolute;
					z-index:2;
					list-style-type:none;
				}
				
				#rounds ul li{
					margin-bottom:1vh;
					height:12vh;
				}
				
				#rounds img{
					height:100%;
				}
			}
			
			@media screen and (orientation:landscape) and (min-width:1024px) {
			
				#rounds ul{
					margin:0;
					margin-top:1vh;
					margin-left:1vh;
					padding:0;
					top:0;
					position:absolute;
					z-index:2;
					list-style-type:none;
				}
				
				#rounds ul li{
					margin-bottom:1vh;
					height:6vh;
				}
				
				#rounds img{
					height:100%;
				}
			}
			
			@media screen and (orientation:portrait) and (max-width:1023px) {
			
				#rounds ul{
					margin:0;
					margin-top:1vw;
					margin-left:1vw;
					padding:0;
					top:0;
					position:absolute;
					z-index:2;
					list-style-type:none;
				}
				
				#rounds ul li{
					margin-bottom:1vw;
					height:8vw;
				}
				
				#rounds img{
					height:100%;
				}
			}
			
			@media screen and (orientation:portrait) and (min-width:1024px) {
			
				#rounds ul{
					margin:0;
					margin-top:1vw;
					margin-left:1vw;
					padding:0;
					top:0;
					position:absolute;
					z-index:2;
					list-style-type:none;
				}
				
				#rounds ul li{
					margin-bottom:1vw;
					height:6vw;
				}
				
				#rounds img{
					height:100%;
				}
			}
			
/*Logged-in Topbar*/
			
			@media screen and (orientation:landscape) and (max-width:1023px) {
			
				#searchform{
					margin:0;
				}
			
				#searchbar{
					float:left;
					padding:1vw;
					margin-left:14vh;
					margin-top:1vh;
					height:12vh;
					width:40vh;
					border-style:solid;
					border-width:2px;
					border-color:000000;
					border-style:solid;
					opacity:.6;
					background-color:66ccff;
					font-size:5vw;
				}
			
				#searchsubmit{
					float:left;
					margin-left:2vh;
					margin-top:2vh;
					height:10vh;
					width:10vh;
					border-style:none;
					border-width:0px;
					border-color:000000;
					border-left-width:0px;
					opacity:.7;
					background-color:66ccff;
				}
				
				#searchimage{
					width:100%;
				}
				
				.topround{
					float:right;
					height:10vh;
					margin:1vh;
					margin-top:2vh;
				}
				
				#options{
					padding-right:2vw;
				}
				
				#options a{
					text-decoration:none;
					list-style-type:none;
					color:000000;
				}
				
				#mailNumber{
					position:absolute;
					right:40vh;
					top:8vh;
				}
				
				#notificationNumber{
					position:absolute;
					right:52vh;
					top:8vh;
				}
			
			}
			
			@media screen and (orientation:landscape) and (min-width:1024px) {
			
				#searchform{
					margin:0;
				}
			
				#searchbar{
					float:left;
					padding:1vw;
					margin-left:8vh;
					margin-top:1vh;
					height:6vh;
					width:40vh;
					border-style:solid;
					border-width:2px;
					border-color:000000;
					border-style:solid;
					opacity:.6;
					background-color:66ccff;
					font-size:2vw;
				}
			
				#searchsubmit{
					float:left;
					margin-left:1vh;
					margin-top:1vh;
					height:6vh;
					width:6vh;
					border-style:none;
					border-width:0px;
					border-color:000000;
					border-left-width:0px;
					opacity:.7;
					background-color:66ccff;
				}
				
				#searchimage{
					width:100%;
				}
				
				.topround{
					float:right;
					height:6vh;
					margin:1vh;
					margin-top:1vh;
				}
				
				#options{
					padding-right:2vw;
				}
				
				#options a{
					text-decoration:none;
					list-style-type:none;
					color:000000;
				}
				
				#mailNumber{
					position:absolute;
					right:31vh;
					top:6vh;
				}
				
				#notificationNumber{
					position:absolute;
					right:39vh;
					top:6vh;
				}
			
			}
			
			@media screen and (orientation:portrait) and (max-width:1023px) {
			
				#searchform{
					margin:0;
				}
			
				#searchbar{
					float:left;
					padding:1vw;
					margin-left:10vw;
					margin-top:1vw;
					height:8vw;
					width:30vw;
					border-style:solid;
					border-width:2px;
					border-color:000000;
					border-style:solid;
					opacity:.6;
					background-color:66ccff;
					font-size:5vw;
				}
			
				#searchsubmit{
					float:left;
					margin-left:2vw;
					margin-top:1.5vw;
					height:7vw;
					width:7vw;
					border-style:none;
					border-width:0px;
					border-color:000000;
					border-left-width:0px;
					opacity:.7;
					background-color:66ccff;
				}
				
				#searchimage{
					width:100%;
				}
				
				.topround{
					float:right;
					height:7vw;
					margin:1vw;
					margin-top:1.5vw;
				}
				
				#options{
					padding-right:2vw;
				}
				
				#options a{
					text-decoration:none;
					list-style-type:none;
					color:000000;
				}
			
				#mailNumber{
					position:absolute;
					right:30vw;
					top:6vw;
				}
				
				#notificationNumber{
					position:absolute;
					right:38vw;
					top:6vw;
				}
			
			}
			
			@media screen and (orientation:portrait) and (min-width:1024px) {
			
				#searchform{
					margin:0;
				}
			
				#searchbar{
					float:left;
					padding:1vw;
					margin-left:10vw;
					margin-top:1vw;
					height:6vw;
					width:30vw;
					border-style:solid;
					border-width:2px;
					border-color:000000;
					border-style:solid;
					opacity:.6;
					background-color:66ccff;
					font-size:5vw;
				}
			
				#searchsubmit{
					float:left;
					margin-left:2vw;
					margin-top:1.5vw;
					height:5vw;
					width:5vw;
					border-style:none;
					border-width:0px;
					border-color:000000;
					border-left-width:0px;
					opacity:.7;
					background-color:66ccff;
				}
				
				#searchimage{
					width:100%;
				}
				
				.topround{
					float:right;
					height:6vw;
					margin:1vw;
					margin-top:1.5vw;
				}
				
				#options{
					padding-right:2vw;
				}
				
				#options a{
					text-decoration:none;
					list-style-type:none;
					color:000000;
				}
				
				#mailNumber{
					position:absolute;
					right:27vw;
					top:6vw;
					font-size:2vh;
				}
				
				#notificationNumber{
					position:absolute;
					right:35vw;
					top:6vw;
					font-size:2vh;
				}
			}

/*Content Shape*/
			
			@media screen and (orientation:portrait) and (max-width:1023px) {
			
				#content{
					position:relative;
					float:right;
					margin:2vw;
					background-color:ffffff;
					width:85vw;
					border-style:solid;
					border-width:2px;
					border-color:4499cc;
					color:444444;
				}
				
				#reader{
					position:relative;
					width:95%;
					margin-left:2.5%;
					font-size:1.5em;
				}

				#wrapper{
					padding:5%;
				}
				
				#firsttime{
					width:15vw; 
					position:absolute; 
					top:9vw;
					right:0vw; 
					z-index:1;
				}
				
				.recentul{
					line-height:1.25em;
					padding:2vw;
				}
				
				.recentli{
					list-style-type:none;
					margin-bottom:2vw;
				}
				
			
				.headline{
					height:6vw;
				}

				.newscontent{
					font-size:1.2em;
				}

				#readerRight h3{
					margin-top:1em;
				}
			
				#col1{
					float:right;
					width:95%;
					padding:2.5%;
				}
				
				#col2{
					float:right;
					width:95%;
					padding:2.5%;
				}
				
				.contentdivider{
					clear:both;
				}
			
			}
			
			@media screen and (orientation:portrait) and (min-width:1024px) {
			
				#content{
					position:relative;
					float:right;
					margin:2vw;
					background-color:ffffff;
					width:90vw;
					border-style:solid;
					border-width:2px;
					border-color:4499cc;
					color:444444;
				}
				
				#reader{
					position:relative;
					width:95%;
					margin-left:2.5%;
					font-size:1.5em;
				}

				#wrapper{
					padding:5%;
				}
				
				#firsttime{
					width:15vw; 
					position:absolute; 
					top:9vw;
					right:0vw; 
					z-index:1;
				}
				
				.recentul{
					line-height:1.25em;
					padding:2vw;
				}
				
				.recentli{
					list-style-type:none;
					margin-bottom:2vw;
				}
				
			
				.headline{
					height:4vw;
				}

				.newscontent{
					font-size:1.2em;
				}

				#readerRight h3{
					margin-top:1em;
				}
			
				#col1{
					float:left;
					width:55%;
					padding:2.5%;
				}
				
				#col2{
					float:left;
					width:35%;
					padding:2.5%;
				}
				
				.contentdivider{
					clear:both;
				}
			
			}
			
			@media screen and (orientation:portrait) and (max-width:799px) {
			
				#readerRight{
					float:left;
					background-color:ffffff;
					width:98%;
					padding:1%;
				}

				#recentLeft{
					float:left;
					background-color:ffffff;
					width:98%;
					padding:1%;
				}
			}
			
			@media screen and (orientation:portrait) and (min-width:800px) {
			
				#readerRight{
					float:left;
					background-color:ffffff;
					width:58%;
					padding:1%;
				}
				
				

				#recentLeft{
					float:left;
					background-color:ffffff;
					width:38%;
					padding:1%;
				}
				
			}
			
			@media screen and (orientation:landscape) and (max-width:1023px) {
			
				#content{
					position:relative;
					float:right;
					margin:2vw;
					background-color:ffffff;
					width:85vw;
					border-style:solid;
					border-width:2px;
					border-color:4499cc;
					color:444444;
				}
				
				#reader{
					position:relative;
					width:95%;
					margin-left:2.5%;
					font-size:1.5em;
				}

				#wrapper{
					padding:5%;
				}
				
				#firsttime{
					width:10vw; 
					position:absolute; 
					top:9vw;
					right:0vw; 
					z-index:1;
				}
				
				.recentul{
					line-height:1.25em;
					padding:2vw;
				}
				
				.recentli{
					list-style-type:none;
					margin-bottom:2vw;
				}
			
				.headline{
					height:4vw;
				}

				.newscontent{
					font-size:1.2em;
					padding:2vw;
				}

				#readerRight h3{
					margin-top:1em;
				}
			
				#col1{
					float:left;
					width:55%;
					padding:2.5%;
				}
				
				#col2{
					float:left;
					width:35%;
					padding:2.5%;
				}
				
				.contentdivider{
					clear:both;
				}
				
				#readerRight{
					float:left;
					background-color:ffffff;
					width:58%;
					padding:1%;
				}
				
				

				#recentLeft{
					float:left;
					background-color:ffffff;
					width:38%;
					padding:1%;
				}
			
			}
			
			@media screen and (orientation:landscape) and (min-width:1024px) {
			
				#content{
					position:relative;
					float:right;
					margin:2vw;
					background-color:ffffff;
					width:92vw;
					border-style:solid;
					border-width:2px;
					border-color:4499cc;
					color:444444;
				}
				
				#reader{
					position:relative;
					width:95%;
					margin-left:2.5%;
					font-size:1.5em;
				}

				#wrapper{
					padding:5%;
				}
				
				#firsttime{
					width:10vw; 
					position:absolute; 
					top:9vw;
					right:0vw; 
					z-index:1;
				}
				
				.recentul{
					line-height:1.25em;
					padding:2vw;
				}
				
				.recentli{
					list-style-type:none;
					margin-bottom:2vw;
					font-size:3vh;
					line-height:4vh;
				}
			
				.headline{
					height:4vw;
				}

				.newscontent{
					font-size:1.2em;
					padding:2vw;
					font-size:3vh;
					line-height:4vh;
				}

				#readerRight h3{
					margin-top:1em;
				}
			
				#col1{
					float:left;
					width:55%;
					padding:2.5%;
				}
				
				#col2{
					float:left;
					width:35%;
					padding:2.5%;
				}
				
				.contentdivider{
					clear:both;
				}
				
				#readerRight{
					float:left;
					background-color:ffffff;
					width:58%;
					padding:1%;
				}	

				#recentLeft{
					float:left;
					background-color:ffffff;
					width:38%;
					padding:1%;
				}
			
			}
/*Message Search Tools*/

	@media screen and (max-width:1023px) {		
		
		#searchtools{
			background-image:url('../image/hash.png');
			background-attachment:fixed;
			width:100%;
			margin-top:1em;
			margin-bottom:1em;
			padding-top:1em;
			padding-bottom:1em;
		//	background-color:ff0000;
			border-style:solid;
			border-color:aa0000;
			border-width:2px;
		}
		
		#searchtools table td{
			font-size:3vh;
		}
		
		#searchtools select{
			height:8vh;
			background-color:#ffffff;
			font-size:3vh;
			width:60%;
			float:left;
		}
		
		#searchtools input{
			height:8vh;
			background-color:#ffffff;
			font-size:3vh;
			width:60%;
			float:left;
		}
		
		#searchtools button{
			font-size:3vh;
			height:8vh;
			width:60%;
			float:left;
		}
		
		#searchtools table{
			margin-left:2vw;
			margin-right:2vw;
			width:96vw;
		}
	}

	@media screen and (min-width:1024px) {		
		
		#searchtools{
			background-image:url('../image/hash.png');
			background-attachment:fixed;
			width:100%;
			margin-top:1em;
			margin-bottom:1em;
			padding-top:1em;
			padding-bottom:1em;
		//	background-color:ff0000;
			border-style:solid;
			border-color:aa0000;
			border-width:2px;
		}
		
		#searchtools table td{
			font-size:2vh;
		}
		
		#searchtools select{
			height:6vh;
			background-color:#ffffff;
			font-size:2vh;
			width:60%;
			float:left;
		}
		
		#searchtools input{
			height:6vh;
			background-color:#ffffff;
			font-size:2vh;
			width:60%;
			float:left;
		}
		
		#searchtools button{
			font-size:2vh;
			height:6vh;
			width:60%;
			float:left;
		}
		
		#searchtools table{
			margin-left:2vw;
			margin-right:2vw;
			width:96vw;
		}
	}
	
/*Worship & Message Tables*/

	@media screen and (orientation:portrait) and (max-width:1023px) {	
	
		#messageTable{
			clear:both;
		}

		#messages{
			table-layout:fixed;
			width:100%;
		}

		#messages th{
			width:20%;
			word-wrap: break-word;
		}

		#messages td{
			word-wrap: break-word;
			font-size:2vh;
			text-align:center;
		}
		
		#worshipUploadTable{
			width:100%;
			table-layout:fixed;
		}
		
		#worshipUploadTable thead th:nth-child(1){
			width:50%;
		}
		
		#worshipUploadTable thead th:nth-child(2){
			width:50%;
		}
		
		#worshipUploadTable td{
			word-wrap:break-word;
			font-size:2vh;
		}
		
		#worshipUploadTable input{
			width:100%;
		}
	
	}

	@media screen and (orientation:portrait) and (min-width:1024px) {	
	
		#messageTable{
			clear:both;
			font-size:2vh;
		}

		#messages{
			table-layout:fixed;
			width:100%;
		}

		#messages th{
			width:20%;
			word-wrap: break-word;
		}

		#messages td{
			word-wrap: break-word;
			font-size:3vh;
			text-align:center;
		}		
		
		#worshipUploadTable{
			width:100%;
			table-layout:fixed;
		}
		
		#worshipUploadTable thead th:nth-child(1){
			width:50%;
		}
		
		#worshipUploadTable thead th:nth-child(2){
			width:50%;
		}
		
		#worshipUploadTable td{
			word-wrap:break-word;
			font-size:2vh;
		}
		
		#worshipUploadTable input{
			height:4vw;
			font-size:2vh;
			width:100%;
		}
		
		#worshipUploadTable button{
			height:4vw;
			font-size:2vh;
			width:100%;
		}
	
	}
	
	@media screen and (orientation:landscape) and (max-width:1023px) {	
	
		#messageTable{
			clear:both;
		}

		#messages{
			table-layout:fixed;
			width:100%;
		}

		#messages th{
			width:20%;
			word-wrap: break-word;
		}

		#messages td{
			word-wrap: break-word;
			font-size:2vw;
			text-align:center;
		}
	
		#worshipUploadTable{
			width:100%;
			table-layout:fixed;
		}
		
		#worshipUploadTable thead th:nth-child(1){
			width:50%;
		}
		
		#worshipUploadTable thead th:nth-child(2){
			width:50%;
		}
		
		#worshipUploadTable td{
			word-wrap:break-word;
			font-size:2vw;
		}
		
		#worshipUploadTable input{
			width:100%;
		}
	
	}

	@media screen and (orientation:landscape) and (min-width:1024px) {	
	
		#messageTable{
			clear:both;
		}
		
		#messageTable td{
			font-size:3vh;
		}

		#messages{
			table-layout:fixed;
			width:100%;
		}

		#messages th{
			width:20%;
			word-wrap: break-word;
			font-size:2vw;
		}

		#messages td{
			word-wrap: break-word;
			font-size:3vh;
			text-align:center;			
		}		
	
		#worshipUploadTable{
			width:100%;
			table-layout:fixed;
		}
		
		#worshipUploadTable thead th:nth-child(1){
			width:50%;
		}
		
		#worshipUploadTable thead th:nth-child(2){
			width:50%;
		}
		
		#worshipUploadTable td{
			word-wrap:break-word;
			font-size:2vh;
		}
		
		#worshipUploadTable input{
			height:4vw;
			font-size:2vh;
			width:100%;
		}
		
		#worshipUploadTable button{
			height:4vw;
			font-size:2vh;
			width:100%;
		}
	
	}


/*Library Table*/
	
	@media screen and (orientation:portrait) and (max-width:1023px) {		
		
		#library{
			border-collapse: collapse;
			table-layout:fixed;
			width:100%;
		}

		#library th{
			width:33%;
		}

		#library td{
			border-style:solid;
			border-color:black;
			border-width:2px;
			word-wrap:break-word;
			font-size:2vh;
		}
		
		#messageTable{
			table-layout:fixed;
			width:100%;		
		}
		
		#messageTable td{
			text-align:left;
			font-size:2vh;
		}
		
	}

	@media screen and (orientation:portrait) and (min-width:1024px) {	
		
		#library{
			border-collapse: collapse;
			table-layout:fixed;
			width:100%;
		}

		#library th{
			width:33%;
		}

		#library td{
			border-style:solid;
			border-color:black;
			border-width:2px;
			word-wrap:break-word;
			font-size:3vh;
		}
	
		#messageTable td{
			text-align:left;
			font-size:3vh;
		}
	
	}
	
	@media screen and (orientation:landscape) and (max-width:1023px) {		
		
		#library{
			border-collapse: collapse;
			table-layout:fixed;
			width:100%;
		}

		#library th{
			width:33%;
		}

		#library td{
			border-style:solid;
			border-color:black;
			border-width:2px;
			word-wrap:break-word;
			font-size:2vw;
		}
		
		#messageTable{
			table-layout:fixed;
			width:100%;		
		}
		
		#messageTable td{
			text-align:left;
			font-size:2vw;
		}
		
	}

	@media screen and (orientation:landscape) and (min-width:1024px) {	
		
		#library{
			border-collapse: collapse;
			table-layout:fixed;
			width:100%;
		}

		#library th{
			width:33%;
		}

		#library td{
			border-style:solid;
			border-color:black;
			border-width:2px;
			word-wrap:break-word;
			font-size:3vh;
		}
	
		#messageTable td{
			text-align:left;
			font-size:3vh;
		}
	
	}

/*Other stuff*/	
	
	@media screen and (orientation:landscape) and (max-width:1023px) {	
	
		.check{
			float:left;
			width:12vh;
		}

		.next{
			float:right;
			width:12vh;
		}
		
		#elderNav img{
			float:right;
			height:12vh;
			width:12vh;
			margin:1vw;
		}
		
		#circlelisttable{
			width:100%; 
			table-layout:fixed;
		}
		
		#circlelisttable td{
			word-wrap:break-word;
		}

		.circlelistx{
			height:5vw;
		}
		
		#accomplishments{
			width:100%;
			margin-top:5%;
		}
		
		#notificationsTable td{
			word-wrap:break-word;
			font-size:4vh;
		}
		
		.tableCheck{
			height:4vh;
		}
	}
	
	@media screen and (orientation:landscape) and (min-width:1024px) {	
	
		.check{
			float:left;
			width:6vh;
		}

		.next{
			float:right;
			width:6vh;
		}
		
		#elderNav img{
			float:right;
			height:6vh;
			width:6vh;
			margin:1vh;
		}
		
		.searchinfotd{
			width:60%;
			font-size:3vh;
		}
		
		#mailheaders td{
			font-size:2.5vh;
		}
		
		#circlelisttable{
			width:60%; 
			table-layout:fixed;
		}

		#circlelisttable td{
			word-wrap:break-word;
		}
		
		.circlelistx{
			height:5vh;
		}
		
		#accomplishments{
			font-size:3vh;
			line-height:4vh;
			width:100%;
			margin-top:5%;
		}
	
		#notificationsTable td{
			word-wrap:break-word;
			font-size:3vh;
		}
	
		.tableCheck{
			height:3vh;
		}
	
	}
	
	@media screen and (orientation:portrait) and (max-width:1023px) {	
	
		.check{
			float:left;
			width:8vw;
		}

		.next{
			float:right;
			width:8vw;
		}
		
		#elderNav img{
			float:right;
			height:8vw;
			width:8vw;
			margin:1vw;
		}	
	
		#circlelisttable{
			width:100%; 
			table-layout:fixed;
		}
	
		#circlelisttable td{
			word-wrap:break-word;
		}
	
		.circlelistx{
			height:5vw;
		}
	
		#accomplishments{
			width:100%;
			margin-top:5%;
		}
	
		#notificationsTable td{
			word-wrap:break-word;
			font-size:4vw;
		}
		
		.tableCheck{
			height:4vw;
		}
	
	}
	
	@media screen and (orientation:portrait) and (min-width:1024px) {	
	
		.check{
			float:left;
			width:6vw;
		}

		.next{
			float:right;
			width:6vw;
		}
		
		#elderNav img{
			float:right;
			height:6vw;
			width:6vw;
			margin:1vh;
		}
		
		#circlelisttable{
			width:100%; 
			table-layout:fixed;
		}

		.circlelistx{
			height:5vw;
		}
		
		#circlelisttable td{
			word-wrap:break-word;
		}
		
		#accomplishments{
			width:100%;
			margin-top:5%;
		}
	
		#notificationsTable td{
			word-wrap:break-word;
			font-size:3vw;
		}
	
		.tableCheck{
			height:3vw;
		}
	
	}

/*Create Table*/
	
	@media screen and (orientation:landscape) and (max-width:1023px) {	
		#createTable{
			 border-collapse:collapse; 
			 table-layout:fixed; 
			 width:100%;
			 margin:0;
		}
		
		#createTable td{
			padding:0;
			word-wrap:break-word;
			text-align:center;
		}
		
		#createTable thead th:nth-child(1){
			width:33%;
		}
		
		#createTable thead th:nth-child(2){
			width:34%;
		}
		
		#createTable thead th:nth-child(3){
			width:33%;
		}
		
		#createTable td input{
			width:100%;
		}
		
		#createTable td select{
			width:100%;
		}
		
		#createTable td img{
			width:100%;
		}
		
		#createTable td button{
			width:100%;
		}
	}

	@media screen and (orientation:landscape) and (min-width:1024px) {		
		#createTable{
			 border-collapse:collapse; 
			 table-layout:fixed; 
			 width:100%;
			 margin:0;
		}
		
		#createTable td{
			padding:0;
			word-wrap:break-word;
			text-align:center;
			font-size:3vh;
		}
		
		#createTable thead th:nth-child(1){
			width:33%;
		}
		
		#createTable thead th:nth-child(2){
			width:34%;
		}
		
		#createTable thead th:nth-child(3){
			width:33%;
		}
		
		#createTable td input{
			width:100%;
			font-size:3vh;
			height:4vh;
		}
		
		#createTable td select{
			width:100%;
			font-size:3vh;
			height:4vh;
		}
		
		#createTable td img{
			width:100%;
			font-size:3vh;
			height:5vh;
		}
		
		#createTable td button{
			width:100%;
			font-size:3vh;
			height:4vh;
		}
	}
	
	@media screen and (orientation:portrait) and (max-width:1023px) {	
		#createTable{
			 border-collapse:collapse; 
			 table-layout:fixed; 
			 width:100%;
			 margin:0;
		}
		
		#createTable td{
			padding:0;
			word-wrap:break-word;
			text-align:center;
		}
		
		#createTable thead th:nth-child(1){
			width:33%;
		}
		
		#createTable thead th:nth-child(2){
			width:34%;
		}
		
		#createTable thead th:nth-child(3){
			width:33%;
		}
		
		#createTable td input{
			width:100%;
		}
		
		#createTable td select{
			width:100%;
		}
		
		#createTable td img{
			width:100%;
		}
		
		#createTable td button{
			width:100%;
		}
	}

	@media screen and (orientation:portrait) and (min-width:1024px) {	
		#createTable{
			 border-collapse:collapse; 
			 table-layout:fixed; 
			 width:100%;
			 margin:0;
		}
		
		#createTable td{
			padding:0;
			word-wrap:break-word;
			text-align:center;
			font-size:3vh;
		}
		
		#createTable thead th:nth-child(1){
			width:33%;
		}
		
		#createTable thead th:nth-child(2){
			width:34%;
		}
		
		#createTable thead th:nth-child(3){
			width:33%;
		}
		
		#createTable td input{
			width:100%;
			font-size:3vh;
			height:4vh;
		}
		
		#createTable td select{
			width:100%;
			font-size:3vh;
			height:4vh;
		}
		
		#createTable td img{
			width:100%;
			font-size:3vh;
			height:5vh;
		}
		
		#createTable td button{
			width:100%;
			font-size:3vh;
			height:4vh;
		}
	}
	
/*Inbox*/
	
	@media screen and (orientation:landscape) and (max-width:1023px) {	
		#inboxTable{
			 border-collapse:collapse; 
			 table-layout:fixed; 
			 width:100%;
			 margin:0;
		}
		
		#inboxTable td{
			padding:0;
			word-wrap:break-word;
			text-align:center;
		}
		
		#inboxTable thead th:nth-child(1){
			width:10%;
		}
		
		#inboxTable thead th:nth-child(2){
			width:17%;
			word-wrap:break-word;
		}
		
		#inboxTable thead th:nth-child(3){
			width:17%;
			word-wrap:break-word;
		}
		
		#inboxTable thead th:nth-child(4){
			width:17%;
			word-wrap:break-word;
		}
		
		#inboxTable thead th:nth-child(5){
			width:17%;
			word-wrap:break-word;
		}
		
		#inboxTable thead th:nth-child(6){
			width:17%;
			word-wrap:break-word;
		}
		
		#inboxTable thead th:nth-child(7){
			width:5%;
			word-wrap:break-word;
		}
	}

	@media screen and (orientation:landscape) and (min-width:1024px) {	
		#inboxTable{
			 border-collapse:collapse; 
			 table-layout:fixed; 
			 width:100%;
			 margin:0;
		}
		
		#inboxTable td{
			padding:0;
			word-wrap:break-word;
			text-align:center;
			font-size:2vh;
		}
		
		#inboxTable thead th:nth-child(1){
			width:10%;
		}
		
		#inboxTable thead th:nth-child(2){
			width:17%;
			word-wrap:break-word;
		}
		
		#inboxTable thead th:nth-child(3){
			width:17%;
			word-wrap:break-word;
		}
		
		#inboxTable thead th:nth-child(4){
			width:17%;
			word-wrap:break-word;
		}
		
		#inboxTable thead th:nth-child(5){
			width:17%;
			word-wrap:break-word;
		}
		
		#inboxTable thead th:nth-child(6){
			width:17%;
			word-wrap:break-word;
		}
		
		#inboxTable thead th:nth-child(7){
			width:5%;
			word-wrap:break-word;
		}
		

	}
	
	@media screen and (orientation:portrait) and (max-width:1023px) {	
		#inboxTable{
			 border-collapse:collapse; 
			 table-layout:fixed; 
			 width:100%;
			 margin:0;
		}
		
		#inboxTable td{
			padding:0;
			word-wrap:break-word;
		}
		
		#inboxTable thead th:nth-child(1){
			width:0%;
		}
		
		#inboxTable thead th:nth-child(2){
			width:20%;
			word-wrap:break-word;
		}
		
		#inboxTable thead th:nth-child(3){
			width:20%;
			word-wrap:break-word;
		}
		
		#inboxTable thead th:nth-child(4){
			width:20%;
			word-wrap:break-word;
		}
		
		#inboxTable thead th:nth-child(5){
			width:20%;
			word-wrap:break-word;
		}
		
		#inboxTable thead th:nth-child(6){
			width:15%;
			word-wrap:break-word;
		}
		
		#inboxTable thead th:nth-child(7){
			width:5%;
			word-wrap:break-word;
		}
	}

	@media screen and (orientation:portrait) and (min-width:1024px) {	
		#inboxTable{
			 border-collapse:collapse; 
			 table-layout:fixed; 
			 width:100%;
			 margin:0;
		}
		
		#inboxTable td{
			padding:0;
			word-wrap:break-word;
			text-align:center;
			font-size:2vh;
		}
		
		#inboxTable thead th:nth-child(1){
			width:10%;
		}
		
		#inboxTable thead th:nth-child(2){
			width:18%;
			word-wrap:break-word;
		}
		
		#inboxTable thead th:nth-child(3){
			width:18%;
			word-wrap:break-word;
		}
		
		#inboxTable thead th:nth-child(4){
			width:18%;
			word-wrap:break-word;
		}
		
		#inboxTable thead th:nth-child(5){
			width:18%;
			word-wrap:break-word;
		}
		
		#inboxTable thead th:nth-child(6){
			width:18%;
			word-wrap:break-word;
		}
		
		#inboxTable thead th:nth-child(7){
			width:10%;
			word-wrap:break-word;
		}
	}
	
/*New mail message*/	
	@media screen and (orientation:portrait) and (max-width:1023px) {
		#newmessage td{
			font-size:2vh;
		}
		
		#newmessage select{
			height:3vh;
			font-size:2vh;
		}
		
		#newmessage input{
			height:3vh;
			font-size:2vh;
		}
		
		#newmessage button{
			height:3vh;
			font-size:2vh;
		}
		
		#newmessage textarea{
			font-size:2vh;
		}
	}
	
	@media screen and (orientation:landscape) and (max-width:1023px) {
		#newmessage td{
			font-size:3vw;
		}
		
		#newmessage select{
			height:4vw;
			font-size:2vw;
		}
		
		#newmessage input{
			height:4vw;
			font-size:2vw;
		}
		
		#newmessage button{
			height:4vw;
			font-size:2vw;
		}
		
		#newmessage textarea{
			font-size:3vw;
		}
	}
	
	@media screen and (min-width:1024px) {
		#newmessage td{
			font-size:3vh;
		}
		
		#newmessage select{
			height:4vh;
			font-size:3vh;
		}
		
		#newmessage input{
			height:4vh;
			font-size:3vh;
		}
		
		#newmessage button{
			height:4vh;
			font-size:3vh;
		}
		
		#newmessage textarea{
			font-size:3vh;
		}
	}
	
	#newmessage{
		width:100%;
	}
	
	#newmessage wide{
		width:66%;
	}
	
	#newmessage input{
		width:100%;
	}
	
	#newmessage textarea{
		width:100%;
		height:5em;
	}
	
	#newmessage select{
		width:100%;
	}
	
#ContactError{
	color:ff0000;
	border-style:solid;
	border-color:ff0000;
	border-width:2px;
	width:90%;
	margin:0px;
	padding-top:1em;
	padding-bottom:1em;
}

h3{
	font-family:bodoni mt, serif;
	font-size:1.5em;
}

td{
	padding:.5em;
}

#shadow{
	position:fixed;
	right:0px;
	top:0px;
	width:100%;
	height:100%;
	background-color:000000;
	z-index:-1;
	opacity:0;
}

.question{
	position:fixed;
	top:10vh;
	left:10vw;
	width:70vw;
	height:70vh;
	background-color:ffffcc;
	z-index:-1;
	opacity:0;
	padding-top:5vh;
	padding-left:5vw;
	padding-bottom:5vh;
	padding-right:5vw;
	font-size:4vh;
	box-shadow:10px 10px 15px 000000;
}

#announcementTable{
	width:90%;
	margin-left:5%;
}

#announcementTable input, #announcementTable textarea, #announcementTable select{
	width:100%;
}

#announcementTD1{
	width:25%;
}

#announcementTD2{
	width:75%;
}

#announcementText{
	height:10em;
}

#announcementTable textarea{
	height:100%;
}

			#profilepic{
				width:100%;
				border-style:solid;
				border-color:4499cc;
				border-width:2px;
			}
			
			#nonmember{
				position:absolute;
			}
			
			#badges{
				width:100%;
				margin-top:16px;
			}
			
			.badge{
				float:left;
				width:18%;
				margin:1%;
			}
			
			#basics{
				width:90%;
				margin-left:5%;
			}
			
			h1, h2, h3 {
				margin-top:0px;
				margin-bottom:0px;				
			}
			
			h1{
				font-size:32px;
			}
			
			h3{
				font-size:26px;
			}
			
			#basics span{
				position:relative;
				line-height:1.5em;
				font-size:1.25em;
			}
			
			#basics a{
				color:4499cc;
				text-decoration:none;
			}
			
			#picChange{
				position:relative;
				line-height:1.5em;
				font-size:1.25em;
			}
			
			#picChange{
				color:4499cc;
				text-decoration:none;
			}
			
			#transactionLink{
				position:relative;
				line-height:1.5em;
				color:4499cc;
				text-decoration:none;
			}
			
			#mailimage{
				height:16px;
			}
			
			h2{
				font-size:28px;
			}
			
			.chronix{
				height:.8em;
				position:relative;
				top:0em;
			}
			
			#searchtable{
				width:100%;
			}
			
			.searchpictd{
				width:40%;
			}
			
			.searchinfotd a{
				color:4499cc;
				text-decoration:none;
			}
			
			.searchthumbnail{
				width:100%;
			}
			
			#chronixtransfer td{
				word-wrap:break-word;
			}