body {
	background-color: #ffffff;
	color: #222222;
	margin: 0;
	padding: 0;
	font-family: 'Raleway', sans-serif;
	max-width: 100%;
	overflow-x: hidden;
}

/*
img {
	max-width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
}
*/

#TopBanner {
	margin: auto;
	border-bottom: solid 2px #888888;
	position: relative;
	background-position: center;
	background-size: cover;
	background-color: #0099aa;
	height: 72px;
}

#Footer {
	background-color: #888888;
	color: #ffffff;
	padding: 10px;
	box-shadow: 0px 4000px 0px 4000px #888888;
}

#major {
	background-color: #ffffff;
	width: 76%;
	margin: 0 12% 0 12%;
	padding: 5px 10px 5px 5px;
	clear: both;
	position: relative;
	overflow: auto;
	overflow-x: hidden;
	min-height: 90%;
}

#momajor {
	background-color: #ffffff;
	width: 100%;
	margin: 0 auto;
	clear: both;
	position: relative;
	overflow: auto;
	overflow-x: hidden;
	font-size: 140%;
}

h1 {
	font-size: 320%;
	font-weight: normal;
	font-family: 'Kotta One', serif;
	color: #ffffff;
	margin: 5px;
}

h2 {
	font-size: 200%;
	font-weight: normal;
	font-family: garamond, serif;
	color: #0099aa;
	margin: 0;
	padding: 0;
}

h3 {
	font-size: 150%;
	font-weight: normal;
	font-family: garamond, serif;
	color: #0099aa;
	margin: 0;
	padding: 0;
}

subh {
	font-weight: normal;
	font-family: garamond, serif;
	color: #0099aa;
}

.menubar{
	width: 12.3%;
	display: inline-block;
	text-align: center;
	font-family: 'Raleway', sans-serif;
	font-size: 120%;
	color: #ffffff;
	padding: 20px 0 20px 0;
}

.momenubar{
	width: 25%;
	display: inline-block;
	vertical-align: bottom;
	font-family: 'Raleway', sans-serif;
	font-size: 200%;
	color: #000000;
	padding: 10px 0 10px 0;
}

.menutitle{
	width: 24.6%;
	display: inline-block;
	vertical-align: bottom;
	text-align: center;
	text-decoration: none;
	font-family: 'Kotta One', serif;
	font-size: 320%;
}

.momenutitle{
	width: 45%;
	display: inline-block;
	vertical-align: bottom;
	text-align: center;
	text-decoration: none;
	font-family: 'Kotta One', serif;
	font-size: 320%;
}

.menubar2{
	width: 8%;
	display: inline-block;
	text-align: center;
	color: #00eeee;
}

a.menu:link{
	color: #ffffff;
	text-decoration: none;
	text-shadow: 1px 1px 3px #111111;
}

a.menu:hover{
	color: #ddffff;
}

a.menu:visited{
	color: #ffffff;
	text-decoration: none;
}

a.menutitle:visited{
	color: #ffffff;
	text-decoration: none;
}

a:visited {
	color: #0099cc;
	text-decoration: none;
}

.minih {
	font-weight: normal;
	font-family: Tisa, sans-serif;
	color: #0099aa;
}

.center_block {
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	width: 85%;
}

.btn {
	-webkit-border-radius: 2;
	-moz-border-radius: 2;
	border-radius: 2px;
	-webkit-box-shadow: 0px 1px 3px #333333;
	-moz-box-shadow: 0px 1px 3px #333333;
	box-shadow: 0px 1px 3px #333333;
	color: #ffffff;
	font-weight: bold;
	background: #0099aa;
	padding: 8px 10px 8px 10px;
	text-decoration: none;
	border: 0;
	display: inline-block;
}


a.btn{
	text-decoration: none;
	color: #ffffff;
}


.btn:hover {

	background: #00cccc;
	text-decoration: none;

}

.btn_plain {
	-webkit-border-radius: 2;
	-moz-border-radius: 2;
	border-radius: 2px;
	-webkit-box-shadow: 0px 1px 3px #333333;
	-moz-box-shadow: 0px 1px 3px #333333;
	box-shadow: 0px 1px 3px #333333;
	color: #ffffff;
	font-weight: bold;
	background: #228822;

	padding: 8px 10px 8px 10px;
	text-decoration: none;
	border: 0;
	display: inline-block;
}



.nlbtn {
	-webkit-border-radius: 2;
	-moz-border-radius: 2;
	border-radius: 2px;
	-webkit-box-shadow: 0px 1px 3px #333333;
	-moz-box-shadow: 0px 1px 3px #333333;
	box-shadow: 0px 1px 3px #333333;
	color: #ffffff;
	font-weight: bold;
	font-size: 100%;
	background: #228822;

	padding: 8px;
	margin: 2px 4px;
	width: 96px;
	text-decoration: none;
	border: 0;
	display: inline-block;
	text-align: center;
	text-shadow: none;

}


.nlbtn:hover {

	background: #22aa22;
	text-decoration: none;

}

a.nlbtn{
	text-decoration: none;
	color: #ffffff;
}

.setbtn {
	-webkit-border-radius: 2;
	-moz-border-radius: 2;
	border-radius: 2px;
	-webkit-box-shadow: 0px 1px 3px #333333;
	-moz-box-shadow: 0px 1px 3px #333333;
	box-shadow: 0px 1px 3px #333333;
	color: #ffffff;
	font-weight: bold;
	font-size: 90%;
	background: #228822;

	padding: 12px 8px 12px 8px;
	margin: 15px;
	width: 120px;
	text-decoration: none;
	border: 0;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
}


.setbtn:hover {

	background: #22aa22;
	text-decoration: none;

}

a.setbtn{
	text-decoration: none;
	color: #ffffff;
}


.btnreq {
	-webkit-border-radius: 2;
	-moz-border-radius: 2;
	border-radius: 2px;
	-webkit-box-shadow: 0px 1px 3px #333333;
	-moz-box-shadow: 0px 1px 3px #333333;
	box-shadow: 0px 1px 3px #333333;
	color: #117711;
	font-weight: bold;
	font-size: 90%;
	background: #e0b010;

	padding: 8px;
	text-decoration: none;
	display: inline-block;
}


.btnreq:hover {
	color: #228822;
	background: #f0c010;
	text-decoration: none;
}



.btnsrch {
	-webkit-border-radius: 2;
	-moz-border-radius: 2;
	border-radius: 2px;
	-webkit-box-shadow: 0px 1px 3px #333333;
	-moz-box-shadow: 0px 1px 3px #333333;
	box-shadow: 0px 1px 3px #333333;
	color: #ffffff;
	font-weight: bold;
	font-size: 90%;
	background: #228822;

	padding: 8px 10px 8px 10px;
	text-decoration: none;
	border: 1 solid #228822;
	display: inline-block;
}




.btnsrch:hover {

	background: #22aa22;
	text-decoration: none;

}



.linkbtn {
	background-color: transparent;
	text-decoration: none;
	border: none;
	color: #228822;
	cursor: pointer;
}

.btnicon {

	-webkit-box-shadow: 1px 1px 1px #aaaaaa;
	-moz-box-shadow: 1px 1px 1px #aaaaaa;
	box-shadow: 1px 1px 1px #aaaaaa;
	border: 0;
	display: inline-block;
}



.half_main{
	padding: 10px;
	width: 38%;
	display: inline-block;
	vertical-align: top;
}

.third_main{
	display: inline-block;
	padding: 8px;
	vertical-align: top;
	width: calc(33% - 23px);
}



.half_tile {
	padding: 10px;
	width: calc(50% - 38px);
	display: inline-block;
	vertical-align: top;
	-webkit-border-radius: 4;
	-moz-border-radius: 4;
	border-radius: 4px;
	-webkit-box-shadow: 1px 1px 2px 1px #666666;
	-moz-box-shadow: 1px 1px 2px 1px #666666;
	box-shadow: 1px 1px 2px 1px #666666;
	overflow: auto;
}

.photo_shadow {
	-webkit-box-shadow: 1px 1px 2px 1px #666666;
	-moz-box-shadow: 1px 1px 2px 1px #666666;
	box-shadow: 1px 1px 2px 1px #666666;
}


input[type=checkbox] + label {
	opacity: 0.4;
}
input[type=checkbox]:checked + label {
	opacity: 1;
}

input[type=radio] + label {
	opacity: 0.4;
}
input[type=radio]:checked + label {
	opacity: 1;
}

.pho_back{
	display: none;
	opacity: 0.8;
	background-color: #444444;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: 0;
}

.pho_big{
	opacity: 1;
	background-color: #ffffff;
	color: #000000;
	height: 720px;
	position: absolute;
	z-index: 3;
}






/*FILE UPLOADER*/
.file_uploading {
    margin-top: 15px;
}

.hidden {
    display: none;
}
.gallery { 
	width:100%; 
	float:left; 
}
.gallery ul{ 
	margin:0;
	padding:0; 
	list-style-type:none;
}
.gallery ul li{ 
	padding:7px; 
	border:2px solid #ccc;
	float:left;
	margin:10px 7px;
	background:none; 
	width:auto; 
	height:auto;
}
.images {
	width:200px;
	height:200px;
}
.progress { 
	position: relative;
	width: 400px;
	padding: 1px;
	border: 1px solid #ddd;
	border-radius: 3px;
}
.bar {
	background-color: #0099aa;
	width: 0%;
	height: 32px;
	border-radius: 3px;
}
.percent {
	position: absolute;
	display: inline-block;
	top: 1px;
	left: 48%;
	font-size: 80%;
}
/*END FILE UPLOADER*/





.phomain{
	display: inline-block;
	margin: 5%;
	width: calc(40% - 8px);
	position: relative;
	border: 4px solid #0099aa;
	-webkit-border-radius: 2;
	-moz-border-radius: 2;
	border-radius: 2px;
	cursor: pointer;
}

.capmain{
	display: inline-block;
	margin: 0 5% 5% 5%;
	width: calc(40% - 8px);
	position: relative;
	opacity: 0;
	text-align: center;
	transition: opacity 0.3s linear;
}

.capmain_This{
	display: inline-block;
	margin: 0 0 4% 5%;
	width: calc(40% - 8px);
	position: relative;
	vertical-align: top;
	opacity: 1;
	text-align: center;
	transition: opacity 0.3s linear;
	font-size: 200%;
	color: #0099aa;
}

.capmain_That{
	display: inline-block;
	margin: 0 5% 4% 0;
	width: calc(40% - 8px);
	position: relative;
	vertical-align: top;
	opacity: 1;
	text-align: center;
	transition: opacity 0.3s linear;
	font-size: 200%;
	color: #0099aa;
}


.capmain_or{
	display: inline-block;
	margin: 0;
	width: 10%;
	position: relative;
	vertical-align: top;
	opacity: 1;
	text-align: center;
	transition: opacity 0.3s linear;
	font-size: 160%;
	color: #0099aa;
}


.leftwin{
	display: inline-block;
	margin: 5%;
	width: calc(40% - 8px);
	position: relative;
	border: 4px solid #0099aa;
	-webkit-animation-name: LW;
	-webkit-animation-duration: 1.2s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode: forwards;
}

@-webkit-keyframes LW {
	0%	{left:0%;}
	4%	{left:-0.5%;}
	8%	{left:-0.8%;}
	12%	{left:-0.9%;}
	16%	{left:-0.6%;}
	20%	{left:0.3%;}
	24%	{left:1.8%;}
	28%	{left:3.9%;}
	32%	{left:5.6%;}
	36%	{left:8.9%;}
	38%	{left:11%;}
	41%	{left:10%;}
 	45%	{left:9.4%;}
 	49%	{left:9.2%;}
 	100%	{left:9.2%;}
}

.rightwin{
	display: inline-block;
	margin: 5%;
	width: calc(40% - 8px);
	position: relative;
	border: 4px solid #0099aa;
	-webkit-animation-name: RW;
	-webkit-animation-timing-function: linear;
	-webkit-animation-duration: 1.2s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode: forwards;
}

@-webkit-keyframes RW {
	0%	{right:0%;}
	4%	{right:-0.5%;}
	8%	{right:-0.8%;}
	12%	{right:-0.9%;}
	16%	{right:-0.6%;}
	20%	{right:0.3%;}
	24%	{right:1.8%;}
	28%	{right:3.9%;}
	32%	{right:5.6%;}
	36%	{right:8.9%;}
	38%	{right:11%;}
	41%	{right:10%;}
 	45%	{right:9.4%;}
 	49%	{right:9.2%;}
 	100%	{right:9.2%;}
}

.leftlose{
	display: inline-block;
	margin: 5%;
	width: calc(40% - 8px);
	position: relative;
	border: 4px solid #0099aa;
	-webkit-animation-name: LL;
	-webkit-animation-duration: 1.2s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode: forwards;
}

@-webkit-keyframes LL {
	0%	{right:0%;}
	38%	{right:0%; opacity:1;}
	100%	{right:50%; opacity:0;}
}

.rightlose{
	display: inline-block;
	margin: 5%;
	width: calc(40% - 8px);
	position: relative;
	border: 4px solid #0099aa;
	-webkit-animation-name: RL;
	-webkit-animation-duration: 1.2s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode: forwards;
}

@-webkit-keyframes RL {
	0%	{left:0%;}
	38%	{left:0%; opacity:1;}
	100%	{left:50%; opacity:0;}
}








.phomtop{
	display: block;
	margin: 0 auto;
	width: 60%;
	position: relative;
	border: 4px solid #0099aa;
	-webkit-border-radius: 2;
	-moz-border-radius: 2;
	border-radius: 2px;
	cursor: pointer;
}

.phombot{
	display: block;
	margin: 0 auto;
	width: 60%;
	position: relative;
	border: 4px solid #0099aa;
	-webkit-border-radius: 2;
	-moz-border-radius: 2;
	border-radius: 2px;
	cursor: pointer;
}


.captop{
	display: block;
	margin: 60px auto 40px auto;
	width: 80%;
	position: relative;
	opacity: 1;
	text-align: center;
	transition: opacity 0.3s linear;
	font-size: 240%;
	color: #0099aa;
}

.capbot{
	display: block;
	margin: 40px auto 60px auto;
	width: 80%;
	position: relative;
	opacity: 1;
	text-align: center;
	transition: opacity 0.3s linear;
	font-size: 240%;
	color: #0099aa;
}

.capmo_or{
	display: block;
	margin: 30px auto;
	width: 60%;
	position: relative;
	opacity: 1;
	text-align: center;
	transition: opacity 0.3s linear;
	font-size: 200%;
	color: #0099aa;
}


.topwin{
	display: block;
	margin: 0 auto;
	width: 60%;
	position: relative;
	border: 4px solid #0099aa;
	-webkit-animation-name: TW;
	-webkit-animation-duration: 1.2s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode: forwards;
}

@-webkit-keyframes TW {
	0%	{top:-10px;}
	4%	{top:-16px;}
	8%	{top:-18px;}
	12%	{top:-16px;}
	16%	{top:-10px;}
	20%	{top:0px;}
	24%	{top:10px;}
	28%	{top:24px;}
	32%	{top:42px;}
	36%	{top:64px;}
	38%	{top:90px;}
	41%	{top:80px;}
 	45%	{top:74px;}
 	49%	{top:72px;}
 	100%	{top:72px;}
}

.botwin{
	display: block;
	margin: 0 auto;
	width: 60%;
	position: relative;
	border: 4px solid #0099aa;
	-webkit-animation-name: BW;
	-webkit-animation-timing-function: linear;
	-webkit-animation-duration: 1.2s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode: forwards;
}

@-webkit-keyframes BW {
	0%	{bottom:-10px;}
	4%	{bottom:-16px;}
	8%	{bottom:-18px;}
	12%	{bottom:-16px;}
	16%	{bottom:-10px;}
	20%	{bottom:0px;}
	24%	{bottom:10px;}
	28%	{bottom:24px;}
	32%	{bottom:42px;}
	36%	{bottom:64px;}
	38%	{bottom:90px;}
	41%	{bottom:80px;}
 	45%	{bottom:74px;}
 	49%	{bottom:72px;}
 	100%	{bottom:72px;}
}

.toplose{
	display: block;
	margin: 0px auto;
	width: 60%;
	position: relative;
	border: 4px solid #0099aa;
	-webkit-animation-name: TL;
	-webkit-animation-duration: 1.2s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode: forwards;
}

@-webkit-keyframes TL {
	0%	{bottom:0px;}
	38%	{bottom:0px; opacity:1;}
	100%	{bottom:500px; opacity:0;}
}

.botlose{
	display: block;
	margin: 0 auto;
	width: 60%;
	position: relative;
	border: 4px solid #0099aa;
	-webkit-animation-name: BL;
	-webkit-animation-duration: 1.2s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode: forwards;
}

@-webkit-keyframes BL {
	0%	{top:0px;}
	38%	{top:0px; opacity:1;}
	100%	{top:500px; opacity:0;}
}


.thumb{
	width: 100%;
}

.best{
	display: inline-block;
	margin: auto;
	width: 24%;
	padding: 40px 0;
	text-align: left;
}






.pho_tile {
	display: inline-block;
	position: relative; /*Hovercap*/
/*	text-align: center;*/
	margin: 8px 4px;
	width: calc(20% - 10px);
	overflow: hidden;
	vertical-align: top;
}

.phomo_tile {
	display: inline-block;
	position: relative; /*Hovercap*/
/*	text-align: center;*/
	margin: 3px;
	width: calc(25% - 10px);
	overflow: hidden;
}

.pho_shadow {
	width: 100%;
	-webkit-box-shadow: 1px 1px 2px 1px #666666;
	-moz-box-shadow: 1px 1px 2px 1px #666666;
	box-shadow: 1px 1px 2px 1px #666666;
}

.pho_back{
	display: none;
	opacity: 0.8;
	background-color: #444444;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: 0;
	text-align: center;
}


.srch_tile {
	display: inline-block;
	position: relative; /*Hovercap*/
	text-align: center;
	margin: 6px;
	width: calc(20% - 15px);
	overflow: hidden;
}

.btnX {
	opacity: 0.6;
	font-weight: bold;
	color: #cccccc;
	text-shadow: 1px 1px 2px #222222;
	padding: 3px;
	z-index: 99;
	position: absolute;
	right: 3px;
}


/*
.image-caption {
	width:100%;
	height:100%;
	background:rgba(0, 0, 0, 0.7);
	position:absolute;
	opacity:0; 
	transition:all 300ms ease-in-out;
	-webkit-transition:all 300ms ease-in-out;
	-moz-transition:all 300ms ease-in-out;
	-o-transition:all 300ms ease-in-out;
	-ms-transition:all 300ms ease-in-out;
}

.image-caption p{
	text-align:right;
	color:#ffffff;
}

.pho_tile:hover .image-caption{
            opacity:1;
}
*/


.dropX {
	position: absolute;
	opacity: 0.6;
	font-weight: bold;
	color: #cccccc;
	text-shadow: 1px 1px 2px #222222;
	padding: 3px;
	z-index: 4;
	right: 3px;
}

.dropX-content {
	display: none;
	position: absolute;
	background-color: #f1f1f1;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
	padding: 2px;
	right: 2px;
	color: black;
}

.dropX-content a {
	color: black;
	padding: 0 2px;
	text-decoration: none;
	display: block;
}

.dropX-content a:hover {background-color: #ddd;}

.dropX:hover .dropX-content {display: block;}

.search_tile{
	display: inline-block;
	margin: 5%;
	border: 1px solid #000000;
	-webkit-box-shadow: 1px 1px 2px 1px #666666;
	-moz-box-shadow: 1px 1px 2px 1px #666666;
	box-shadow: 1px 1px 2px 1px #666666;
}