html {   /* reset margin and padding */
	margin: 0px;
	padding: 0px;
	font-size: 100%;
}

body {    /* set global font, size, background color */
	margin: 0px;
	padding: 0px;
	font-family: Sans-serif;
	font-size: 14px;
	background-color: #E9EEFC;
	text-align: center;  /* for IE6 */ 
}

#container { 
    margin: auto;   /* browser center div */
    width: 760px;
    background-color: #FFFFFF;
    /* border: 1px solid #6666FF; */
}

#topContainer {
	background-color: #E9EEFC;
	text-align: right;
	padding: 10px 0px 4px 0px;  /* inside border: top, right, bottom, left */
}

#topContainer #topMenu {
    margin: 0;  
    letter-spacing: 1px;
    font-family: Tahoma, Arial, Helvetica, Sans-serif;
    font-size: 12px;
    color: #C6C; 	
}

#topContainer #topMenu a:link, #topContainer #topMenu a:visited {    
	color: #C6C;
	font-weight: bold; 
	text-decoration: none;  /* remove link highlight */
}

#topContainer #topMenu a:hover {
    color: #33C;  /* blue color */
    font-weight: bold; 
    text-decoration: underline;  /* show link when mouse over */
}

#banner {
	background-color: #669933;
	height: 170px;
	background-image: url('../img/banners/newbanner.png');
    /* set margin here for white space */
	border-bottom: 2px solid #9B9AF8;
}


#mainCol {
	height: 460px;
	background-color: #F3DAAD;
}

#mainCol #content {
	padding: 10px;    	/* dont set width to solve IE bug */
}

#ButtonContainer {
	width: 20em;
	height: 3em;
	margin-left: auto;
    margin-right: auto;
	/* border: 2px solid blue;  */
}

#ButtonContainer #ButtonCenter {
    padding: 0.6em 0em 0em 2em;  /* top right bottom left */	
}

.button {   /* Button style */
   float: left;
   height: auto;
   font: Verdana, Geneva, sans-serif;
   width: 9em;
   text-align: center;
   white-space: nowrap;
}

.button a:link, .button a:visited {
	color: #FF0;
	background-color: #cc0033;
	font-size: 1.5em;  /* 1 / parent font size x required pixel value = em value */
	font-weight: bold;
	border: 2px outset #cc0099;
	border-top-color: #F62217;
	border-left-color: #F62217; 
	display: block;
	margin: 0.2em;
	padding: 0.2em;
	text-decoration: none;
}

.button a:hover {
	background-color: #C36;	
	text-decoration: underline;  /* show link when mouse over */
}

#footerContainer {
	clear: both;
	text-align: center;
	color: #663300; 
}

#footer {
   letter-spacing: 1px;
   font-family: Tahoma, Arial, Helvetica, Sans-serif;
   font-size: 12px;
   padding: 10px;
   order-top: 2px solid #F29A89;
}