html, body{margin:0;padding:0;}
div{position:relative;}
.right{float:right;}
.left{float:left;}
body {background-color:#21569e;font-family:Arial, Helvetica, sans-serif;-webkit-font-smoothing:antialiased;font-weight:lighter;}
p{font-size:1em;line-height:1.6em;color:#333;}
#header{height:80px;width:100%;border-bottom:10px solid #b31f23;background:#fff;}
.top-container{display:block;width:67%;margin:0 auto;position:relative;top:10px;}
#featured_image{width:100%;height:417px;margin:0 auto;}
#featured_image img{width:100%;}
a:link {
   /* color: #ffffff; */
   color:#0000FF;
   /* text-decoration: underline; */
text-decoration:none;
border:0;
outline:none;
}

a img {
      border: none;
}

a:visited {
    color: #0000FF;
}

a:hover {
    color: #ffffff;
    text-decoration: none;
}

a:active {
    color: #ffffff;
}

a.gallerypic {
	width: 400px;
	height: 252px;
	text-decoration: none;
	position: relative;
	display: block;
	border: 1px solid #666;
	padding: 3px;
	margin-right: 5px;
	float: left;
	background: url(Photo/card.jpg);
	background-size: 400px 252px;
}

img.pic {
    margin-left:12px;
    margin-top:12px;
    position:static;
    position:absolute;
    width: 145px;
    height: 173px;
}

input[type="text"], 
input[type="password"] {
    border: 1px solid #ccc;
    padding: 2px;
    font-size: 1.2em;
    color: #444;
    width: 250px;
}

#content{width:67%;min-height:600px;padding:15px;background:#fff;margin:0 auto;-moz-border-radius: 0 0 10px 10px;-webkit-border-radius:0 0 10px 10px;border-radius:0 0 10px 10px;clear:both;top:15px;}
.introtext{width:56%;}
.card{width:40%;padding-top:2em;}
.cardimg img{width:100%; padding-top:10px;}

#contentReports{width:90%;min-height:600px;padding:15px;background:#fff;margin:0 auto;-moz-border-radius: 0 0 10px 10px;-webkit-border-radius:0 0 10px 10px;border-radius:0 0 10px 10px;clear:both;top:15px;}

.display-label, 
.editor-label {
    font-weight: 600;
  margin: 1em 0 0 0;
}
.text-box {
    width: 30em;
}
.text-box.multi-line {
    height: 6.5em;
}
.display-field, 
.editor-field {
    margin: 0.5em 0 0 0;
}
.field-validation-error {
    color: #ff0000;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}
.error {
    color: Red;
}
.validation-summary-errors {
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid {
    display: none;
}

.uploadimage
{
    height:50%;
    width:25%;
}


#footer{color:#fff; width:55%;height:110px;margin:2em auto;clear:both;}
#footer a{color:#fff;margin:0 .5em;text-decoration:none;}
#footer a:hover{color:#CCC;}
/*SECOND PAGE CSS*/
.fine_print{font-size:.9em;}
#top_image{width:100%;margin:0 auto;overflow:hidden;}
#top_image img{     position: relative;
	display: block; 
width: 100%;}

#app_form{width:50%;margin:2em 0;}
/*#app_form label, #app_form input{display:block;}
#app_form input{border:1px solid #999;width:100%;padding:1em;border-radius:5px;box-shadow: none;} */
/* BUTTON STYLE*/
.statement{font-size:.9em;color:#21569e;text-decoration:none;}
.statement:hover{color:#666;}

.reg_btn {
	-moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #5f99e6), color-stop(1, #3e74bf) );
	background:-moz-linear-gradient( center top, #5f99e6 5%, #3e74bf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5f99e6', endColorstr='#3e74bf');
	background-color:#5f99e6;
	-webkit-border-top-left-radius:4px;
	-moz-border-radius-topleft:4px;
	border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px;
	-moz-border-radius-topright:4px;
	border-top-right-radius:4px;
	-webkit-border-bottom-right-radius:4px;
	-moz-border-radius-bottomright:4px;
	border-bottom-right-radius:4px;
	-webkit-border-bottom-left-radius:4px;
	-moz-border-radius-bottomleft:4px;
	border-bottom-left-radius:4px;
	text-indent:0;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:13px;
	font-weight:bold;
	font-style:normal;
	height:38px;
	line-height:38px;
	width:142px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #528ecc;margin-bottom:2em;
}
.reg_btn:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3e74bf), color-stop(1, #5f99e6) );
	background:-moz-linear-gradient( center top, #3e74bf 5%, #5f99e6 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3e74bf', endColorstr='#5f99e6');
	background-color:#3e74bf;
}.reg_btn:active {
	position:relative;
	top:1px;
}

.reg_btn_accept {
	-moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #008000), color-stop(1, #015a01) );
	background:-moz-linear-gradient( center top, #5f99e6 5%, #3e74bf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5f99e6', endColorstr='#3e74bf');
	background-color:#5f99e6;
	-webkit-border-top-left-radius:4px;
	-moz-border-radius-topleft:4px;
	border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px;
	-moz-border-radius-topright:4px;
	border-top-right-radius:4px;
	-webkit-border-bottom-right-radius:4px;
	-moz-border-radius-bottomright:4px;
	border-bottom-right-radius:4px;
	-webkit-border-bottom-left-radius:4px;
	-moz-border-radius-bottomleft:4px;
	border-bottom-left-radius:4px;
	text-indent:0;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:13px;
	font-weight:bold;
	font-style:normal;
	height:38px;
	line-height:38px;
	width:142px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #528ecc;margin-bottom:2em;
}

.reg_btn_reject {
	-moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #8e0306), color-stop(1, #ff0000) );
	background:-moz-linear-gradient( center top, #5f99e6 5%, #3e74bf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5f99e6', endColorstr='#3e74bf');
	background-color:#5f99e6;
	-webkit-border-top-left-radius:4px;
	-moz-border-radius-topleft:4px;
	border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px;
	-moz-border-radius-topright:4px;
	border-top-right-radius:4px;
	-webkit-border-bottom-right-radius:4px;
	-moz-border-radius-bottomright:4px;
	border-bottom-right-radius:4px;
	-webkit-border-bottom-left-radius:4px;
	-moz-border-radius-bottomleft:4px;
	border-bottom-left-radius:4px;
	text-indent:0;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:13px;
	font-weight:bold;
	font-style:normal;
	height:38px;
	line-height:38px;
	width:142px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #528ecc;margin-bottom:2em;
}

.bg-image {
    position: relative;
	display: block; 
width: 100%;
}
.bg-image img {
    display: block;
    width: 100%;
    max-width: 1950px;
    margin: 0 auto;
	display: block; 
	overflow: hidden;
}
.inner {
	       margin: 0 auto;
        position: relative;
    width: 1000px;
	height:100%;
	  } 
#pullout {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
	border-radius: 4px 4px 4px 4px;
	color: #fff;
   		padding: 20px 55px 25px 40px;
    position: absolute;
    bottom: 55px;
    left: -30px;
 
   }
   
#pullout h1{
	color: #fff;
    font-size: 35px;
	letter-spacing: 1px;
	text-align:center;
	font-weight: 500;
	margin-bottom: 25px;
	font-family: proxima-nova,Arial,sans-serif;
       }
	   
	 #pullout p{
	color: #fff;
 	font-family: proxima-nova,Arial,sans-serif;
	    font-size: 21px;
    font-weight: 200;
    line-height: 130%;
    margin-top: -15px;
}
  
	   #pullout .sub-h1 {
    font-size: 20px;
	font-family: proxima-nova,Arial,sans-serif;
    text-indent: 0;
	display: block;
}
#pullout .btn {

border:1px solid #25729a; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:18px;font-family:arial, helvetica, sans-serif; padding: 10px 30px ; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3); color: #FFFFFF;
 background-color: #21569e; background-image: -webkit-gradient(linear, left top, left bottom, from(#21569e), to(#447bc6));
 background-image: -webkit-linear-gradient(top, #21569e, #447bc6);
 background-image: -moz-linear-gradient(top, #21569e, #447bc6);
 background-image: -ms-linear-gradient(top, #21569e, #447bc6);
 background-image: -o-linear-gradient(top, #21569e, #447bc6);
 background-image: linear-gradient(to bottom, #21569e, #447bc6);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#21569e, endColorstr=#447bc6)
 }
 
@media only screen and (max-width: 930px) {
#pullout {
	background-color: #000;
	border-radius: 0;
	color: #fff;
   
	max-width: 100%;
	opacity: 1;
	padding: 10px 14px 12px 10px;
    position: relative;
    bottom: 0;
    left: 0;
    right: 0;
   }
         .inner {
	       margin: 0 auto;
        position: relative;
    width: 100%;
	height:100%;
	  } 
}

@media only screen and (max-width: 600px) and (orientation: portrait) {
    /* portrait phones */
	#pullout {
	background-color: #000;
	border-radius: 0;
	color: #fff;
   
	max-width: 767px;
	opacity: 1;
	padding: 10px 14px 12px 10px;
    position: relative;
    bottom: 0;
    left: 0;
    right: 0;
   }
         .inner {
	       margin: 0 auto;
        position: relative;
    width: 100%;
	height:100%;
	  } 
}






@media screen and (max-width:760px) {
#app_form{width:93%;}
#top_image{display:none;}	

}
@media screen and (max-width:1350px) {
.introtext, .card{	
width:98%;
	}
#featured_image img{width:;}
#featured_image{display:none;
}
}