body
{
        font-family:Verdana,Garmond,Arial,Sans-Serif;
        color:#000; /* #333 */
        font-size:.72em;  /* .68em; */
        background: #500000; 
        text-align:center;
        margin:0;
}

/*************************************************************************************************
Layout of the website:Container, Top, Breadcrumb,  Left Content, Right content and Footer
**************************************************************************************************/

#container
{
        width: 90%;
        min-width:400px;
        max-width:1366px;
        min-height:400px;   
        margin: 10px auto;
        background-color:white;
        color: #333;
        border: 1px solid gray;
        line-height:140%;
        text-align:left;
       /*
        background-image:url(../../Images/bg_menu.jpg);
        background-repeat:repeat-x;
        background-position:0px 106px;
      */
}

#top
{       
        border-bottom:1px solid #500000;
}

#menu
{
        padding:0.5em .5em;
        height:18px; /* Original 30px */
        color:maroon;
        border-bottom: 1px solid #500000; /* Original border-bottom: 2px solid #DEDEDE; */
       /* border-bottom: 3px solid #7F7F7F;  */ 
        margin-top:1px;
        margin-bottom:1px; 
        background:#F8F8F8; /* Original white */
}

#topMenu
{
    padding:0.5em .5em;
    border-bottom: 1px solid #500000; /* Original border-bottom: 2px solid #DEDEDE; */
    margin-bottom: .5em;
}

#leftcontent
{
        float: left;
        width: 70%;
        min-height:400px;
        margin: 0;
        padding: 0.2em;
        background-color:White;
}

#rightcontent
{
        float: left;
        width: 25%;
        margin-left:20px;
       /*  margin-left: 620px; */
        min-height:400px;
        padding: 0.2em;
        background-color: White;
}

#footer
{
		font-size:.8em;
        min-height:30px;
        margin: 0;
        padding: .1em;
        color: #333;
		border-top: 2px solid gray;
        text-align:center;
        background:#F8F8F8;
}

.clear
{
        clear:both;
}

/* End of Table layout */

/* Page layout for One Sample Strategy  added on 04/07/2011*/

#OneSampleLeft
{
	padding: 1.2em 2.5em 1.2em 2.5em;
}

#OneSampleRight
{
	padding:1.2em 2em 1.2em 0;
}

#Page
{
	padding:2em;
}

#EducationPage
{
	padding:1.2em 2em;
}

/* Heading layout */

h1 { font-size: 1.8em }
h2 { font-size: 1.6em }
h3 { font-size: 1.4em }
h4 { font-size: 1.2em }
h5 { font-size: 1em }

#top h1{ font-family:arial; color:black; margin: 0 0 .5em 0; width:70%; margin: .5em 10px; color: #500000;}
#top h2{ font-family:arial; color:black; margin: 0 0 .5em 0; width:70%; font-style: italic; }
#top h3{ font-family:arial; color:black; margin: 0 0 .5em 0; width:70%; font-style: italic; }
#top h4{ font-family:arial; color:black; margin: 0 0 .5em 0; width:70%; font-style: italic; margin: .5em 10px;}

#OneSampleLeft h1{ font-family:arial; color:black; margin: 0 0 .5em 0; width:70%; }
#OneSampleLeft h2{ font-family:arial; color:black; margin: 0 0 .5em 0; width:70%; font-style: italic; } /* previous color:#8B3A3A */
#OneSampleLeft h3{font-family:arial;color:black; margin: 1em 0 0em 0em;} /* previous color: #25383C change to #00386B */
#OneSampleLeft h4{font-family:arial;color:black; margin: 1em 0 0em 0em;}

#OneSampleRight h1{ font-family:arial; color:#691F01; margin: 0 0 .5em 0;  }  /* previous color:#8B3A3A */
#OneSampleRight h3{font-family:arial;color:#691F01;margin: 1em 0 0em 0em; line-height:normal }

/* Image Layout */

.imageLeftSmall
{
	float:left;
	margin: 1em;
	display:inline;
	padding:2px;
	border-top:1px solid #CCC;
	border-right:3px solid #999;
	border-bottom:3px solid #999;
	border-left: 1px solid #CCC;
	background:#E0E0E0;
	text-align:center;
	color:gray;	
}

.imageLeftSmallSample
{
	float: left;
	margin: 0 0.5em 0 0;
	display:inline;
	padding:2px;

	/* border-top:1px solid #CCC;
	border-right:3px solid #999;
	border-bottom:3px solid #999;
	border-left: 1px solid #CCC;
	background:#E0E0E0;*/
	text-align:left;
	color:gray;
}


/****************************
TABLE STYLES
****************************/


/* For OTSC policy layout */
.tablePolicy 
{
	width:100%;
	border-collapse:collapse;
	table-layout:fixed;
	border:1px solid #D0D0BF;
	caption-side:top;
	/* background-color: #FFFFF0; */
	border-bottom:4px solid #D0D0BF;
}

.tablePolicy td
{
	padding:.5em;
}

.tablePolicy th
{
	/*background-color:#6D7B8D;*/
	background-color:white;  /* #6D7B8D; */
	border-bottom:2px solid #D0D0BF;
	padding:.2em;
	color:black;
	text-align:center;
	background-image:url(../../Images/bg_tableH.jpg);
    background-repeat:repeat-x;
    background-position:0 0;
}


/* For HACCP table layout */

.tableHACCP 
{
	width:85%;
	border-collapse:collapse;
	table-layout:fixed;
	border:1px solid #D0D0BF;
	caption-side:top;
	/* background-color: #FFFFF0; */
	border-bottom:4px solid #D0D0BF;
}

.tableHACCP td
{
	padding:.5em;
}

.tableHACCP th
{
	/*background-color:#6D7B8D;*/
	background-color:white;  /* #6D7B8D; */
	border-bottom:2px solid #D0D0BF;
	padding:.2em;
	color:black;
	text-align:left;
	background-image:url(../../Images/bg_tableH.jpg);
    background-repeat:repeat-x;
    background-position:0 0;
}


/* End of Table layout */


/**************************************
LINKS  
**************************************/

#AllPage a:link
{
    color:#00386B;
    text-decoration:none;
}

#AllPage a:visited
{
    color:gray;
    text-decoration:none;
}

#AllPage a:hover
{
    color:#FF3300;
    border-bottom:1px dotted;
}

#AllPage a:active
{
    color:#00386B;
    text-decoration:none;
}


/* For the One Sample Strategy pages */

/* For Left portion: One Sample Strategy */
#OneSampleLeft a:link
{
    color:#00386B; 
    font-weight:bold;
    text-decoration:none;
}

#OneSampleLeft a:visited
{
    /* color:#00386B; 
	color:#2F4F4F; */
	color: gray; 
    text-decoration:none;
}

#OneSampleLeft a:hover
{
    color:#FF3300;
    border-bottom:1px dotted;
}

#OneSampleLeft a:active
{
    color:#00386B;
    text-decoration:none;
}

/* For Right portion : Oen Sample Strategy */

#OneSampleRight a:link
{
    color:#00386B; 
    text-decoration:none;
    font-weight:bold;
}

#OneSampleRight a:visited
{
    color:gray;
    /* color:#00386B; */
    text-decoration:none;
}

#OneSampleRight a:hover
{
    color:#FF3300;
    border-bottom:1px dotted;       
}

#OneSampleRight a:active
{
    color:#00386B;
    text-decoration:none;
}

/* For top menu */

#topMenu a:link
{
    padding: 0 .5em;
    border-left: 2px solid #EDEDED;
    color:Black;
    float:right;
    text-decoration:none;
}

#topMenu a:visited
{
    border-left: 2px solid #EDEDED;
    text-decoration:none;
    color:#500000;
}

#topMenu a:hover
{
    background: #EDEDED;
    text-decoration:none;
}

/******************
ASP.NET Controls

*******************/

.Label
{
	font-weight:bold;
}

.TextBox
{
	/*border:1px solid #933126; */
	background-color:white;
}

.fieldsetLaw
{
	background-color:white;
	border:1px solid #2C6080;
	padding:.5em .5em;
	text-align:center;
	margin:.5em 5em;
	/*
	background-image:url(../../Images/bg_tableH.jpg);
    background-repeat:repeat-x;
    background-position:0 0; */
	
	/* width:70%; */
}

.fieldsetLogin
{
	background-color:white;
	border:1px solid #2C6080;
	padding:.5em .5em;
	text-align:left;
	margin:.5em 5em;
	/*
	background-image:url(../../Images/bg_tableH.jpg);
    background-repeat:repeat-x;
    background-position:0 0; */
	
	width:50%; 
}

.ComboBox
{
	background-color:#FFFFE0;
}

#AllPage legend
{
	color:#5F9EA0;
	font-weight:bold;
}

.ul
{
	list-style-image:url(../../Images/link_dot2.gif);
	list-style-position:outside;
	padding-left:1.5em;
	margin-left:1em;
}

.ulOneSample
{
	/* list-style-image:url(../../Images/bullet_arrow.gif);
	list-style-position:outside; */
	padding-left:1.7em;
	margin-left:0.5em;
	line-height:1.8em;
}

.ulOneSampleImage
{
	list-style-image:url(../../Images/bullet_arrow.gif);
	list-style-position:outside; 
	padding-left:1.7em;
	margin-left:0.5em;
	line-height:1.8em;
}

.SmallText
{
	font-size:.8em;
	text-align:right;
}

.indent
{
    margin-left: 40px;
}

.SmallTextLeft
{
	font-size:0.8em; /* change from .8em to .5em */
	text-align:left;
}

.SmallTextRight
{
	font-size:.8em;
	text-align:right;
}

.CenterText
{
	text-align:center;
}

.RightText
{
	text-align:right;
}

.RedText
{
	color:Red;
}

.RedBoldText
{
	color:Red;
	font-weight: bold;
}

.GreenText
{
	color: Green;
	font-weight:bold;
}

.ULText  /* Underline Text */
{
	text-decoration: underline;
	font-size: 1.2em;
}

/* LeftBoxSample and SideBoxSample for One Sample strategy webpage */

.LeftBoxSample
{
	width:100%;
	/* border:solid 1px #ddd; */
	/* min-height:100px;*/
	
	border-right:5px solid #ddd;  /* #F5F5F5-ddd -#DBDBDB */
	border-bottom:5px solid #ddd;
	border-left:2px solid #F5F5F5;
	border-top:2px solid #F5F5F5; 
	padding:5px;
	margin-right:10px;
}

.LeftBoxSampleShade
{
	width:100%;
	/* border:solid 1px #ddd; */
	/* min-height:100px;*/
	border-top:2px solid #F5F5F5;
	border-right:5px solid #ddd;  /* ddd - #F5F5F5 */
	border-bottom:5px solid #ddd;
	border-left:2px solid #F5F5F5;
	/*
	border-left:1px solid #ddd;
	border-top:1px solid #ddd; 
    */
	background: url(../../Images/box/bg_box.jpg) repeat-x top left;
	padding:5px;
}

.RightBoxSample
{
	width: 100%;	
	min-height: 100px;
	padding: 5px 5px 5px 10px;
	/* background: url(../../Images/box/bg_box.jpg) repeat-x top left;*/
	border-top:2px solid #F5F5F5;
	border-right:5px solid #ddd;
	border-bottom:5px solid #ddd;
	border-left:2px solid #F5F5F5;
}

.RightBoxSampleShade
{
	width: 100%;	
	min-height: 100px;
	padding: 5px 5px 5px 10px;
	background: url(../../Images/box/bg_box.jpg) repeat-x top left;
	border-top:2px solid #F5F5F5;
	border-right:5px solid #ddd;
	border-bottom:5px solid #ddd;
	border-left:2px solid #F5F5F5;
	/*
	border-right:4px solid #ddd;
	border-bottom:4px solid #ddd;
*/
}

.DataEntryError
{
    color:red;
    font-style:italic;
}

/**** Tabbed menu ****/
#mainMenu 
{
    position: absolute;
    top:1px;
    list-style-type: none;
    overflow: hidden;
    margin: 0;
    padding: 0;
    background-color: White;
    border-bottom: 1px solid white
}

#mainMenu li 
{
    float: left;
    background-color: #500000;
    border-radius: 20px 20px 0px 0px;
    -webkit-border-radius: 20px 20px 0px 0px;
    -moz-border-radius: 20px 20px 0px 0px;
    margin-left: 1px;
}

#mainMenu li a 
{
    display: block;
    color: White;
    text-align: center;
    padding: 5px 20px;
    text-decoration: none;
    border-radius: 21px 21px 0px 0px;
    -webkit-border-radius: 21px 21px 0px 0px;
    -moz-border-radius: 21px 21px 0px 0px;
    border: solid 2px #330000;
    font-weight:bold;
}

#mainMenu li a:hover 
{
    background-color: #330000;
}

#mainMenu .active 
{
    background-color: White;
}

/**** End Tabbed menu ****/

.PageHeading 
{
     display: table;
    margin: 0 auto;
    font-weight:bold;
    font-size: 1.4em;
}

#TrainingBenefitsList
{
    list-style-type: square; 
    padding:0 16px; 
    margin: 0;
}

#TrainingBenefitsList li
{
    margin: .5em 0;
}