@charset "utf-8";
/* CSS Document */

body {font-family:"Times New Roman", Times, serif;
	font: 100%/"Times New Roman", Times, serif;
	background-color:#FFF;
	
}
ul, ol, dl, li { 
	padding: 1px;
	margin: 0;
	list-style: none;
	text-align: center;
}
 h1,h2,  h4, h5, h6, p {
	margin-top:5px;	
	padding-right: 15px;
	padding-left: 15px; 
	padding-top:0px;
	
}
h3 {
	margin-top:5px;	
	padding-right: 15px;
	padding-left: 55px; 
	padding-top:0px;
}

a img { 
	border: none;
	padding: 10px;
	margin: 
	float:left;
}
a:link {
	color: #000;
	text-decoration: none; 

}
a:visited {
	
	text-decoration: underline;
	color:#000;

}

#sidebar1 a:hover, #sidebar1 a:active, #sidebar1 a:focus { 
	text-decoration: underline;
	font-style:italic;
}
#nav a{display: block; /* this gives the anchor block properties so it fills out the whole LI that contains it so that the entire area reacts to a mouse click. */
	 /*this width makes the entire button clickable for IE6. If you don't need to support IE6, it can be removed. Calculate the proper width by subtracting the padding on this link from the width of your sidebar container. */
	text-decoration: none;
	color:#fff; 
}
#nav a:link {
	color: #fff;
	text-decoration:none;
}
#nav a:visited {
	
	text-decoration: underline;

}
#nav a:hover, #nav a:active,#nav a:focus { 
	text-decoration: underline;
	background-color:#59B7CF;
	width: 135px;
	height: 35px;
	
	
}
 #nav p {
	margin-top:0px;
	padding-top: 7px;	
	padding-right: 15px;
	padding-left: 15px; 
	text-align:center ;
}
.current{
	background: #E0070B;
	color: #FFF;
	display:block;
	width:135px;
	height:35px;
	text-align:center;
	text-decoration: underline;
	float: left;
}
#wrapper { 
width: 1100px;
border: 2px groove #000;
margin-left: auto;
margin-right: auto;
padding-bottom: 25px;
background-color: #fff;
background-image:none;

}
#header {
	height: 160px;
	width:1100px;
	text-align:center;
	background-image:url('Active Images/Food Handler Training2.jpg');
	background-repeat:no-repeat;
}

	
#nav {
	height: 35px;
	width: 671px;
	text-align:center;
	background-color:#000;
	color: #fff;
	clear:both;
	margin-right:auto;
	margin-left:auto;
	float: right;
}

.button1 
{  
background-color:#686868;
width: 135px;
height: 35px;
float:left;
border-right-style: solid;
	border-width: 1px;
}


#sidebar1 {
	width: 200px;
	border: 1px solid #000;
	float:left;
	margin: 55px 25px 15px 25px;
	background-color:#fff;
	display: block;
}
#sidebar1 p {
				text-align: center;
}

#content {
			width: 685px;
		padding-bottom: 25px;
			border: 2px solid #000;
			float: left;
			margin-top: 20px;
			background-color:#fff;
}

#content ul { 
				text-align: left;
				padding-left: 55px;
				list-style-type: square;
}
#content p { padding-left: 35px;
}
#sidebar2 {
			width: 90px;
			height: 90px;
			float:left;
			margin: 20px 5px 0px 10px;
			background-color:#fff;
			text-align: center;
}
#sidebarimage {
				margin-bottom: 140px;
}

#footer {
	height: 50px;
	width : 685px;
	position:relative; 
	clear: both;
	text-align: center;
	font-size: smaller;
	margin-right: auto;
	margin-left: auto;
	padding-top:5px;
	padding-left: 75px;

	
}
#bigbutton a{
					cursor:pointer;
					background-color:#E0070B;
					text-color: #fff;
					width: 300px;
					height: 35px;
					margin-left:15px;
					margin-top: 15px;
					margin-bottom: 25px;
					float:left;
					font-weight:bold;
					border-style:solid;
					border-color: #000;
	 				font-family:Oswald, sans-serif; /*Oswald is available from http://www.google.com/webfonts/specimen/Oswald*/
					letter-spacing:.1em;
					text-shadow: 0 -1px 0px rgba(0, 0, 0, 0.3); /*give the text a shadow - doesn't appear in Opera 12.02 or earlier*/
					color: #fff;
/*use box-shadow to give the button some depth - see cssdemos.tupence.co.uk/box-shadow.htm#demo7 for more info on this technique*/
					-webkit-box-shadow: inset 0px 1px 0px #3e9cbf, 0px 5px 0px 0px #205c73, 0px 10px 5px #999;
					-moz-box-shadow: inset 0px 1px 0px #3e9cbf, 0px 5px 0px 0px #205c73, 0px 10px 5px #999;
					box-shadow: inset 0px 1px 0px #3e9cbf, 0px 5px 0px 0px #205c73, 0px 10px 5px #999;
/*give the corners a small curve*/
					-moz-border-radius: 10px;
					-webkit-border-radius: 10px;
					border-radius: 10px;
					display: block;
					padding: 15px 2px 2px 14px;
					clear:right;
					
}
/***SET THE BUTTON'S HOVER AND FOCUS STATES***/
#bigbutton a:hover, #bigbutton a:focus {
color:#dfe7ea;
/*reduce the size of the shadow to give a pushed effect*/
-webkit-box-shadow: inset 0px 1px 0px #3e9cbf, 0px 2px 0px 0px #205c73, 0px 2px 5px #999;
-moz-box-shadow: inset 0px 1px 0px #3e9cbf, 0px 2px 0px 0px #205c73, 0px 2px 5px #999;
box-shadow: inset 0px 1px 0px #3e9cbf, 0px 2px 0px 0px #205c73, 0px 2px 5px #999;
}