/* HTML DOCTOR - DO NOT EDIT
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    background:transparent;
}

body.contact {
    line-height:1;
	text-align: center;
	background: linear-gradient(rgba(0, 0, 50, 0.5), rgba(0, 0, 50, 0.5)),url(Images/contactUs.jpg);
	background-size: cover;
	background-position: center;
	font-family: sans-serif;
}


article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    vertical-align:baseline;
    background:transparent;
    text-decoration: none;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}


/*********************************************GLOBAL CODE**************************/


textarea {
	resize: none;
	overflow:auto;	
}
	

 a:link {
color: blue;
}
a:visited {
color: blue;
}
a:hover {
color: blue;
} 



/*index.php file*****************************************************************/ 
body, html{
	height: 100%;
	padding: 0;
	margin: 0;
}


.button {
	background-color: Transparent;
	border-style: solid;
	border-color: white;
	padding: 15px 25px;
	text-align: center;
	color: white;
	font-size: 22px;
	font-weight: bold;
	cursor: pointer;
	outline:none;
}


.button :hover {
		background-color: rgb(47,79,79,0.6);
}


.center {
	width: 60%;
	margin: 0;
	position: absolute;
	top: 70%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}



.indexFont {
    color: white; 
    font-size: 32px;
}

.indexSubFont {
    color: white; 
    font-size: 22px;
}

/**header.php file ***************************************************************/
header nav ul {
	float: left;
}


header nav ul li {
	float: left;
	list-style: none;
}


header.nav-login {
	float: right;
}




header.index {
	background-image: url("Images/index.jpg");
	height: 95vh;
	width: auto;
	background-size: cover;
	display: flex;
	flex-direction: column;
}

header.nav-login a {
	display: block;
	width: 60px;
	height: 60px;
	border: none;
	background-color: #fff;
	font-family: new century schoolbook;
	font-size: 16px;
	color: #111;
	float: left;
	line-height: 63px;
	cursor: pointer;
}

div.login-button {
	float:right; 
	width: 150px;
}
/*BG IMAGES********************************************************/


body.aboutUs-page {
	background-image: url("Images/aboutUs.jpg");
	height: 100vh;
	width: auto;
	background-size: cover;
	display: flex;
	flex-direction: column;
}

button.logout {
    color: inherit;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit;
	width: 100px;
}

/*Services.php file ****************************************************************************************/


body.services-page {
	background-image: url("Images/services.jpeg");
	height: 100vh;
	width: auto;
	background-size: cover;
	display: flex;
	flex-direction: column;
}


div.services-box {
	color: gold; 
	display: inline-block; 
	text-align: left; 
	padding: 5%;
	padding: 10px;
	background: rgba(0, 0, 0, 0.7);
	color: yellow;
}

/*LIBRARY PAGE *********************************************************************************************/


body.library-page {
	background-image: url("Images/library.jpg");
	height: 100%;
	width: 100%;
	background-size: cover;
	display: flex;
	flex-direction: column;
}

/* Clear floats after the columns */
.row:after {
	content: "";
	display: table;
	height: 80px;
	width: 100%;
	clear: both;
}

div.row form {
	padding: 5%;
}


@media only screen and (max-width: 600px) {
	.column {
		width: 100%;
	}
}

div.libraryButton input {
    cursor:pointer;
    width: 200px;
    height: 100px;
    border: none;
}

button.clear {
    color: inherit;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit;
	max-width: 250px;
	height: 175px;
	width: 20%;
}



/*webinarView.php file***********************************************/

* {
  box-sizing: border-box;
}

.column-video {
  float: left;
  width: 85%;
  padding: 10px;
}

.column-video video {
  float: left;
  width: 95%;
  margin-left: 5%;
  padding: 10px;
  max-width: 1350px;
  background-color: gray;
  border: 2px solid black;
}

.column-text {
	padding: 10px;
	float: left;
	width: 15%;
	margin-top: 5%;
	height: 80%;
	font-size: 1.5em;
	background-color: rgba(255, 255, 255, 0.9); 
	border: 2px solid black;
	word-wrap: break-word;
}

.row-video:after {
  content: "";
  display: table;
  clear: both;
}


/*signup.php file***********************************************/
.centerSignUp {
	margin: 0;
	position: absolute;
	top: 65%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}

.signup-form {
		width: 600px;
		height: 700px;
		margin: 0 auto;
		padding-top: 30px;
		background-color: gray;
		border: solid 5px;
}


.signup-form input {
	width: 90%;
	height: 35px;
	background-color: #fff;
	padding: 0px 3%;
	border: none;
	font-family: new century schoolbook;
	font-size: 16px;
	color: #111;
	line-height: 35px;
	margin-bottom: 3px;
}


.signup-form button {
	display: block;
	margin: 0 auto;
	width: 30%;
	height: 40px;
	border: none;
	background-color: #222;
	font-family: new century schoolbook;
	font-size: 16px;
	color: #fff;
	cursor: pointer;
}


.signup-form button:hover {
	background-color: #111;
}



/*login.php file***********************************************/
body.login-page {
	background-image: url("Images/login.jpg");
	height: 100vh;
	width: auto;
	overflow-y: scroll;
	background-size: cover;
	display: flex;
	flex-direction: column;
}

.centerLogin {
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}

.login-form {
		width: 600px;
		height: 550px;
		background-color: gray;
		text-align: center;
		border: solid 5px;
}

div.login-container {
		width: 100%;
		height: 100%;
}


.login-form input {
	width: 80%;
	background-color: #fff;
	padding-left: 10%;
	border: none;
	font-family: new century schoolbook;
	color: #111;
	margin-bottom: 10px;
}


.login-form button {
	display: block;
	margin: 0 auto;
	width: 30%;
	height: 40px;
	border: none;
	background-color: #222;
	font-family: new century schoolbook;
	font-size: 16px;
	color: #fff;
	cursor: pointer;
}


.login-form button:hover {
	background-color: #111;
}




/*resetPwd.php file *****************************************************************/
body.resetpwd-page {
	background-image: url("Images/aboutUs.jpg");
	height: 100vh;
	width: auto;
	background-size: cover;
	display: flex;
	flex-direction: column;
}

.centerReset {
	margin: 0;
	position: absolute;
	top: 55%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}

.reset-form {
	width: 600px;
	height: 550px;
	margin: 0 auto;
	padding-top: 30px;
	background-color: gray;
	border: solid 5px;
}


.reset-form input {
	width: 90%;
	height: 40px;
	background-color: #fff;
	padding: 0px 5%;
	border: none;
	font-family: new century schoolbook;
	font-size: 16px;
	color: #111;
	line-height: 40px;
	margin-bottom: 5px;
}


.reset-form button {
	display: block;
	margin: 0 auto;
	width: 30%;
	height: 40px;
	border: none;
	background-color: #222;
	font-family: new century schoolbook;
	font-size: 16px;
	color: #fff;
	cursor: pointer;
}


.reset-form button:hover {
	background-color: #111;
}

/*aboutUs.php file******************************************************************/
.aboutUs-main {
	width: 90%;
	line-height: 24px;
	font-size: 20px;
	padding-top: 3%;
}

.aboutUs-main div {
	border: 1px solid black;
	background: rgba(237, 237, 237);
	padding: 15px;
}


/*contact.php file*************************************************************/

.contact-form {
	width: 800px;
	margin: 0 auto;
	padding-top: 30px;
	line-height: 25px;
}


.contact-form input {
	width: 95%;
	height: 40px;
	padding-left: 50%;
	background-color: lightgray;
	padding: 5px;
	border: none;
	font-family: new century schoolbook;
	font-size: 16px;
	color: black;
	line-height: 20px;
	margin-bottom: 2px;
}


.contact-form button {
	display: block;
	margin: 0 auto;
	width: 30%;
	height: 40px;
	border: none;
	background-color: purple;
	font-family: new century schoolbook;
	font-size: 16px;
	color: #fff;
	cursor: pointer;
}


.contact-form button:hover {
	background-color: green;
}


body.contactUs-page {
	background-image: url("Images/contactUs.jpg");
	height: 100vh;
	width: auto;
	background-size: cover;
	display: flex;
	flex-direction: column;
}

.contactContainer {
	width: 800px;
	margin: 0;
	position: absolute;
	top: 45%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.contactContainerLower {
	width: 700px;
	margin: 0;
	position: absolute;
	top: 85%;
	left: 50%;
	transform: translate(-50%, -50%);
}


/*FOOTER**************************************************************************/
footer {
	background-color: white;
	position:fixed;
	left:0px;
	bottom:0px;
	height:50px;
	width:100%;
}

a.footer {
	font-style: Kumlien;
	font-size: 15px !important;
	color: black;
}

.copyFooter {
    float: left; 
    width: 39%; 
    padding-left: 1%; 
    padding-top: 15px; 
    text-align: left; 
    font-size: 80%;
}

/* IE 6 */
* html footer {
   	position:absolute;
   	top:expression((0-(footer.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px');
}