/*****************************************************************
 * EdbuyLayout.css
 * ----------------
 *
 * This CSS file is responsible for the overall site layout.  This
 * will include control of all positioning, margins, padding, and
 * borders.
 */

/***************** Page Layout ******************************/
#page{
	position: relative; 
	width: 98%; /* Added to workaround MS IE issue */
	margin: 10px; 
	background-color:#FFFFFF;
/*	border: 1px solid #333790; */
	border: 1px solid #C6C6C6;
}

body {
	min-width: 800px;
}

/***************** Header Layout ******************************/
/* Header Padding */
#header {
	border: 1px solid #9bcdfe;
	position: relative;
	background-color: #9bcdfe;
	min-height: 160px;
}

#header h1, #header h2 {
	position: absolute;
	width: 70%; 
	text-align: right;
}

#header h1 {
	top: 90px;
	padding: 2px;
}

#header h2 {
	top: 115px;
}

/* Restrict Edbuy logo to a particular size for safety */
#header img#edbuylogo {
	position: absolute;
	right: 10%;
	top: 1%;
	height: 15%;
	width: 17%;
}

#line {
	position: absolute;
	top: 124px;
	width: 100%;
	height: 1px;
	border-bottom: 1px solid black;
}

/* Position the Powered by Epylon logo */
#epylonlogo {
	position: absolute;
	bottom: 20px;
	left: 20px;
	display: none;
/*	top: 461px;
	right: 20px;
	left: 22px;
*/
}

/*   
#header a#ccsesalogo {
	position: absolute;
	top: 23px;
	right: 20px;
	left: 1195px;
}
*/


/* Define the Headerbar separating the Header from the main page */
#headerbar{
	height: 32px;
	background-image: url("../images/headerbar.gif");
}	

/****************** Main Page Layout **************************/
#mainpage {
/*	background-color: #6699CC; */
	background-color: #99CCFF;
	position: relative;
	width: 100%;
}

#viewPDF {
/*
	position: absolute;
	top: 15px;
	left: 90%;
*/
	position: absolute;
	right: 20px;
	width: 50%;
	top: -26px;
	text-align: right;
}

/****************** Main Menu Layout **************************/
#mainmenu {
	position: absolute;
	width: 20%;
	
}


/***************** Sub Menu Layout **************************/
div.submenu {
	text-indent: 2em;
	font-size: smaller;
	display: none;
}	

/****************** Content Layout **************************/
#content {
	background-color: #FFFFFF;
	position: relative;
	left: 20%;
	width: 79.6%;
	text-align: justify;
	min-height: 450px;
	padding-left: 5px; 
}

/* Restrict Content Image to a safe size */
#contentImg img {
	width: 200px;
	height: 400px;
	padding-left: 20px;
	padding-right: 20px;
}


/* Float Image Left of Content */
#contentImg {
	float: left;
	margin: 10px;
	height: 100%;
}