﻿

/* The Core Technique
================================= */

body {
  text-align: center;
  min-width: 760px;
}

#wrapper {
  width: 960px;
  margin: 0 auto; 
  text-align: left; 
}

#topNav {
  float:right;
  display:block;
  width:100%;
  margin:0px 0 30px 0px;

}


#mainNav {
  width: 150px; 
  float: left; 
}

#container {
  width: 770px; 
  float: right; 
}

#mainContent {
  width: 500px; 
  margin-top: 10px;
  margin-bottom: 10px;
  float: left; 
  background-color:#FFFFFF;
 
}

#mainContent {
	
		background:#fff url('../images/bottom.gif') no-repeat left bottom ;
		margin-right:-20px;

		}

#secondaryContent { 
  width: 210px;
  display: inline; /* Fixes IE double margin float bug */
  float: right;
} 

#footer { 
  clear: both;
} 

/* Add some padding
================================== */


#mainNav {
  padding-top: 0;
  padding-bottom: 20px;
}


#secondaryContent {
  padding-top: 0;
  padding-bottom: 20px;
  
}


#mainNav * {
  padding-left: 10px;
  padding-right: 20px;
}


#secondaryContent * {
  padding-left: 20px;
  padding-right: 20px;
}


#mainContent {
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom:20px; 
}



#mainNav * * {
  padding-left: 0;
  padding-right: 0;
}


#secondaryContent * * {
  padding-left: 0;
  padding-right: 0;
}
		

                                                                                                                                         
