﻿@font-face {
    font-family: 'proxima_novalight';
    src: url('../font/pr/proximanova-light-webfont.eot');
    src: url('../font/pr/proximanova-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/pr/proximanova-light-webfont.woff') format('woff'),
         url('../font/pr/proximanova-light-webfont.ttf') format('truetype'),
         url('../font/pr/proximanova-light-webfont.svg#proxima_novalight') format('svg');
    font-weight:normal;
    font-style: normal;

}

html,body
{
margin:0;
padding:0;
}

#topmost
{
background-image:url(../images/BGimage1.jpg);
width:100%;
height:99px;
}

#top
{
background-image:url(../images/top21.jpg);
width:100%;
height:30px;
}

#content
{
background-image:url(../images/BGimage1.jpg);
width:100%;
height:650px;
}

#logo
{
margin-left:30%;
margin-right:30%;
}

#bottom
{
background-image:url(../images/top21.jpg);
width:100%;
height:10px;
}

#copy
{
text-align:center;
font-family:Times New Roman;
font-size:11px;
}

#box
{
margin-left:30%;
margin-right:30%;
width:350px;
height:200px;
background-color:white;
border-style:outset;
border-width:3px;
border-radius:25px;
padding-left:100px;
/*font-family:Calibri, Arial, Helvetica, sans-serif;*/
font-family: 'proxima_novalight';
font-size:14px;
color:#000000;
text-align:justify;
opacity:0.75;
}

#btnSubmit
{
width:150px;
background-color:#EFF5C9;
margin-left:15%;
border-radius:25px;
/*font-family:Calibri, Arial, Helvetica, sans-serif;*/
font-family: 'proxima_novalight';
font-weight:bold;
color:black;
cursor:pointer;
}

#txtUsername
{
	border-width:1px;
}
#txtPassword
{
	border-width:1px;
}

#txtUsername:focus
{
border-width:1px;
outline:none;
border-color:#66FF66;
box-shadow:0 0 10px #66FF66;
}

#txtPassword:focus
{
border-width:1px;
outline:none;
border-color:#66FF66;
box-shadow:0 0 10px #66FF66;
}

#flag
{
	margin-top:85px;
	margin-left:-100px;
}
.social a{
	opacity:0.5;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
}
.social a:hover{opacity:1;}
/* post content and preview styling */

#social
{
	width:100%;
	background-color:White;
	position:fixed;
	bottom:0px;
	
}