/* Harnam Khaira Styles*/
/*============== Layouts ==============*/
body {
	background-color: #9c9f84;
	margin: 0px;
	font-family: Verdana; Georgia; Serif;
	font-size: 14px;
}
#header {
	background-color: #5c755e;
	margin: 10px;
	height: 60px;
	border-radius: 5px;
}
#header ul {
	margin: 10px;
	padding: 5px;
	list-style-type: none;
}
#header ul li {
	display: inline;
}
#navbar ul {
	background-color: #000;
	margin: 10px;
	padding: 5px;
	list-style-type: none;
	text-align: center;
	border-radius: 5px;
}
#navbar ul li {
	display: inline;
}
#navbar ul li a {
	text-decoration: none;
	font-family: arial;
	padding: .2em 1em;
	color: #fff;
	background-color: #000;
}
#navbar ul li a:hover {
	color: #000;
	background-color: #fff;
}
#footer {
	background-color: #5c755e;
	margin: 10px;
	height: 20px;
	border-radius: 5px;
	clear:both;
	color: #efe5d0;
	text-align: center;
	padding: 15px;
	font-size:90%;
}
#footer ul {
	margin: 10px;
	margin-top: -10px;
	list-style-type: none;
	text-align: center;
	border-radius: 5px;
}
#footer ul li {
	display: inline;
}
#footer ul li a {
	text-decoration: none;
	color: #fff;
	padding: .2em 1em;
	font-family: arial;
}
#footer ul li a:hover {
	color: #efe5d0;
	background-color: #5c755e;
}

.main {
	background-color: #e5e4d7;
	margin-left: 10px;
	margin-right: 580px;
	margin-top: 10px;	
	margin-bottom: 10px;
	border-radius: 5px;
	padding: 5px;
	font-size: 110%;
}
.mainothers {
	background-color: #e5e4d7;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;	
	margin-bottom: 10px;
	border-radius: 5px;
	padding: 5px;
	font-size: 110%;
}
.sideright {
	background-color: #e5e4d7;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 0px;	
	margin-bottom: 10px;
	border-radius: 5px;
	padding: 5px;
	font-size: 105%;
	float: right;
	width: 520px;
	clear:both;
}
/*============== Headings ===============*/
h1 {
	font-size:100%;
	color: #ce282e;
}
h2 {
	font-size:120%;
	color: darkblue;
}
h3 {
	font-size:250%;
	color: #e5e4d7;
	margin: 0px;
	text-align: center;
	font-family: "Century Gothic", "Gill Sans", "Arial";
/* Vertical Alignment */
	position: relative;
	top: 50%
	-webkit-transform: translateY(10%);
	-ms-transform: translateY(10%);
	transform: translateY(10%);
}
/*img {
margin-right: 1000px;
max-width: 100%;
max-height: 100%;
}*/





/* styles for forms*/
label {
    display:block;
    margin-top:50px;
    letter-spacing:1px;
}

/* This section centers our complete page */
.form-main {
    display:block;
    margin:0 auto;
    width:500px;
}

/* This section centers the form inside our web page*/
form {
    margin:0 auto;
    width:420px;
}

/* Applying styles to our text boxes */
input, textarea {
	width:400px;
	height:27px;
	background:#666666;
	border:2px solid #f6f6f6;
	padding:10px;
	margin-top:10px;
	font-size:0.7em;
	color:#ffffff;
}

textarea {
	height:200px;
	font-family:Arial;
}

#submit {
    width:85px;
    height:35px;
    background:url(submit.png);
    text-indent:-9999px;
    border:none;
    margin-top:20px;
    cursor:pointer;
}


/*============= Experimentation commented out=======*/
/* Identifiers */
#tal{
	text-align: left;
}
#tac{
	text-align: center;
}
#tar{
	text-align: right;
}
#taj{
	text-align: justify;
}
#taja{
	text-align: justify-all;
}

/*h1:hover {
	color: red;
}
h2:hover {
	background-color: yellow;
}
p:hover {
	background-color: yellow;
}
*/