<style type="text/css">


<!--

/* CSS Document 
*/

/* --------------------- GLOBAL RESET ELEMENTS ---------------------------- */


body, h1, h2, h3, h4, p {

	margin: 0px auto; /* Removes default margin that some browsers add. */
	
padding: 0px; /* Removes default padding that some browsers add. */
	
background: #fff;
	width: 100%;

}


/* -------------------- GLOBAL LAYOUT ELEMENTS --------------------------- */


body 
{
	background: #fff;     /* Background color...Gradient to 06F3F8...Gold is B89F75; Purple is 867D90 */       
    
margin: 0px auto;
    width: 100%;
}




h4{

	font-family:Verdana, Geneva, sans-serif;

	color: #333;

	font-size:100%;

	text-align: center;

	}




hr {

    border: none 0;

    border-top: 1px dashed #408A90;  /*the border*/
    
    
margin-left: 150px;

    width: 75%;

    height: 1px;   /*whatever the total width of the border-top and border-bottom equal*/

} 


hr.white {

    border: none 0;

    border-top: 1px dashed #fff;  /*the border*/
    
    
margin-left: 0px;
    
    margin-top: 1px;

    width: 15%;

    height: 1px;   /*whatever the total width of the border-top and border-bottom equal*/

} 


/* ---------- American Academy of Food Safety Beginning Styles as of February 16, 2013 ----------------- */

#navlogotitlebar {
    float: left;
    font-size: 100%;      /* Switch font size from 75% to 100% */
	font-family: Arial;   /* Sets font style of main text on secondary page */
	font-weight: bold;    /* Additional definitions for text centering for bold text. */
    /*background-image:url(../images/topnav5x175.png);*/
	/*background-repeat: repeat-x;*/
	background-color: #cc0000;  /* was #db4000 */
	height: 200px;
	width: 100%;
    }
    
.headerlogo  
{
    float: left; 
    margin-left: 150px;
    width: 135px;
}

.headertitle  
{
    float: left; 
    margin-left: 10px;
    margin-top: 25px;
    height: 35px;
    width: 680px;
}

.logoandtitle 
{
   width: 100%;
   height: 152px;   
}
    
.aafslogo 
{    
	margin-left: 150px;	
}

.logotext 
{    
	font-size: 150%;
	margin-top: 5px;
	margin-bottom: 25px;
}


#navlogotitlebar a {
	color: #000;
	text-align: center;
	margin-left: 210px;
	
margin-top: 10px;
	text-decoration: none;
	}
	
#navlogotitlebar a:hover {
	color: #fff;
	text-decoration: none;
	}
	



#titlelogo 
{
float: left;
    font-size: 100%;      /* Switch font size from 75% to 100% */
	font-family: Arial;   /* Sets font style of main text on secondary page */
	font-weight: bold;    /* Additional definitions for text centering for bold text. */
    background-color: #fff;
    height: 175px;    
    margin: 0px auto; /* Centers the content of the page within the window in all but versions of WinIE5. */
}



#titlecontent {                                    /* Set text centering CSS Rules for secondary pages. */
	float: left;
	font-size: 100%;      /* Switch font size from 75% to 100% */
	font-family: Arial;   /* Sets font style of main text on secondary page */
	background-color: #fff;
	margin-top: 20px;
	margin-left: 150px;
	margin-right: 175px;
	padding: 0px;	
	clear: both;	
	}

.greytext {
    font-size: 190%;      /* Switch font size from 75% to 100% */
	font-family: Arial;   /* Sets font style of main text on secondary page.*/
	color: #666;
	margin-top: 10px;
	margin-bottom: 0px;
	}


.titletext {
font-size: 300%;      /* Switch font size from 75% to 100% */
	font-family: Arial;   /* Sets font style of main text on secondary page.*/
	color: #000;
	margin-top: 0px;
	margin-bottom: 5px;
	}


#maincontent {                                    /* Set text centering CSS Rules for secondary pages. */
	float: left;
	font-size: 100%;      /* Switch font size from 75% to 100% */
	font-family: Arial;   /* Sets font style of main text on secondary page */
	background-color: #ccc;
	width: 900px;
	color: #000;
	margin-top: 15px;
	margin-left: 150px;
	margin-right: 175px;
	margin-bottom: 20px;
	padding: 10px;	
	clear: both;	
	}
	
.signature {
    font-size: 250%;      /* Switch font size from 75% to 100% */
	font-family: Monotype Corsiva;   /* Sets font style of main text on secondary page.*/
	font-weight: bold;
	color: #000;
	margin-top: 20px;
	margin-bottom: 2px;
	margin-left: 650px;
	}
	
.nametext {
    margin-top: 2px;
	margin-bottom: 15px;
	margin-left: 730px;
	}
	

.fadeline {
background-image:url(../images/fade_line.png);
	background-repeat: repeat-x;
	width: 900px;
    height: 29px;
    margin-top: 5px;
	}


.classbuttons {
    margin-top: 5px;
	margin-bottom: 5px;
	}


.certbutton { width: 80px; margin-left: 100px; border-width: 0px; }

.summerfestbutton { width: 80px; margin-left: 225px; border-width: 0px; }

.recertbutton { width: 80px; margin-left: 225px; border-width: 0px; }


.buttontitles 
{
   text-align: left;
   margin-top: 5px;
   margin-bottom: 5px;
   width: 900px;
	}


.certtitle  
{
    float: left; 
    margin-left: 30px;
    font-weight: bold;
}

.summerfesttitle  
{
    float: left; 
    margin-left: 80px;
    font-weight: bold;
}

.recerttitle  
{
    float: left; 
    margin-left: 80px;
    font-weight: bold;
}


#redcontent {             
/* Set text centering CSS Rules for secondary pages. */
	
float: left;
	font-size: 100%;      /* Switch font size from 75% to 100% */
	font-family: Arial;   /* Sets font style of main text on secondary page */
	background-color: #cc0000;
	width: 920px;
	color: #000;
	margin-top: 10px;
	margin-left: 150px;
	margin-right: 175px;
	margin-bottom: 40px;
	padding: 0px;		
	}
	
.lineone 
{
   width: 920px;
   height: 152px;   
}
	
.shirmpimage  
{
    float: left; 
    margin-left: 0px;
    width: 145px;
}
.titleinfo  
{
    float: left; 
    margin-left: 5px;
    height: 152px;
    width: 400px;
}
.smallemail  
{
    float: right;
    text-align: center;
    font-size: 80%;      /* Switch font size from 75% to 100% */
	font-family: Arial;   /* Sets font style of main text on secondary page.*/
	font-weight: bold;
	margin-left: 40px;
    text-decoration: none;
    background-color: #ccc;
    height: 20px;
    width:330px;
    margin:0px;
}

.smallemail a:link { color: #000; text-decoration: none;}

.smallemail a:hover {color: #000; text-decoration: underline;}


.redtext  
{
   float: left; 
    font-weight: bold;
    margin-left: 150px;
    width: 720px;
    clear: both;
}



	


#secondarycontent {      /* Set text centering CSS Rules for secondary pages. */
	
float: left;
	
font-size: 100%;      /* Switch font size from 75% to 100% */
	
font-family: Arial;   /* Sets font style of main text on secondary page */
	
background-color: #fff;
	
width: 900px;
	
margin-top: 5px;
	
margin-left: 150px;
margin-right: 175px;

margin-bottom: 5px;
padding: 15px;
clear: both;
}


	
ul.square {
	list-style-type: square;  /* Set list style type as square.*/
	line-height: 1.5em;       /* Set line height between lines of unordered list.*/
	margin-top: 0.25em;       /* Set margin space between text above and unordered list.*/
	
margin-bottom: 0.25em;    /* Set margin space between end of unordered list and text below.*/
	color: #000;              /* Set background color for home page. */	
	}

ul.square li a{
	text-decoration: underline;
	color: #000;
}

ul.square li a:visited {
	text-decoration: underline;
	color: #000;
}

ul.square li a:hover {
	text-decoration: underline;
	clor: #000;
}

ul.squaremore {
	list-style-type: square;  /* Set list style type as square.*/
	line-height: 1.5em;       /* Set line height between lines of unordered list.*/
	margin-top: 0.25em;       /* Set margin space between text above and unordered list.*/
	margin-bottom: 0.25em;    /* Set margin space between end of unordered list and text below.*/
	color: #000;              /* Set background color for home page. */	
	margin-left: 25px;
	}

	
.signature {
    font-size: 250%;      /* Switch font size from 75% to 100% */
	font-family: Monotype Corsiva;   /* Sets font style of main text on secondary page.*/
	font-weight: bold;
	color: #000;
	margin-top: 20px;
	margin-bottom: 2px;
	margin-left: 650px;
	}
	
.nametext {
    margin-top: 2px;
	margin-bottom: 15px;
	margin-left: 730px;
	color: #000;
	}
	
.fadeline {
    background-image:url(../images/fade_line.png);
	background-repeat: repeat-x;
	width: 900px;
    height: 29px;
    margin-top: 5px;
	}	
	
	
.biglogo  
{
    float: left; 
    margin-left: 5px;
    width: 400px;
    height: 400px;
}

.contactustitle  
{
    float: left; 
    margin-left: 50px;
    margin-top: 5px;
    height: 410px;
    width: 450px;
    color: #000;
}

.logoandform 
{
   width: 920px;
   height: 530px;   
}

.applications 
{
   float: left;
   color: #000; 
   font-weight: bold;
   margin-top: 15px;
   margin-bottom: 15px;
   width: 100%;
}

.certrequestform  
{
   float: left;
   font-size: 75%;      /* Switch font size from 75% to 100% */
   font-family: Arial;   /* Sets font style of main text on secondary page.*/
   font-weight: bold;
   text-decoration: none;
   text-align: center;
   background-color: #ccc;
   height: 20px;
   width:340px;
   padding:10px;
   border:1px solid black;
   margin-left:0px;
}

.certappdoc  
{
   float: left;
   font-size: 75%;      /* Switch font size from 75% to 100% */
   font-family: Arial;   /* Sets font style of main text on secondary page.*/
   font-weight: bold;
   text-decoration: none;
   text-align: center;
   background-color: #ccc;
   height: 20px;
   width:350px;
   margin-left: 10px;
   padding:10px;
   border:1px solid black;
}

.certsmalllogo  
{
   float: left;
   height: 45px;
   width:46px;
   margin-left: 10px;
   border-style: none;
}


.recertsmalllogo  
{
   float: left;
   height: 45px;
   width:46px;
   margin-left: 10px;
   border-style: none;
}


.festsmalllogo  
{
   float: left;
   height: 45px;
   width:46px;
   margin-left: 10px;
   border-style: none;
}


.recertappdoc  
{
   float: left;
   font-size: 75%;      /* Switch font size from 75% to 100% */
   font-family: Arial;   /* Sets font style of main text on secondary page.*/
   font-weight: bold;
   text-decoration: none;
   text-align: center;
   background-color: #ccc;
   height: 20px;
   width:360px;
   margin-left: 10px;
   padding:10px;
   border:1px solid black;
}

.summerfestapp  
{
   float: left;
   font-size: 75%;      /* Switch font size from 75% to 100% */
   font-family: Arial;   /* Sets font style of main text on secondary page.*/
   font-weight: bold;
   text-decoration: none;
   text-align: center;
   background-color: #ccc;
   height: 20px;
   width:350px;
   margin-left: 10px;
   padding:10px;
   border:1px solid black;
}
   


#secondarycontent a {
	color: #000;
	text-decoration: none;
	/* border:1px solid red; */
	}
	

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

#footerbottom {
    float: left;
    font-size: 75%;      /* Switch font size from 75% to 100% */
	font-family: Arial;   /* Sets font style of main text on secondary page */
	font-weight: bold;    /* Additional definitions for text centering for bold text. */
    background-color: #ccc;
    color: #000;
	margin-top: 0px auto;
	height: 100px;
	width: 100%;
    }


.contactinfo {
    margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 150px;
	}
	

.bottomhome { margin-left: 465px; }

.bottomabout { margin-left: 25px; }

.bottomcontact { margin-left: 25px; }

.bottomfaq { margin-left: 25px; }


#footerbottom a 
{
    color: #000;
 text-decoration: none;}

#footerbottom a:hover {
	text-decoration: underline;
	}
	

-->

</style>

