html{height: 100%;}

body {
	
	width:100%;
	margin: 0; 
	height: 100%;
	padding: 0;	
	border: 0; 
	
}


/* Container */

 

/* main Container */

div#maincontainer
{



width: 100%;
margin:0;
padding: 0;
border:1px solid black;

}


/* Header and footer */

div#header
{


background-color: #FFCCCC;
width: 100%;
margin: 0;
padding: 0;


}

 

h1.header
{
padding:0;
margin:0;
}


/* Main body of container  with background image*/

div#content
{
width:99%;
margin:0;
border: 0;
padding: 1em;
background:url(images/bg.jpg) center no-repeat;

}


/* Main body of contaner with no background image */

div#contentnobg
{
width:99%;
margin:0;
border: 0;
padding: 1em;

}



/* list */

ul
{
float:left;
padding:0;
margin:0;
list-style-type:none;
}

/* href link */




a
{
float:left;
width:5em;
text-decoration:none;
color:white;
font-family: sans-serif;
background-color:purple;
padding:0.2em 0.6em;
border-right:1px solid white;
}




/* Hover Link */

a:hover {background-color:pink}


a.internal

{

color:blue;
background-color:white;
padding:0;
border: 0;
width:20em;
float:none;

}


a.internal:hover {background-color:white}




li {display:inline}


p
{
font-family: Arial;
font-size: 100%;
color: black;
}

div#footer

{
background-color: #FFCCCC; 	
color:white;
clear:left;
width: 100%;
margin:0;
padding: 20px 0;
}