body {
	#background-color:#a6bf79;
	background-image:url(images/tech.jpg);
	color:#000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 10px 10px;
	padding: 0px;
}
.clear{clear:both;}
* {
	margin: 0px;
	padding: 0px;
}
#container {
	margin: 0px auto;
	text-align: left;
	width: 717px;
}
a{
	font-size:12px;
}
p{
	margin: 15px 0px;
}
/********************** Header ***************************/
#header {
	margin: 0px 0px 0px 0px;
	background-image:url(images/header1.jpg);
	width:717px;
	height:288px;
	position:relative;
}
#header ul{
	background-color:#6d8547;
	width:711px;
	border: 3px solid #FFFFFF;
	display:block;
	top:255px;
	position:absolute;
	margin: 0px 0px 0px 0px;
	height:35px;
	padding:5px 0px 0px 0px;
	text-align:center;
}
#header li{
	display:inline;	
}
#header ul a{
	text-decoration:none;
	color:#FFFFFF;
	margin: 0px 15px;
}
#header ul a:hover{
	text-decoration:underline;
	background-color: #94af6a;
	color:#28556b;
}
#logo_w1,#logo_w2 {
	font-size: 24px;
	font-style:italic;
	color:#FFFFFF;
	position:absolute;
}
#logo_w1{
	top:15px;
	left:70px;
}
#logo_w2{
	top:44px;
	left:94px;
}
#header_text {
	top:90px;
	left:43px;
	width:230px;
	position:absolute;
}
#header_text p{
	font-size: 18px;
	color:#FFFFFF;
}
#header_text a{color:#28556b;}
#header_text a:hover{color:#c77e0c;}

/********************** MODERATION ************************/
#header2 {
	margin: 0px 0px 0px 0px;
	width:717px;
	height:88px;
	position:relative;
}
#header2 ul{
	background-color:#94af6a;
	width:711px;
	border: 3px solid #FFFFFF;
	display:block;
	top:5px;
	position:absolute;
	margin: 0px 0px 0px 0px;
	height:35px;
	padding:5px 0px 0px 0px;
	text-align:center;
}
#header2 li{
	display:inline;	
}
#header2 ul a{
	text-decoration:none;
	color:#FFFFFF;
	margin: 0px 15px;
}
#header2 ul a:hover{
	text-decoration:underline;
	background-color: #6d8547;
	color:#28556b;
}


/********************** Content ***************************/
#content {
	background-image:url(images/content_bg.gif);
	width:717px;
}
img{
	border-width:0px;
}
h1{
	color:#000000;
	font-size:14px;
	margin: 20px 0px 20px 0px;
}
h11{
	color:#ffffff;
	font-size:12px;
	margin: 10px 0px 10px 0px;
}
h2{
	color:#85a157;
	font-size:14px;
	text-align:center;
	width:200px;
	margin: 10px 0px 15px 0px;
}
h22{
	color:#e60000;
	font-size:14px;
	text-align:center;
	width:200px;
	margin: 10px 0px 15px 0px;
}
#left {
	float:left;
	width:428px;
	margin-left:27px;
	padding: 0px 10px 30px 0px;
	display:inline;
}
#left a{color:#28556b;}
#left a:hover{color:#c77e0c;}
#photos a{
	margin-right:14px;
}
#right {
	float:right;
	width:210px;
	padding: 0px 20px 20px 20px;
	margin-top:10px;
	border-left: #FFF 2px solid;

}
#right a{
	color:#c77e0c;
}
#right a:hover{
	color:#85a157;
}

#left2 {
	float:left;
	width:310px;
	margin-left:27px;
	padding: 0px 10px 30px 0px;
	display:inline;
}
#left2 a{color:#28556b;}
#left2 a:hover{color:#c77e0c;}
#photos2 a{
	margin-right:14px;
}
#right2 {
	float:right;
	width:310px;
	padding: 0px 20px 20px 20px;
	margin-top:10px;
	border-left: #FFF 2px solid;

}
#right2 a{
	color:#c77e0c;
}
#right2 a:hover{
	color:#85a157;
}

/********************** Footer ***************************/
#footerline {
clear:both;
background-image:url(images/footer_bg.gif);
font-size:1px;
height:10px;
}
#footer {
	background-color:#ffffff;
	width:717px;
	text-align:center;
	padding: 20px 0px;
}

/*********************** button ***************************/

.button {
  border: none;
  color: white;
  padding: 6px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 12px;
  margin: 4px 2px;
  cursor: pointer;
  border-radius: 10px;
}

.button1 {background-color: #4CAF50;} /* Green */
.button2 {background-color: #008CBA;} /* Blue */
.button3 {background-color: #D92929;} /* Red */

/*********************** login ****************************/




html,body{

background-size: cover;
background-repeat: no-repeat;
height: 78%;
font-family: 'Numans', sans-serif;
}

.container{
height: 85%;
align-content: center;
}

.card{
height: 300px;
margin-top: auto;
margin-bottom: auto;
width: 350px;
background-color: rgba(0,0,0,0.5) !important;
}


.card-header h3{
color: white;
}

.input-group-prepend span{
width: 50px;
background-color: #FFC312;
color: black;
border:0 !important;
}

input:focus{
outline: 0 0 0 0  !important;
box-shadow: 0 0 0 0 !important;

}

.remember{
color: white;
}

.remember input
{
width: 20px;
height: 20px;
margin-left: 15px;
margin-right: 5px;
}

.login_btn{
color: black;
background-color: #FFC312;
width: 100px;
}

.login_btn:hover{
color: black;
background-color: white;
}

.links{
color: white;
}

.links a{
margin-left: 4px;
}