/****************************************************************************************************
**  FileName:   Layout.css
**  
**  Purpose:    Holds the structure of how the information should be displayed, i.e layout of the page
				DONT PUT CLASSES, or tags i.e h1,table,tr.alternate and style settings such as color, 
				border etc in here, place them in a second style sheet and add that to the master page
*****************************************************************************************************/


#printhead
{
	display: none;
}
html
{
	height: 100%;
	max-height: 100%;
	padding: 0;
	margin: 0;
	border: 0;
	/* hide overflow:hidden from IE5/Mac */ /* \*/
	overflow: hidden; /* */
	font-family: Arial;
	font-size: smaller;
}

a
{
	text-decoration: none;
}

#head
{
	position: absolute;
	top: 0;
	right: 18px;
	display: block;
	width: 100%;
	height: 143px;
	z-index: 5;
	color: #000;
	border-bottom: 1px solid;
	text-align: center;
}

.pagelinks
{
	margin-left:auto;
	margin-right:auto;
}

body
{
	height: 100%;
	max-height: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0;
	border: 0;
	z-index: 1;
}
#content
{
	display: block;
	height: 100%;
	max-height: 100%;
	overflow: auto;
	padding-left: 0px;
	position: relative;
	z-index: 3;
	text-align: center;
	margin-left: 25px;
}

#leftcontent
{
	margin-top: 10px;
	width: 49%;	
	float: left;
	text-align: left;
	overflow:auto;
}

#rightcontent
{
	margin-top: 10px;
	width: 49%;
	float: right;
	overflow: auto;
	height: 100%;
}

#email
{
	position: absolute;
	margin: 0;
	bottom: -1px;
	left: 1px;
	display: block;
	text-align: left;
        height: 50px;
	z-index: 5;
}

#foot
{
	position: absolute;
	margin: 0;
	bottom: -1px;
	left: -18px;
	display: block;
	width: 100%;
	height: 50px;
	text-align: right;
	z-index: 4;
	border-top: 1px solid;
}

.pad1
{
	display: block;
	width: 18px;
	height: 50px;
	float: left;
}
.pad2
{
	display: block;
	height: 155px;
}
#content p
{
	padding: 0px;
}