/* - - - - - - - - - - - - - - - - - - - - -

Title : JLee
Author : 
URL : 

Description : 

Created : 
Modified : 

- - - - - - - - - - - - - - - - - - - - - */

/* ----- CSS ----- */

*{
}	
html{
	height:100%;
}	
body
{
	background-color: #FFF;
	color: #414141;
	font-family: Verdana, sans-serif;
	font-size: 62.5%;
	line-height: 1.4em;
	/*text-align: justify;*/
	height:100%;
}

/* ----- IDS ----- */
#QDTDialog,#FoodSectorDialog{display:none; padding: 0px;}

.ui-dialog #QDTDialog[style],.ui-dialog #FoodSectorDialog[style] { width:1022px !important;}

#aspnetForm{
    height:100%;
}
#page-wrap{
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -130px;
}
#left
{
	background: #fff url(../images/bg_left.png) top left repeat-x;
}
#right
{
	background: #fff url(../images/bg_right.png) top left repeat-x;
	margin-left: 50%;
	position: relative;
}
#container
{
	margin: 0 auto 0 -495px; /*margin left = 1/2 of the width of the container (990) */
	position: relative;	
}
#utility
{
	position: absolute;
	top: -2px;
	right: 0;
	z-index: 600;
}
#utility ul
{
	padding: 0;
	margin: 0;
	position: relative;
	z-index: 50;
}
#utility li
{
	display: inline;
}
#utility li>a>img
{
	padding-top: 20px;
}
#utility .region-dropdown li
{
	display: list-item;
}
#utility a img
{
	height: 26px;
	vertical-align: bottom;
}
/* 
*********************
REGION SELECTOR
*********************
*/
#region div
{
	display: none;
}
#region.active
{
	background: transparent url(../images/region_bg.png) no-repeat bottom left;
	float: left;
	display: block;
	width: 183px;
	text-align: center;
}
#region.active div
{
	font-family: "anivers-1","anivers-2", "Corbel", Verdana, sans-serif;		
	font-size: 12px;
	display: block;
	padding: 0 25px;
	text-align: left;
}
#region a .imgover, #region.active a .select-region
{
	display: inline;	
}
#region a:focus
{
outline: none;
}
#region a .select-region, #region.active a .imgover
{
	display: none;
}
#region ul
{
	list-style-type: none;
}
#region ul ul
{
	margin-left: 20px;
}
#region .region-dropdown>ul>li
{
	border-bottom: 1px solid #e2eaf2;
	padding: 5px 0;
	width: 150px;
}
#region .region-dropdown li.active>a
{
	background: url(../images/region_arrow-dwn.png) no-repeat center right;
	padding-right: 15px;
}
#region ul a, #region ul a:link, #region ul a:visited
{
color:#fff;
text-decoration:none;
}
#region ul a:hover, #region ul a:focus, #region ul a:active
{
color:#0a3567;
}
#region ul ul a, #region ul ul a:link, #region ul ul a:visited
{
color:#afcfee;
text-decoration:none;
}
#region ul ul a:hover, #region ul ul a:focus, #region ul ul a:active
{
color:#fbd962;
}

.region-dropdown
{
	margin: 0 0 16px -8px;
	padding: 0 10px 20px;
	width: 183px;
}
/* 
*********************
END REGION SELECTOR
*********************
*/
#searchbar
{
	margin: 35px 10px 0 20px;
	position: absolute;
	right: 0;
	width: 233px;
	z-index: 0;
}
#searchbar input#txtSearch
{
	background-color: #EEF0F2;
	padding-left: 20px;
	padding-right: 63px;
	width: 147px;
}
#lblSearch
{
	position: absolute;
	top: 2px;
	left: 2px;
}
#searchbar input#btnSearch
{
	background-color: Transparent;
	position: absolute;
	top: 2px;
	right: 0;
}
#logo
{
	height: 72px;
	padding: 14px 0 0 60px;	
	width:560px;
}
#navigation h1#logo a
{
	background:none;
}
#flash-header-position
{
	min-height: 200px;
}
#flash-header-position .interior
{
	position: absolute;
	top: 125px;
}
#news-no-flash
{
	position: absolute;
	top: 80px;
	right: 230px;
}
#news-no-flash li
{
	font-size: 14px;
	list-style-type: square;
	padding: 13px 0;
}
#news-no-flash a, #news-no-flash a:link, #news-no-flash a:visited
{
	color: #414141;
	text-decoration: none;
}
#news-no-flash a:hover, #news-no-flash a:focus,#news-no-flash a:active
{
	background-color: #EFCC4C;
}
/* news page */
#news .news-item, #calendar .news-item
{
    margin: 4px 10px 4px 15px;
}
#news h3,#calendar h3
{
    font-size: 18px;
	padding: 0 0 10px;
	color: #3367A5;
	line-height: 20px;
}
#news h4, #calendar h4{
	font-size: 12px;
	padding-bottom: 10px;
}
.news-item
{
    clear: both;
   padding: 10px 0;
}
.news-item .release-date
{
    float: left;
    font-weight: bold;
    width: 85px;
}
.news-item .download-item
{
    float: right;
    font-weight: bold;
    width: 85px;    
}
/* display item is not used, causing errors in IE7 */
.news-item .download-item
{
	display: none;
}
.news-item h4
{
   font: normal 12px Arial, Helvetica, sans-serif;
   float: left;
   width: 80%;
}
.news-item h4 a, .news-item h4 a:link, .news-item h4 a:visited
{
    color:#00325B;
    text-decoration: none;
}
.news-item h4 a:hover, .news-item h4 a:active, .news-item h4 a:focus
{
    text-decoration: underline;
}
/* end news page */
#primary-content
{
	clear: both;
	float: left;
	font-size: 1.1em;
	padding: 0px 45px 0 65px;
	width: 530px;
}	
	#breadcrumb
	{
		border-bottom: 1px solid #699bd8;
		font-family: "anivers-1","anivers-2", "Corbel", Verdana, sans-serif;		
		font-size: 13px;
		margin: 7px 0 14px;
		padding-bottom: 10px;
		letter-spacing: -1px;
		text-transform: uppercase;
	}
	#breadcrumb ol
	{
		list-style-type: none;
		margin-left: -20px;
	}
	#breadcrumb ol li
	{
		background: right top no-repeat url(/webassets/images/icon_bcslash.gif);
		float: left;
		padding: 0 35px 0 20px;
	}
	#breadcrumb a, #breadcrumb a:link, #breadcrumb a:visited
	{
		color: #699BD8;
		text-decoration: none;
	}
	#breadcrumb a:hover, #breadcrumb a:focus, #breadcrumb a:active
	{
		background-color: #eee;
	}
#secondary-content
{
	float: right;
	width: 350px;
}	
#navigation
{
	background: url(../images/bg_header.png) top left no-repeat;
	font-size: 1.2em;
	height: 176px;
	position: relative;
	z-index: 500;
}	
#footer
{
	background: url(../images/bg_footer.jpg) top left repeat-x;
	clear: both;
	height: 154px;
}
#footer ul
{
      list-style-type: none;
      float: right;  
}
#footer li.copyright
{
    border: 0;
    padding: 0 10px 0 50px;
    position: absolute;
    left: 0;
}
#footer li
{
   float: left;
   padding: 0 5px;
}
/* ----- SLIDER SOLUTION ZONE ----- */

.slider-wrap .wrapper img{width:530px;}
.slider-wrap .more{width:530px; top: 245px;}
.slider-wrap .stripNavR a, .slider-wrap .stripNavL a {
    padding: 5px;
    top: 210px;
    right: 0;
}
.slider-wrap .stripNavL a {
    right: 30px;
}

/* ----- CLASSES ----- */
.delimiter
{
	margin: 0 auto;
	width: 990px;
}
#footer .delimiter
{
	font-size: .9em;
	padding: 24px 0 0 55px;
	position: relative;
	width: 940px;
}
.push{
    height:155px;
}
.hide{
}
.show{
}

.item{
	background-repeat: no-repeat;
	color: #414141;
	font-size: 11px;
    /*margin: 2px 0 2px 15px;*/
    line-height: 14px;
    margin: 27px 0 -10px 0;
    padding: 10px 0 3px 10px;
	position: relative;
    text-align: left;
    width: 325px;
	height: 110px;
}
.item img
{
	float: left;
	margin: 2px 0 0 2px;
	width: 88px;
}
.item .copy{
	float: left;
	padding: 5px 10px 10px 7px;
	width: 200px;
}
.item h3
{
    color: #414141;
	font-weight: bold;
	font-size: 12px;
	margin: 0;
	padding: 0 0 3px 0;
}
.item p
{
	color: #414156;
	margin: 0;
	padding: 0;
	font: normal 11px "anivers-1","anivers-2", "Corbel", Verdana, sans-serif;
}
.item.related{
	background-image: url(/webassets/images/banner-related.png);
}
.item a{
		bottom: 12px;
		display: block;
		height: 35px;
		position: absolute;
		right: 30px;
		text-decoration: none;
		width: 100px;
	}
	.item a span
	{
		visibility: hidden;
	}
	
.sub-sectors ul
{
    list-style-type: none;
    margin: 0;
}
.sub-sectors ul li
{
    margin: 0;
    padding: 4px 10px;
}
.sub-sectors ul li.odd
{
    background-color: #AACBEE;
}
.sub-sectors h3
{
    font-size: 14px;
    padding: 10px 0 7px 0;
}	
/* ----- HEADINGS ----- */

h1
{
	font-family: "anivers-1","anivers-2", "Corbel", Verdana, sans-serif;
	font-weight:bold;
	font-size:1.6em;
	padding: 5px 0 10px;
	text-transform:capitalize;
}
h2{
	font-family: "anivers-1","anivers-2", "Corbel", Verdana, sans-serif;
	font-family: "Anivers", "Corbel", Verdana, sans-serif;
	font-weight:bold;
	font-size:1.4em;
	padding: 10px 0 7px;
}
h3{
	font-family: "anivers-1","anivers-2", "Corbel", Verdana, sans-serif;
	font-family: "Anivers", "Corbel", Verdana, sans-serif;
	font-weight:bold;
	font-size:1.3em;
	padding: 7px 0 7px;}

/* ----- PARAGRAPHS ----- */

p
{
	padding-bottom: 10px;
}
#primary-content p{
}
#secondary-content p{
}

/* ----- QUOTES ----- */

blockquote{
}
blockquote p{
}
cite{
}
blockquote cite{
}

/* ----- CODE ----- */

pre{
}
code{
}
p code{
}
pre code{
}

/* ----- LISTS ----- */

li{
}
li p{
}
ol{
}
ul{
}
ol li{
}
ul li{
}

#ContentBlock1 ul, .article ul{
    margin-left: 15px;
}

#navigation ul
{
	margin: 0 0 0 10px;
	padding: 0;
	position: absolute;
	list-style-type: none;
	top: 110px;
}

#navigation ul li
{
	float: left;
	margin: 0;
	padding: 0;
}

#navigation a, #navigation a:link, #navigation a:visited
{
	color: #fff;
	display: block;
	font-family: "anivers-1","anivers-2", "Corbel", Verdana, sans-serif;
	padding: 10px 13px 12px;
	text-decoration: none;
}
#navigation a:hover, #navigation a:focus,#navigation a:active
{
	background-color: #2e65a7;
	padding: 10px 13px 12px;
}


/* submenu - extract later to put in external css file */

#navigation ul.root li:hover ul
{
	display: block;
}
#navigation ul.root ul
{
	display: none;
    background: #eee;
	border: solid 1px #fff;
	margin: 0 3px 0 0;
	padding: 3px;
	top: 36px;
	left: auto;
	width: 195px;
}
#navigation ul.root ul li
{
	clear: both;
	display: block;
	float: none;
	padding: 2px 0px 2px 0;
}
#navigation ul.root ul li a, #navigation ul.root ul li a:link, #navigation ul.root ul li a:visited
{
	color:#414141;
	display: block;
	padding: 7px 15px 7px 15px;
    margin: 0;
}
#navigation ul.root ul li a:hover,#navigation ul.root ul li a:focus,#navigation ul.root ul li a:active
{
	color:#fff;
}



#footer a, #footer a:link, #footer a:visited
{
	color: #000;
	font-weight: normal;
	text-decoration: none;
}
#footer .copyright{color:#fff;}
#footer .copyright strong{color:#000;}
#footer .copyright a, #footer .copyright a:link, #footer .copyright a:visited
{
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

#footer a:hover, #footer a:focus,#footer a:active
{
	text-decoration: underline;
}
/* ----- IMAGES ----- */

img{
}
a img{
}
a:hover img{
}

/* ----- BREAK ----- */

hr{
}

/* ----- TEXT FORMATTING ----- */

strong{
}
em{
}
b{
}
i{
}

/* ----- LINKS ----- */
.sub-sectors a, .sub-sectors a:link,.sub-sectors a:visited
{
    color: inherit;
    text-decoration: none;
}
.sub-sectors a:hover,.sub-sectors a:active,.sub-sectors a:focus
{
    text-decoration: underline;
}
a, a:link, a:visited{
    color:#2e65a7;
    text-decoration: underline;
}
a:hover, a:active, a:focus{
    color:#2e65a7;
    text-decoration: none;
}

a{
}
a:link{
}
a:visited{
}
a:hover{
}
a:active{
}
a:focus{
}

p a{
}
cite a{
}
li a{
}
dt a{
}
dd a{
}

/* ----- TABLES ----- */

table{
}
caption{
}
thead{
}
tbody{
}
tfoot{
}
tr{
}
tr.alt{
}
th{
}
td{
}

/* ----- FORMS ----- */

form{
}
fieldset{
}
legend{
}
label{
}
input{
}
textarea{
}
input, textarea{
}
select{
}
optgroup{
}
option{
}

/* ----- DEFINITIONS ----- */

dl{
}
dt{
}
dd{
}