@charset "utf-8";
h1{ 
	text-align: center;
	font-size: 18px;
	font-weight:bolder
}

p{
	right: auto;
	left: auto;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}

p1{font-size: 9px;
	
}
h2 {
	font-size: medium;
	font-weight: bold;
}

h3{
	text-align: center;
	font-size: 14px;
	font-weight: bolder;
}
h5 {
	color: #2145B8;
	font-weight: bold;
	background-color: #DBCFCF;
}
h6 {
	text-align: center;
	font-size: 14px;
	
	background-color: yellow;
}

h7{
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	
	
}

h8{
	text-align: center;
	font-size: 14px;
	background-color: #7BF37B;
}


#main {
	width: 75%;
	max-width: 750px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 6px;
	margin-bottom: 6px;
}
footer {
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #383838;
	color: #F5F5F5;
	text-align: center;
	padding-left: 0px;
	padding-right: 0px;

}

.image-fill {
	width: 100%;
}



.container-fluid div .navbar-brand {
	font-style: italic;
	font-size: large;
	font-weight: bolder;
	border-width: 0px;
	color: #01016E;
}
.nav.navbar-nav .dropdown.active .dropdown-toggle {


}
.nav.navbar-nav .dropdown .dropdown-toggle {

}





#wrapper {
	left: 0px;
	right: 0px;
}

.navbar.navbar-default.navbar {
	border-top-left-radius: 0px;
	margin-top: 10px;
	border-width: 0px;
	right: 15px;
	left: 15px;

}
#panel {
	padding: 50px;
	display: none;
	height: 100%;
	border: solid 1px #c3c3c3;
	text-align: justify;
}
#flip {
	padding: 5px;
	text-align: center;
	background-color: #e5eecc;
	border: solid 1px #c3c3c3;
	font-weight: bold;
	font-size: large;
}
#panel1 {
	padding: 50px;
	display: none;
	height: 100%;
	background-color: #F1EBEB;
	text-align: justify;
}
#flip1 {
	padding: 5px;
	text-align: center;
	background-color: #05ECE2;
	border: solid 1px #c3c3c3;
	font-size: large;
	font-weight: bold;
}
#panel2 {
	padding: 50px;
	display: none;
	height: 100%;
	border: solid 1px #c3c3c3;
	text-align: justify;
}


#flip2 {
	padding: 5px;
	text-align: center;
	background-color: #e5eecc;
	border: solid 1px #c3c3c3;
	font-weight: bold;
	font-size: large;
}
.arrow {
	
	right: 3px;
}

ul.sub1 {
	display:block;
	list-style-type: none;
	
	left: 160px;
}
ul.sub1 li a {

    display: none;
    width: 100px;
    background-color: #dddddd;
}
ul.sub1 li:hover .sub1 {
	display:block;
	
}
.media-left a .media-object {

}
#wrap {
	padding-right: 0px;
	color: #0432C3;

}
h4 {
	color: #1E09DD;
	font-size: 18px;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
}
p1 {
	font-size: 12px;
}

pp {
	font-size: 9px;
}
.form-width {
	
	width: 90%;
	vertical-align: center;
}

.container-form {
    width: 90%;
    background-color: #EAF8F5;
    margin: 0 auto;
    border: 2px solid #7474F1;
    text-align: left;
    border-radius: 6px;
	height: auto;
	
}


.button {
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 16px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}

.button3 {
    background-color: white; 
    color: black; 
    border: 2px solid #008CBA;
}

.button3:hover {
    background-color: #008CBA;
    color: white;
}


.button3 {width: 100%;}

.button2 {
    background-color: white; 
    color: black; 
    border: 2px solid #008CBA;
}

.button2:hover {
    background-color: #008CBA;
    color: white;
}


.button2 {width: 50%;}



.error {color: #FF0000;
}