body{
	font-family: 'Open Sans', sans-serif;
font-size: 12px;
line-height: 1.4;
}
h1, h2, h3, h4, h5, ul, dd, dt, p {
font-size: 1em;
-webkit-margin-before: 0;
-webkit-margin-after: 0;
font-weight: normal;
margin: 0;
line-height: 1em;
padding: 0;
-webkit-margin-start: 0;
-webkit-padding-start: 0;
}
a{
text-decoration:none;
}
.gradient {
			width:100%;
			display:block ;
			background: linear-gradient(to bottom, 
							rgba(255,255,255,1) 0%,
							rgba(173,220,249,1) 100%);
		}

.underlay {background: #863996;
			padding:0;
			margin:0}
		
.centralarea {
    margin-left: auto;
    margin-right: auto;
    width: 70%;
    background-color: white;
	width:900px;
}

.footer {
	width:100%;
	background-color:#863996;
}


.message {width:150px; 
		  border: 1px dotted gray;
		   margin:10px;
		   height:90%
		  }

.dummyapplication
 {
 background-color: white;
 text-align:center;
 }
nav ul, nav ol {
list-style: none;
list-style-image: none;
}
.green {
background: rgb(137,159,41);
background: -moz-linear-gradient(top, rgba(137,159,41,1) 0%, rgba(79,146,26,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(137,159,41,1)), color-stop(100%,rgba(79,146,26,1)));
background: -webkit-linear-gradient(top, rgba(137,159,41,1) 0%,rgba(79,146,26,1) 100%);
background: -o-linear-gradient(top, rgba(137,159,41,1) 0%,rgba(79,146,26,1) 100%);
background: -ms-linear-gradient(top, rgba(137,159,41,1) 0%,rgba(79,146,26,1) 100%);
background: linear-gradient(to bottom, rgba(137,159,41,1) 0%,rgba(79,146,26,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#899f29', endColorstr='#4f921a',GradientType=0 );
}
.blue {
background: rgb(62,126,219);
background: -moz-linear-gradient(top, rgba(62,126,219,1) 0%, rgba(101,160,246,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(62,126,219,1)), color-stop(100%,rgba(101,160,246,1)));
background: -webkit-linear-gradient(top, rgba(62,126,219,1) 0%,rgba(101,160,246,1) 100%);
background: -o-linear-gradient(top, rgba(62,126,219,1) 0%,rgba(101,160,246,1) 100%);
background: -ms-linear-gradient(top, rgba(62,126,219,1) 0%,rgba(101,160,246,1) 100%);
background: linear-gradient(to bottom, rgba(62,126,219,1) 0%,rgba(101,160,246,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e7edb', endColorstr='#65a0f6',GradientType=0 );
color: #fff;
}
.purple {
background: rgb(166,83,183);
background: -moz-linear-gradient(top, rgba(166,83,183,1) 0%, rgba(134,57,150,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(166,83,183,1)), color-stop(100%,rgba(134,57,150,1)));
background: -webkit-linear-gradient(top, rgba(166,83,183,1) 0%,rgba(134,57,150,1) 100%);
background: -o-linear-gradient(top, rgba(166,83,183,1) 0%,rgba(134,57,150,1) 100%);
background: -ms-linear-gradient(top, rgba(166,83,183,1) 0%,rgba(134,57,150,1) 100%);
background: linear-gradient(to bottom, rgba(166,83,183,1) 0%,rgba(134,57,150,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a653b7', endColorstr='#863996',GradientType=0 );
}
#header{
	display: table;
	width: 100%;
}
#twobaph{
	display: inline-block;
	margin: 20px 0 13px 20px;
	padding: 10px;
    border-radius:10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	font-size: 2.3em;
	background: #fff;
	border: 1px solid #000;
	color: #000 !important;
	clear: left;
	float: left;
}
#school-name{
	font-size: 4em;
	float: left;
	font-weight: normal;
	margin-left: 1em;
	margin-top: 0.4em;
}
#clearhead{
	clear: both;
}
.logo{
	height: 49px;
	width: 126px;
	display: block;
	text-indent: -1000em;
	margin: 8px 0 0 20px;
	float: left;
	background: top left no-repeat url("img/logo.png");
}
#header #help{
	float: right;
	display: block;
	color: #fff;
	padding: 0.5em 1em;
	margin-top: 1em;
}
#header #help span {
font-size: 1.5em;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}
#mainarea .left {
	width: 21.5%;
	float: left;
	margin:0;
	margin-right: 2%;
	height:400px;
}
#mainarea .right{
	width: 21.5%;
	margin:0;
	float: left;
	height: 400px;
}

#mainarea .asidecont{
	padding: 7%;
	height: calc(400px - 7%);
}
.left .woman{
	background: bottom right no-repeat url('img/login-woman.png');
}
.asidecont a {
	color: #fff;
	text-decoration: none;
}
p a, li a {
border-bottom: 1px dotted;
}
.button, .scontent input[type='submit'], .form-submit {
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
display: block;
color: #fff;
box-shadow: 1px 1px 2px #888888;
border: 0;
}
.center {
width: 455px;
float: left;
margin-right: 2%;
}
#mainarea{
	text-align: left;
	padding: 20px;
	display:table;
}
.twobapl form {
margin-bottom: 1em;
}
form {
margin: 0;
display: block;
}
#mainarea form .field {
width: 70%;
}
#mainarea .center label {
display: block;
font-size: .6em;
}
#mainarea .center input[type='text']  {
display: block;
text-indent: 5px;
border: none;
-webkit-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-moz-border-radius-topleft: 5px;
border-radius: 5px;
border-radius: 5px;
background: rgb(254,254,254);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(242,242,243,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,254,254,1)), color-stop(100%,rgba(242,242,243,1)));
background: -webkit-linear-gradient(top, rgba(254,254,254,1) 0%,rgba(242,242,243,1) 100%);
background: -o-linear-gradient(top, rgba(254,254,254,1) 0%,rgba(242,242,243,1) 100%);
background: -ms-linear-gradient(top, rgba(254,254,254,1) 0%,rgba(242,242,243,1) 100%);
background: linear-gradient(to bottom, rgba(254,254,254,1) 0%,rgba(242,242,243,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f2f2f3',GradientType=0 );
border: 1px solid #dbdbdc;
line-height: 24px;
height: 24px;
padding: 0;
width: 100%;
}

#mainarea .center input[type='password']  {
display: block;
text-indent: 5px;
border: none;
-webkit-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-moz-border-radius-topleft: 5px;
border-radius: 5px;
border-radius: 5px;
background: rgb(254,254,254);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(242,242,243,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,254,254,1)), color-stop(100%,rgba(242,242,243,1)));
background: -webkit-linear-gradient(top, rgba(254,254,254,1) 0%,rgba(242,242,243,1) 100%);
background: -o-linear-gradient(top, rgba(254,254,254,1) 0%,rgba(242,242,243,1) 100%);
background: -ms-linear-gradient(top, rgba(254,254,254,1) 0%,rgba(242,242,243,1) 100%);
background: linear-gradient(to bottom, rgba(254,254,254,1) 0%,rgba(242,242,243,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f2f2f3',GradientType=0 );
border: 1px solid #dbdbdc;
line-height: 24px;
height: 24px;
padding: 0;
width: 100%;
}

#mainarea form button.button {
float: right;
height: 4.2em;
margin-top: 1.2em;
width: 6em;
font-size: 100%;
}
#mainarea form a {
color: #863996;
font-size: .5em;
border-bottom: 1px dotted;
}
#mainarea .center p {
font-size: .7em;
}
#mainarea h3 {
font-size: 2em;
}
h2, h3 {
line-height: 1.2em;
}
.footer, .footer .container {
background: #863996;
color: #fff;
}
.footer a {
color: #fff;
}
.container {
width: 890px;
margin: 0 auto;
background: #ffffff;
}
.footer nav{
float: left;
width: 742px;
}
.footer .column {
width: 126px;
float: left;
margin-left: 20px;
padding-top: 10px;
}
.footer .right span {
text-align: right;
display: block;
margin: 10px 0 30px 0;
}
.footer .column li {
line-height: 22px;
}
.footer .right {
float: right;
width: 128px;
margin-right: 20px;
}
.footer #social {
float: right;
margin: 17px 0 26px 0;
}
.footer #social li {
list-style-type: none;
float: left;
margin-left: 10px;
}
.footer #social .facebook a { background:top left no-repeat url("img/facebook.png");}
.footer #social .twitter a { background:top left no-repeat url("img/twitter.png");}
.footer #social .youtube a { background:top left no-repeat url("img/youtube.png");}
.footer #social li a {
text-indent: -1000em;
display: block;
width: 23px;
height: 23px;
}
.footer .logo, .footer .right span {
float: right;
clear: right;
font-size: 0.8em;
}
#mainarea h4 {
margin-top: 0;
font-size: 1.5em;
margin-bottom: .5em;
line-height: 1.2em;
}
#mainarea p {
line-height: 1.5em;
margin-bottom: 1em;
}
.button .button {
display: inline-block;
padding: 5px 10px;
}

.purplebutton{
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
display: block;
color: #fff;
box-shadow: 1px 1px 2px #888888;
border: 0;

background: rgb(166,83,183);
background: -moz-linear-gradient(top, rgba(166,83,183,1) 0%, rgba(134,57,150,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(166,83,183,1)), color-stop(100%,rgba(134,57,150,1)));
background: -webkit-linear-gradient(top, rgba(166,83,183,1) 0%,rgba(134,57,150,1) 100%);
background: -o-linear-gradient(top, rgba(166,83,183,1) 0%,rgba(134,57,150,1) 100%);
background: -ms-linear-gradient(top, rgba(166,83,183,1) 0%,rgba(134,57,150,1) 100%);
background: linear-gradient(to bottom, rgba(166,83,183,1) 0%,rgba(134,57,150,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a653b7', endColorstr='#863996',GradientType=0 );

}