html, body{
	margin:0;
	padding:0;
    font-family: 'Fira Sans', sans-serif;
	font-size : 100%;
	color:#FFF;
	font-weight : normal;
	margin-top:10px;
	background-color : #0B3251;
	
}
span.skype_pnh_container {display:none !important;}
span.skype_pnh_print_container {display:inline !important;}
a:link {text-decoration: none;	color:#FFF;}
a:visited {text-decoration: none;	color:#FFF;}
a:hover {text-decoration: underline;	color:#FFF;}
a:active {text-decoration: none;	color:#FFF;}

h1{
	font-size:130%;
	font-weight:bold;
	padding-bottom:3%;
	}
 h2{font-size:80%; font-weight:normal;margin-bottom:0px;}
 h3 {font-size:70%; font-weight:normal;}

/* Structure
***********************************************/

.bold {
	font-weight:bold;
}
.underline {
	text-decoration : underline;
}
.italic {
	font-style : italic;
}

IMG {
	border:0px;
	width:100%;
}
#container{
	margin-left:5%;
	margin-right:5%;
	width:90%;	
}
#inner {
	position: relative;
	float:left;
	width:100%;	

}

#logo {
	position: relative;
	float:left;
	width:100%;	
	
}
#logo1 {
	margin-left:auto;
	margin-right:auto;
	width:390px;	
	
}
ul {
	font-size:100%;
	font-weight : normal;
}
li {
}
ol {
	font-size:100%;
}
hr {
	color:#CCCCCC;
	height:1px;
	text-align:left;
}
p{
	font-size:80%;
	margin-top:0px;
	padding-top:0px;
}
.underline {text-decoration: underline;}
.LWStitle {color:#567201; font-size:130%;font-weight:bold;}
/* Header
***********************************************/

#topnav {
	position: relative;
	float:left;
	width:100%;
	font-size:100%;
	text-align:center;
	color:#000;
	background-color : #BFF4F1;
	padding:1% 0% 1% 0%;
	font-weight:bold;
}
#topnav a:link {color:#000;text-decoration: none;}
#topnav a:visited {color:#000;text-decoration: none;}
#topnav a:hover {color:#333;text-decoration:  none;}
#topnav a:active {color:#333;text-decoration: none;}

#contentall{
	position:relative;
	float:left;
	text-align:left;
	width:100%;
		
}
#mid {
	position: relative;
	float:left;
	width:70%;
	padding:2% 15% 5% 15% ;
	text-align:center;
}
#content{
	position:relative;
	float:left;
	text-align:left;
	width:100%;
		
}

#logindetail {
	position:relative;
	float:left;
	text-align:left;
	width:100%;
	text-align:center;
}
.ufrmlltitle{
	padding:1%;
	font-size:130%;
	font-weight:bold;
}
#logindetail INPUT{
width:50%;
font-size:120%;
padding:1%;
}

.ufrmll{
	position:relative;
	float:left;
	width:100%;
	padding:1%;

}
#ufrmll33{
	width:80%;
	margin-left:auto;
	margin-right:auto;
	padding:1%;
}

.ufrmll2{
	margin-left:auto;
	margin-right:auto;
	width:100%;
	max-width:150px;	
}
/* Bottom
***********************************************/

#footer a:link {color: #333333;text-decoration: none;}
#footer a:visited {color: #333333;text-decoration: none;}
#footer a:hover {color: #333333;text-decoration: underline;}
#footer a:active {color: #333333;text-decoration: none;}
.nolink {color: #333333;text-decoration: underline;}

#footer {
	position:relative;
	float:left;
	width:100%;
	font-size:70%;
	text-align:center;
	color: #333333;
	padding:2% 0% 2% 0%;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
}
#footerimage {
	margin-left:auto;
	margin-right:auto;
	width:100%;
	max-width:200px;
}

.red {
	color:#FF0000;
}

#error {
	position:relative;
	float:left;
	padding:10px;
}

#outter{
	width:395px;
	height:540px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	z-index:10;
}
#innerembed{
	overflow:hidden;
	width:378px;
	height:525px;
	margin-top:-30px;
	z-index:1;
}
#innerembed2{
	overflow:hidden;
	width:378px;
	height:525px;
	z-index:1;
}
#goback{
	width:100px;
	margin-left:auto;
	margin-right:auto;
	padding-top:20px;
}

    @media (max-width: 480px) {
	#logo1 {
	margin-left:auto;
	margin-right:auto;
	width:280px;	
	}
	#mid {
	width:98%;
	padding:0% 1% 1% 1% ;
	
}

	
	
	}