/* CSS Document */

/* 
	CENTERS BACKGROUND HORIZONTALLY:  background: #ffffff url(images/bg_body.gif) 50% 0 no-repeat;
	CENTERS BACKGROUND VERTICALLY:  background: #ffffff url(images/bg_body.gif) 0 50% no-repeat;
	BACKGROUND CLINGS TO LEFT BROWSER EDGE:  background: #ffffff url(images/bg_body.gif) 0 0 no-repeat;

	BACKGROUND DOES NOT REPEAT:  background: #ffffff url(images/bg_body.gif) 0 0 no-repeat;
	BACKGROUND REPEATS VERTICALLY:  background: #ffffff url(images/bg_body.gif) 0 0 repeat-y;
	BACKGROUND REPEATS HORIZONTALLY:  background: #ffffff url(images/bg_body.gif) 0 0 repeat-x;

 */

body {
	background: #000000 url(images/bg_body_alt.jpg) 0 0 repeat-x;
	margin-top:0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
}

/*  Accessibility Navigation - blank 2x1px images with links to the Content area  */
#AccessibilityNav{
	width: 47.5em;
	min-width: 760px;
	}
#AccessibilityNav img{
	border:none;
}
/*  message for users with old Browsers - links to update Browsers  */
p#older_browsers {
	display: none;
}
/*  Company name invisible but to old browsers and Search Engines  */
div#CompanyName {
	display: none;
}


/* ************************************----------- HEADER -----------************************************ */
#Header {
	
	margin: 0 auto;
	width: 47.5em;
	min-width: 760px;
	height:97px;
	
}

* html body #Header {
	margin-bottom:-3px;
  }
/* ************************************----------- SEARCH -----------************************************ */
#Search {
	margin: 0;
	padding:0;
	}
#SearchTable {
	margin: 0 auto;
	background: #FFFFFF url(images/bg_seach.jpg) 480px 0 no-repeat;
	width: 47.5em;
	min-width: 760px;
	height:53px;
}

* html body #SearchTable {
	margin-bottom:-3px;
  }

/* ************************************----------- CONTENT AREA -----------************************************ */
#Container {
	margin: 0 auto;
	width: 47.5em;
	min-width: 760px;	
	background: #ffffff;
}

/* ************************************----------- LEFT COLUMN -----------************************************ */
/*  Background for the left column is specified here  */
#LeftColumn {
	background: #dfdfdf url(images/bg_splash_haccp.jpg) 0 0 repeat-x;
	padding: 5px 0px 0 0px;
	/*font-weight: bold;
	background: url(images/bg_left_column.jpg) 100% 130px  no-repeat;
	padding: 170px 5px 0 3px;  */
}

/*----------- 	NAVIGATION LINKS -----------*/

/* New side menu stuff */

.AnimTree .buttonlabel {
	color: #000;
	font-size: .8em;
	cursor: pointer;
}

.AnimTree .buttonlabel a {
	text-decoration:none;
	color:#000;
}

.AnimTree .button { padding-top: .5em; padding-bottom: .5em; padding-left: .5em; border-bottom:#FFFFFF 1px solid;}


.AdminMenu {
	color: #000;
}

.AdminMenu ul li {
	display: inline;
	list-style-type: none;
	padding: 0px 10px 0px 0px;

}
.AdminMenu a {
	color: #000;
	font-size: 0.75em;
}
.AdminMenu a:hover {
	text-decoration: none;
}

#AdminMenu a, #AdminMenu2 a {
	color:#000;
	display:block;
	font-size: .8em;
	text-decoration:none;
	padding-top: .5em; padding-bottom: .6em; padding-left: .8em; border-bottom:#FFFFFF 1px solid;
	}
	
/* **************----------- Grey Boxes -----------**************** */
.GreyBox {
	background-color: #dfdfdf;
	border: solid 1px #758058;
	margin: 5px 2px;
	padding-bottom: 10px;
}
.GreyBoxTitle {
	background-color: #758058;
	padding: 3px 0px;
	color: #FFFFFF;
	font-size: 0.85em;
	margin: 0px 0 5px 0;
}
.GreyBoxContent {
	font-size: 0.65em;
	color: #000000;
	margin: 0 3px 0px 2px;
	line-height: 1.5em;
}
.GreyBoxContent p{
	margin: 5px;
}
.GreyBoxContent a {
	color: #a80532;
}
.GreyBoxContent a:hover {
	color: #758058;
	text-decoration: none;
}
input.login {
	margin: 2px 0;
}

/* ************************************----------- MAIN COLUMN -----------************************************ */
#MainColumnPublicHome {
	padding-top: 5px;
	width: 37.875em;

}
#BreadCrumbTrail {
	font-size: 0.75em;
	color: #a6a6a6;
	margin-right: 10px;
}
#BreadCrumbTrail a {
	color: #a6a6a6;
}
#BreadCrumbTrail a:hover {
	color: #a80532;
	text-decoration: none;
}
#Content {
	padding: 0px 20px 5px 20px;
	font-size: 0.75em;

}

div#Content a, div#Content a:visited {
	color:#758058;
}

div#Content a:hover {
	color:#a80532;
	text-decoration: none;
}

#ModuleTitle {
	font-size:1.5em;
	text-align:center;
	}

#ModuleContent {
	padding: 0px 20px 5px 20px;
	font-size: 0.75em;
}



#ModuleContent a, #ModuleContent a:visited {
	color:#758058;
}

#ModuleContent a:hover {
	color:#a80532;
	text-decoration: none;
}

#ModuleContent li {
	margin-bottom:10px;
	font-size: 14px;
	}


#ModuleContent p {
	font-size: 1.25em;
	}
	
#ModuleContent img {
	margin-right:10px;
	font-size: 3em;
	}	

#ModuleContent pre {
	white-space:normal;
	font-size:1.25em;
	}
	
#ModuleContent h3 {
	font-size:1.5em;
	}
	
#ModuleContent ul {
	padding-top:5px;
	}

#ModuleContent ul ul{
	padding-left:5px;
	}

.TipText {
	font-size:14px;
	}
#FlashObject {
	text-align:center;
	}

#ModulesAdmin li{
	font-size:1em;
	}
	
#FormTable {
	border:#000000 1px solid;
	}

span.HighlightText {
	color: #00CC00;
}
	
#FormTable td{
	border:#000000 1px solid;
	}

.TableHeading {
	background:#666666;
	font-weight:bold;
	}

.TableHeading2 {
	font-weight:bold;
	}


.IconLinks {
	text-align:center;
	}

.IconLinks img {
	border:0px;
	}	


.IconLinks a:link, .IconLinks a:visited {
	text-decoration:none;
	font-size:.75em;
	padding:5px;
	}



.StudentListTableHeader {
	background:url(/images/table_heading_bg.gif) repeat-x;
	height:24px;
	color:#FFFFFF;
	font-weight:bold;
	}


h1#SiteTitle {
	color:#758058;
	font-size: 1.5em;
	font-style: italic;
	font-weight: normal;
	margin-left: 20px;
}
h1 {
	color:#a80532;
	font-size: 1.5em;
	font-style: italic;
	font-weight: normal;
}
H2 {
	color:#a80532;
	font-size: 1.25em;
	font-style: italic;
	font-weight: normal;
}
H3 {
	color:#000000;
	font-size: 1em;
	font-weight:bold;
}

H4 {
	margin: 5px 0 5px 0;
	padding: 0;
	color:#000000;
	font-size: 1em;
	font-weight:bold;
}
.subtitle {
	color:#758058;
	font-size: 1.0em;
	font-weight: bold;
	}

/* Learning modules */

#PageNumbers {
	text-align:center;
	}

#PageNumbers ul li {
	display: inline;
	list-style-type: none;
	padding: 0px 10px 0px 0px;
	line-height:30px;
	font-size:1em;
}

#PageNumbers a:link, #PageNumbers a:visited {
	text-decoration: none;
	background:#656a53;
	padding:5px;
	color:#FFFFFF;
	width:30px;
}



#PageNumbers a:hover {
	text-decoration: none;
	color:#CCCCCC;
}

#PageNumbers ul li a.current_page {
	font-weight: bold;
	font-style: italic;
	background:#000000;

}

h1#ModuleSiteTitle {
	color:#758058;
	font-size: 1.5em;
	font-style: italic;
	font-weight: normal;
}

#LearningModule {
	min-height:400px;
	}
	
#LearningModule ul, #LearningModule ul li {
	margin-left:15px;
	}


.CalendarBullets {
	list-style:url(images/calendar_bullet.png);
	}


/* 
p.quote {
	font-size: 0.75em;
	font-weight:bold;
}
p.Address {
	font-size: 0.75em;
}
 
p.SmallText {
	font-size: 0.65em;
	color: #000000;
	margin: 0 10px;
}

td#MainColumn p, td#MainColumn ul, td#MainColumn ol {
	font-size: 0.75em;
	line-height: 1.25em;
}
html>body div#Content td {
	font-size: 0.75em;
	line-height: 1.25em;
}
*/

td.BlackBorder { /* For the table graphic on the Training Binder page */
	border: solid 1px #000000;
	background-color: #8ec3cf;
	padding: 5px;
}

div#flashnote {
	border:solid 2px #06607a;
	padding:5px;
	}
/* ******************************----------- STEPS NAVIGATION FOR EACH MODULE -----------************************** */
table#StepsNavigation td a {
	display: block;
	color: #FFFFFF;
	font-size: 0.9em;
	text-decoration: none;
	font-weight: bold;
	width: 25%;
	line-height: 1.5em;
	padding: 0 10px;
}
html>body table#StepsNavigation td a{
	width: auto;
}
td.StepNavWait a{
	background-color: #9b052e;
	border-top: solid 2px #770222;
	border-left: solid 2px #770222;
	border-right: solid 4px #770222;
	border-bottom: solid 4px #770222;
}
td.StepNavOn a, td.StepNav a {
	background-color: #758058;
	border-top: solid 2px #024b5c;
	border-left: solid 2px #024b5c;
	border-right: solid 4px #024b5c;
	border-bottom: solid 4px #024b5c;
}

table#StepsNavigation td a:hover {
	color: #000000;
}
/* ************************************----------- FOOTER -----------************************************ */

#Footer {
	margin: 0 auto;
	width: 47.5em;
	min-width: 760px;
	border: solid 1px #a80532;
	border-top: 3px;
	background-color:#758058;
}
#ContactUs {
	color:#ffffff;
	padding: 10px 0;
}
span.BigText {
	font-size: 1.25em;
}
span.MedText {
	font-size: 1.0em;
}
span.SmallText {
	font-size: 0.65em;
}
#CopyrightTable {
	width: 47.5em;
	min-width: 760px;
}
#copyright {
	margin: 0 auto;
	width:760px;
	background-color: #000000;
	font-size: 0.65em;
	color:#ffffff;
}
#copyright a, span.SmallText a, span.MedText a {
	color:#ffffff;
	text-decoration: underline;
}
#copyright a:hover, span.SmallText a:hover, span.MedText a:hover {
	text-decoration: none;
}

div.error_message
{
	width: 100%;
	color: #f00;
	text-align: center;
	font-weight: bold;
	margin: 5px 0 10px 0;
}
div.notice_message
{
	width: 100%;
	text-align: center;
	font-weight: bold;
	margin: 5px 0 10px 0;
}

div.error
{
	color: #f00;
	text-align: center;
	font-weight: bold;
	margin: 5px 0 10px 0;
	clear: left;
}

img.module_img
{
	margin: 0 1em 0 2em;
}