/**************************************************************/
/* Basic Layout                                               */
/**************************************************************/

/*
Based on tile design approach in WebComposition.Euphoria: 
_________________
|     header    |
=================
|left|   main   |
=================
|     footer    |
-----------------
*/

/* ****************  page *************************************/

body, p, h1, h2, h3, h4, h5, h6, ul, li, p
{
	margin: 0px;
	padding: 0px;
}

body
{
	/*padding-right: 5%;*/ /*padding-bottom: 2em;*/
}

.clear
{
	clear: left;
}


/**************************************************************/
/* Layout of Tiles                                            */
/**************************************************************/

/* ****************  header tile ******************************/

#headerTile
{
	width: 100%;
	height: 100%;
}

#headerTile .headerBackground
{
	height: 55px;
	width: 100%;
}

#headerTile .footerTile
{
	padding-left: 32px;
	padding-top: 5px;
}

/* ****************  footer tile ******************************/

#footerTile
{
	clear: left;
	width: 100%;
	height: 100%;
	padding: 5px;
}

/* ****************  navigation tiles **************************/

#navTile
{
	float: left;
	padding-left: 15px;
	padding-right: 25px;
	padding-top: 15px;
	width: 240px;
}

#navTile .sidebar
{
	margin-bottom: 10px;
	width: 100%;
}

#navTile .sidebarheader
{
	height: 24px;
	padding: 10px 0pt 0pt 35px;
}

#navTile .sidebarcontent
{
	padding: 20px 20px 20px 30px;
}
/* ****************  content tile ******************************/

#contentTile
{
	float: left;
	padding-bottom: 25px;
	padding-right: 15px;
	padding-top: 15px;
	min-height: 450px;
}

#contentTile .master
{
	width: 700px;
}

#contentTile .headerTile
{
	width: 700px;
	height: 19px;
}

#contentTile .bodyTile
{
	padding: 20px 20px 30px;
	width: 658px;
}
/* ****************  teaser ***********************************/

#teaser
{
	float: right;
	width: 33%;
}