/*Zero down margin and padding on all element*/

*	{
	margin: 0;
	padding: 0;
	}


body	{
	font: 62.5%/1.6 Tahoma, Verdana, sans-serif;
	background-color: #fff;
	}
	
h1	{
	font:	italic bold 48px/75% "Times New Roman";
	text-color:	#1A8124;
	}
	
h2	{
	font-size: 2.0em;
	font-weight: strong;
	}
	
p, li	{
	font-size: 1.4em;
	}
	
h1, h2, p	{
		margin: 1em 0;
		}
	
#wrapper	{
		background-color: #f9D08a;
		}
		
#branding	{
		height: 50px;
		background-color: #1A8124;
		border: 1px solid black;
		padding: 20px;
		}
		
#branding h1	{
		margin: 0;
		text-align:	center;
		}
		
#mainNav	{
		list-style: none;
		background-color: #fff;
		border: 1px solid black;
		text-align:	center;
		}
		
#secondaryContent	{
			background-color: #fff;
			border: 1px solid black;
			text-align:	center;
			}
			
#secondaryContent h2	{
			font-size: 1.6em;
			margin: 0;
			font-weight: strong;
			}
			
#secondaryContent p	{
			font-size: 1.2em;
			}
			
			
#footer	{
	background-color: #1A8124;
	padding: 1px 20px;
	border: 1px solid black;
	text-align:	center;
	}
	
/*The Core Technique=========================*/

body	{
	text-align: center;
	min-width: 760px;
	}
	
#wrapper	{
		width: 85%;
		margin: 0 auto;
		text-align: left;
		}
		
#mainNav	{
		width: 23%;
		float; left;
		}
		
#content	{
		width: 75%;
		float: right;
		}
		
#mainContent	{
		width: 66%;
		margin: 0;
		float: left;
		}
		
#secondaryContent	{
			width: 31%;
			min-width: 10em;
			display: inline; /* :KLUDGE: Fixes IE double margin float bug */
			float: right;
			}
			
#footer	{
	clear: both;
	}
	
/* Add some padding =====================*/

#mainNav, #secondaryContent	{
				padding-top: 20px;
				padding-bottom: 20px;
				}
				
#mainNav*, #secondaryContent*	{
				padding-left: 20px;
				padding-right: 20px;
				}
				
#mainNav**, #secondaryContent**	{
				padding-left: 0;
				padding-right: 0;
				}