﻿@import url('menu.css');
* {
        margin: 0px;
        padding: 0px;
}
body {
background-color:#efefef;
height: 100%;
width: 100%;
margin:0;
padding: 0;
overflow: auto;
/*font: small "Lucida Grande", Arial, sans-serif;*/
font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	}

#back {
	background-image:url('images/background_test.gif');
	background-repeat:no-repeat;
		margin-left:auto;
	margin-right:auto;
width:900px;
height:628px;
padding-top:30px;
color:#81511e;

}
		
#container {
	margin-top:30px;
	margin-left:auto;
	margin-right:auto;
	background-color:#f99933;
	width:801px; /* OR 766px which would make the container fixed - acording to the width of the content makeground -  could be hepfull to have a larger content background*/
	position:relative;
}



/*-----------------------------
		2.0 TEXT STYLES
				--------------*/
	

h1, h2, h3 {
	margin-left: 10px;

	margin-left: 3px;
}
h2 {
padding-left:15px;
padding-right:15px; 
}


#intro p {
line-height:200%;

	padding-top: 0px;
	padding-left:15px;
	padding-right:15px;
	padding-bottom: 0px;
	margin-top: 0px;
	}

#login p  {
color:red;
width:150px;
padding: 0;


}













/*--------------------------------------------- */
	


/*-----------------------------
		3.0 MAIN COLUMN CONTAINER
				--------------*/

#main_column{
	
	background-color:#f99933;
	position:relative;
	float:right;
	height:450px;
	width: 601px;
	overflow:hidden;

}

#content {
	width: 601px;
	float:left;
	height:340px;
	margin: 0 auto 0 5px;
}

/*-----------------------------
		4.0 NAVIGATION COLUMN
				--------------*/

#nav {
	background-color:#a5330e;
	position:relative;
	float:right;
	height:450px;
	width: 200px;
}
span{
	display:none;
}

/*-----------------------------
		5.0 FOOTER
				--------------*/

.box {
	width:100px;
	height:100px;
	float:left;
	position:relative;
	background-color:black;
	margin-right:2px;
	margin-bottom:2px;
	overflow:hidden;
}


.gallery ul li a {

border-style:none;
}











#footer {



	 font-size:1em;
	 position:relative;
	 width: 800px;
	 height:45px;
	 margin-left: auto;
	 margin-right: auto;
	 text-transform:capitalize;
	 color: #716c6c;
	 text-align:center;
	 clear:both;

}

#footer ul{
	width:230px;
	margin:7px auto;

}

#footer ul li{
	display:block;
	float:left;
	margin-left:10px;
}

#footer ul li a {
		color:#81511e;
	text-decoration:none;
}











/*--------------------------
 * PHP
 * 			-----------------*/


fieldset {
	
	width:190px;
	margin: 10px auto 50px auto;
	color:white;
}

form#login {
	width:150px;
	margin-left:20px;
	margin-right:auto;
	margin-bottom:10px;
	padding:0;
}



#intro {
	font-size: 2em; 
	line-height: 40px; 
	margin-top: 10px;
}

.question {
	font-size:larger;
	width:300px;
	margin:40px auto;
	color: rgb(215, 57, 7);
}

.question p{
	line-height:1.5em;
	color:#81511e;
}

.question .subhead {
	color: #7c2208;
}























