/*****************************************************************
 * edbuy_layout.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;
}


/***************** Header Layout ******************************/
/* Header Padding */
#header {
	padding: 20px;
	padding-bottom: 5px;
}
/* Restrict Edbuy logo to a particular size for safety */
#header img#edbuylogo {
	height: 120px;
	width: 400px;
}

/* Position the Powered by Epylon logo */
#epylonlogo {
	position: absolute;
	top: 400px;
	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: 10px;
	left: 85%;
}

#viewEXCEL {
	position: absolute;
	top: 30px;
	left: 85%;
}

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


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

/****************** Content Layout **************************/


/* 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%;
}