body {
margin: 0;
padding: 0;
font: 75% helvetica, "Trebuchet MS", arial, sans-serif;;
background: #f4e1b9;
line-height: 1.3em;
color: #555;
}
		
#header {
height: 150px;
margin: 0;
padding: 0;
background: #e88d33 url(images/banner_egg.jpg) center top no-repeat;
color: #555;
}

#topnav ul {
padding: .2em 0;
margin: 0 0 10px 0;
list-style-type: none;
background-color: #885835;
color: #f4e1b9;
font: normal 95% verdana, arial, helvetica, sans-serif;
text-align: center;
}

#topnav li { display: inline; }

#topnav li a, #topnav a:visited {
text-decoration: none;
background-color: #885835;
color: #f4e1b9;
padding: .2em 1em;
border-right: 0px solid #fff;
}

#topnav a:link.active, #topnav a:visited.active, #topnav a:hover {
text-decoration: none;
background-color: #e88d33;
color: #fff;
}
 
#gutter {
float: left;
width: 2%;
height: 1px;
}
		
#col1 {
float: left;
width: 15%;
margin-bottom: 1em;
padding-left: 0;
}
		
#col2 {
float: left;
width: 55%;
margin-left: 3%;
margin-bottom: 1em;
border-right: 1px dashed #dda875;
border-left: 1px dashed #dda875;
padding-right: 2%;
padding-left: 2%;
}
		
#col3 {
float: left;
width: 15%;
margin-left: 3%;
margin-bottom: 1em;

}

#navcontainer ul {
margin-left: 0;
padding: 0;
list-style-type: none;
background-color: #f4e1b9;
color: #666;
}

#navcontainer ul li a {
padding-left: 15px;
color: #666;
background: transparent url(images/list-off-orange.gif) left center no-repeat;
text-align: left;
font: 12px "Lucida Grande", "Lucida Sans Unicode", lucida, sans-serif;
text-decoration: none;
}

#navcontainer ul li a:hover {
color: #885835;
background: transparent url(images/list-on-orange.gif) left center no-repeat;
}

#navcontainer ul li a#current {
background: transparent url(images/list-active.gif) left center no-repeat;
color: #000;
}

#footer {
clear: both;
height: 40px;
background-color: #e88d33;
border-top: 15px solid #885835;
color: #000;
padding: .2em 0 0 .5em;
text-align: left;
}

h1 {
font: Arial, Verdana, sans serif;
margin: 0;
padding-top: 72px;
text-align: center;
position:relative;
left:-300px;
size: absolute;
font-size: 50pt;
color: #FFFFFF;
background-color: transparent;
}

h2  { 
margin-top: 0;
padding-top: .5em;
padding-bottom: .5em;
text-transform: uppercase;
font-size: 1em;
color: #885835;
background-color: inherit;
}

h3 {
margin-top: 0;
font-size: .75em;
text-align: center;
color: #666;
background-color: inherit;
}

a {
text-decoration: none;
color: #006699;
background-color: inherit;
}

a:hover {
text-decoration: underline;
color: #444;
background-color: inherit;
}

a img {
border: 0;
}

.mylink {

text-decoration: underline;
color: #006699;
background-color: inherit;

}

.mylink:hover {

text-decoration: underline;
color: #006699;
background-color: inherit;

}


.myimage {
float: left;
padding: 2px;
margin-right: 0.4em ;
margin-bottom: 0.4em ;
}

.myimageright {
padding: 2px;
margin-right: 0.4em ;
margin-bottom: 0.4em ;
}

.error {
text-decoration: inherit;
color: #FF;
background-color: inherit;
}

.QCLeft {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-style: normal;
	color: #FFFFFF;
	background-color: #707070;
}

.QCRight {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-style: normal;
	color: #FFFFFF;
	background-color: #999999;
}