@charset "utf-8";
@font-face {
    font-family: 'gandhi';
    src: url('/fonts/GandhiSans-Regular-webfont.eot');
    src: url('/fonts/GandhiSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/GandhiSans-Regular-webfont.woff') format('woff'),
         url('/fonts/GandhiSans-Regular-webfont.ttf') format('truetype'),
         url('/fonts/GandhiSans-Regular-webfont.svg#gandhi') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'gandhibold';
    src: url('/fonts/GandhiSans-Bold-webfont.eot');
    src: url('/fonts/GandhiSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/GandhiSans-Bold-webfont.woff') format('woff'),
         url('/fonts/GandhiSans-Bold-webfont.ttf') format('truetype'),
         url('/fonts/GandhiSans-Bold-webfont.svg#gandhibold') format('svg');
    font-weight: normal;
    font-style: normal;

}
html, body{
	margin: 0px;
	padding: 0px;
	font-family: gandhi;
	font-size: 16px;
	min-width:1208px;
	color:#333;
}
html {
	background-color:#fff; /*the footer color*/
}
body {
	background-color:#fff; /*the body color*/
}
h1 {
	font-weight:normal;
	font-size:22px;
	color:#323232;
}
h3 {
	font-weight:normal;
	font-size:18px;
	color:#323232;
}
strong {
	font-family:gandhibold;
	font-weight:normal;	
}
.align_right{
	text-align:right;	
}
.align_left{
	text-align:left;	
}
.align_center{
	text-align:center;	
}
.margin_top_20{
	margin-top:20px;	
}
.margin_top_40{
	margin-top:40px;	
}
.margin_top_80{
	margin-top:80px;	
}
.margin_left_80{
	margin-left:80px;	
}
.margin_bottom_20{
	margin-bottom:20px;	
}
.margin_bottom_30{
	margin-bottom:30px;	
}
.padding_bottom_20{
	padding-bottom:20px !important;
}
.no_margin{
	margin-right:0px;	
}
.clearer{
	clear:both;	
}
.incorrect{
	background-color: #FFD9DA;		
}
#body > .container .error_msg{
	text-align: center;
	height: 40px;
	line-height: 40px;
	padding-left: 50px;
	margin:20px auto;
	display:table;
	position:relative;
}
#body > .container .error_msg:before {
	content: '';
	position: absolute;
	top:0px;
	left:0px;
	width: 40px;
	height: 40px;
	background: url(/images/msg_icons.png) no-repeat 0px -40px;
}
#body > .container .scc_msg{
	text-align: center;
	height: 40px;
	line-height: 40px;
	padding-left: 50px;
	margin:20px auto;
	display:table;	
	position:relative;
}
#body > .container .scc_msg:before {
	content: '';
	position: absolute;
	top:0px;
	left:0px;
	width: 40px;
	height: 40px;
	background: url(/images/msg_icons.png) no-repeat 0px 0px;
}
#body > .container .informer{
	height: 40px;
	line-height: 40px;
	padding-left: 50px;	
	margin:20px auto;
	display:table;
	position:relative;
}
#body > .container .informer:before{
	content: '';
	position: absolute;
	top:0px;
	left:0px;
	width: 40px;
	height: 40px;
	background: url(/images/msg_icons.png) no-repeat 0px -80px;	
}
#body > .container .content{
	padding-bottom:60px;
}	
#body > .container .content h1 {
	font-family:gandhi;
	font-weight:normal;
	font-size:22px;
	color:#323232;
}
#body > .container .content h2 {
	font-family:gandhi;
	font-weight:normal;
	font-size:20px;
	color:#323232;
}
#body > .container .content h3 {
	font-family:gandhi;
	font-weight:normal;
	font-size:18px;
	color:#323232;
}
#body > .container .content strong {
	font-family:gandhibold;
	font-weight:normal;	
}
#body > .container .content img{
	border:5px solid #f7ac59;
}
#body > .container .content img[style*="float: left"],
#body > .container .content img[style*="float:left"]{
	margin:10px 15px 0px 0px;
}
#body > .container .content img[style*="float: right"],
#body > .container .content img[style*="float:right"]{
	margin:10px 0px 0px 10px;
}
#body > .container .content iframe{
	border:5px solid #eeeeee;	
}
#body > .container .content a{
	color:#f78f1e;
	text-decoration:none;
}
#body > .container .content a:hover{
	text-decoration:underline;
}
#body > .container .content span.image_top img{
	margin-top:0px;	
}
#body > .container .content .no_border,
#body > .container .content .no_border img{
	border:none;	
}
@media only screen and (max-width: 599px) {
	html, body{
		width:100%;
		min-width:320px;
		padding-top:20px;
		position:relative;
	}	
}
@media only screen and (min-width: 600px) and (max-width: 767px) {
	html, body{
		min-width:600px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
	html, body{
		min-width:768px;
	}
}
@media only screen and (min-width: 1000px) and (max-width: 1207px) {
	html, body{
		min-width:1000px;
	}
}
@media only screen and (min-width: 1208px){
			
}