@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   https://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	https://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	https://goldengridsystem.com/
*/

/* Mobile Layout: 480px and below. */
body{
	top:0px;
	bottom:0px;
	right:0px;
	left:0px;
	z-index:0;
	position:absolute;
}
.gridContainer {

	width: 100%;
}
#LayoutDiv1 {
	clear: both;
	float: left;

	width: 100%;
	display: block;
}
#button{
	background:-webkit-linear-gradient(#06F,#fff,#fff,#fff,#06F);	
	background:-o-linear-gradient(#06F,#fff,#fff,#fff,#06F);
	background:-moz-linear-gradient(#06F,#fff,#fff,#fff,#06F);
	background:linear-gradient(#06F,#fff,#fff,#fff,#06F);
}
#button:hover{	background:-webkit-linear-gradient(#F0F,#fff,#fff,#fff,#F0F);	
	background:-o-linear-gradient(#F0F,#fff,#fff,#fff,#F0F);
	background:-moz-linear-gradient(#F0F,#fff,#fff,#fff,#F0F);
	background:linear-gradient(#F0F,#fff,#fff,#fff,#F0F);)
}
button, input, select, textarea { 
	font-size: 100%; 
	margin: 0; 
	vertical-align: baseline; 
	*vertical-align: middle;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	border-radius:15px; 
	padding:5px;
}
#ProposeCandidate{
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	border-radius:15px; 
	background:-webkit-linear-gradient(#06F,#fff,#fff,#fff,#06F);	
	background:-o-linear-gradient(#06F,#fff,#fff,#fff,#06F);
	background:-moz-linear-gradient(#06F,#fff,#fff,#fff,#06F);
	background:linear-gradient(#06F,#fff,#fff,#fff,#06F);
	font-size:20px;
	position:fixed;
	right:0px;
	top:0px;
	z-index:1000;
	border:5px solid rgba(255,0,255,.5)
}
#ProposeCandidate:hover{
	background:-webkit-linear-gradient(#F0F,#fff,#fff,#fff,#F0F);	
	background:-o-linear-gradient(#F0F,#fff,#fff,#fff,#F0F);
	background:-moz-linear-gradient(#F0F,#fff,#fff,#fff,#F0F);
	background:linear-gradient(#F0F,#fff,#fff,#fff,#F0F);
}
#SubmitButton{
	margin-top:8px;
	font-size:30px;
	height:40px;
	line-height:30px;
	background:-webkit-linear-gradient(#FFF9CC,#fff,#fff,#fff,#FFF9CC);	
	background:-o-linear-gradient(#FFF9CC,#fff,#fff,#fff,#FFF9CC);
	background:-moz-linear-gradient(#FFF9CC,#fff,#fff,#fff,#FFF9CC);
	background:linear-gradient(#FFF9CC,#fff,#fff,#fff,#FFF9CC);
	-webkit-border-radius:9px;
	-moz-border-radius:9px;
	border-radius:9px;
	border:2px solid #000;
}
#SubmitButton:hover{
	background:-webkit-linear-gradient(#A50,#fff,#fff,#fff,#A50);	
	background:-o-linear-gradient(#A50,#fff,#fff,#fff,#A50);
	background:-moz-linear-gradient(#A50,#fff,#fff,#fff,#A50);
	background:linear-gradient(#A50,#fff,#fff,#fff,#A50);
}
#Content{
	top:60px;
	left:1vw;
	right:1vw;
	bottom:30px;
	position:absolute;
	z-index:2;
	color:rgba(255,255,255,1);
}
#logo{
	max-width:300px;
}
p{
	margin:5px;
	text-indent:25px;
}
h1,h2,h3,h4,h5,h6{
	margin:5px;
	font-family:algerian;
	color:white;
}
h1,h3,h5{
	color:red;
}
h2,h4,h6{
	color:white;
}
#boxscroll {

	position:fixed;
	overflow:hidden;
	margin-bottom:5px;
}
#TopLine{
}
#Logo{
	clear:both;
	float:left;
	width:180px;
}
#Login{
	float:left;
	clear:none;
	width:-moz-calc(100% - 180px);
	width:-webkit-calc(100% - 180px);
	width:calc(100% - 180px);
	font-size:30px;
	line-height:30px;

}
#ContentLine{
	clear:both;
	float:left;
	padding-bottom:50px;
}
#BottomLine{
	bottom:0px;
	left:0px;
	right:0px;
	position:fixed;
	z-index:100;
}
#BottomBarPart1{
	float:left;
	clear:both;
	width:33.33%;
	text-indent:5px;
}
#BottomBarPart2{
	float:left;
	clear:none;
	width:33.33%;
}
#BottomBarPart3{
	float:left;
	clear:none;
	width:-moz-calc(33.33% - 5px);
	width:-webkit-calc(33.33% - 5px);
	width:calc(33.33% - 5px);
	padding-right:5px;
}
#SubmitID{
	background-image:url(images/search.png);background-size:cover;height:50px;width:50px;border:2px outset #000;background-color:#fff;
}
#SubmitID:hover{
	background-color:#CCC;
}
.TopBar{
	position:fixed;
	z-index:1000;
	height:50px;
	left:0px;
	right:0px;
	top:0px;
	background-color:rgba(0,0,0,.72);
	border-bottom:3px solid rgba(255,0,255,.64);
}
.BottomBar{
	position:fixed;
	z-index:1000;
	height:30px;
	left:0px;
	right:0px;
	bottom:0px;
	background-color:rgba(0,0,0,.72);
	border-top:3px solid rgba(255,0,255,.64);
}
#Terms{
	font-size:18px;
	position:fixed;
	color:rgba(255,255,255,1);
	font-family:Algerian;
	font-weight:bolder;
	z-index:1000;
	left:5px;
	bottom:5px;
}

#Terms:hover{
	color: rgba(255,0,0,1);
}#Privacy:hover{
	color: rgba(255,0,0,1);
}
#Privacy{
	font-size:18px;
	position:fixed;
	color:rgba(255,255,255,1);
	font-family:Algerian;
	font-weight:bolder;
	z-index:1000;
	right:5px;
	bottom:5px;
}
#Menu:hover{
	color: rgba(255,0,0,1);
}
#Menu{
	font-size:36px;
	position:fixed;
	color:rgba(255,255,255,1);
	font-family:Algerian;
	font-weight:bolder;
	z-index:1000;
	left:5px;
	top:5px;
}

#mainmenu{
	top:50px;	
	position:fixed;
	z-index:1000;
	overflow:auto;
	width:310px;
	height:430px;
	background-color:rgba(0,0,0,.72);
	display:none;
	border-right:2px solid rgba(255,0,255,.64);
	border-bottom:2px solid rgba(255,0,255,.64);
}
#mainmenu {
	display:none;
	left:0px;
}
#mainmenu a{
	font-size:36px;
	position:fixed;
	color:rgba(255,255,255,1), important!;
	font-family:Algerian;
	font-weight:bolder;
}
#mainmenu a:hover{
	color: rgba(255,0,0,1);
}
#MenuItem:hover{
	color: rgba(255,0,0,1);
}
#MenuItem{
	font-size:36px;
	color:rgba(255,255,255,1);
	font-family:Algerian;
	font-weight:bolder;
	margin:0px;
	padding:0px;
	font-style:normal;
	border-bottom:0px;
	text-decoration:none;
	margin-left:5px;
}
.menulist{
	font-size:36px;
	color:rgba(255,255,255,1), important!;
	font-family:Algerian;
	font-weight:bolder;
}
.menulist:hover{
	color: rgba(255,0,0,1);
}
.background{
	position:fixed;
	z-index:1;
	top:0px;
	bottom:0px;
	right:0px;
	left:0px;
	height:100vh;
	width:100vw;
}
/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 600px) {

}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 1080px) {
.gridContainer {
}
#LayoutDiv1 {
}
}