.top-left, .top-right, .bottom-left, .bottom-right { 
	background-image: url('../Images/liquidcorners-1280x24.gif'); /* CHANGE: path and name of your image1 */
	height: 12px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
	font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
	}
.top-left, .bottom-left { 
	margin-right: 12px; /* CHANGE: replace by the width of one of your corners */
	}
.top-right, .bottom-right { 
	margin-left: 12px;  /* CHANGE: replace by the width of one of your corners */
	margin-top: -12px;  /* CHANGE: replace by the height of one of your corners */
	}
.top-right {
	background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
	}
.bottom-left  {
	background-position: 0 -12px;/* CHANGE: replace second number by negative height of one of your corners */
	
	 
	}
.bottom-right { 
	background-position: 100% -12px; /* CHANGE: replace second number by negative height of one of your corners */
	}
.inside {
	margin-left: 12px;               /* CHANGE: replace by the width of one of your corners */
	margin-right: 12px;              /* CHANGE: replace by the width of one of your corners */
	background: #ffffff;            /* YCC: background-color of the inside */
	color: #000000;                 /* YCC: default text-color of the inside */
	padding-left: 10px;    /*          YCC: all texts at some distance of the left border */
	 /*padding-right:10px;             YCC: all texts at some distance of the right border */
	text-align: left;               /* YCC: position of all texts inside */
	}
.notopgap    { margin-top: 0; }    /* DNC: to avoid splitting of the box */
.nobottomgap { margin-bottom: 0; } /* DNC: to avoid splitting of the box */
.insideleft, .insideright {
	background-image: url('../Images/liquidcorners-18.gif'); /* CHANGE: path and name of your image2 */
	background-repeat: repeat-y;   /* DNC: to pile the image2 as much as needed */
	}
.insideright { background-position: 100% 0; } /* DNC: position right corner */
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #fff;
	background-image: url();
}
#wrapper {
	position: relative;
	width: 100%;
	min-height: 110%;
	text-align: center;
	height: 100%;
}
#content {
	height: 100%;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	background-image: url('../Images/body-background-full.jpg');
	background-repeat: repeat-y;
	width: 1089px;
	margin-bottom: -15px;
}
#content2 {
	margin-bottom:-25px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	background-image: url('../Images/body-background-full.jpg');
	background-repeat: repeat-y;
	width: 1089px;
	height:25px;
}
#boxes {
	position: static;
	width: 900px;
}
#header {
	position: relative;
	height: 43px;
	top: 6px;
	width: 980px;
	left: 0px;
	z-index: 100;
	vertical-align: bottom;
}

#logo {
	position: absolute;
	height: 150px;
	top: 147px;
	width: 300px;
	left: -89px;
	z-index: 120;
}
#headermenu {
	position: relative;
	height: 25px;
	top: 7px;
	float: right;
	right: 30px;
}
#flash {
	position: relative;
	width: 880px;
	top: 0px;
	text-align: center;
	
}
#box1 {
	text-align: left;
	position: static;
	height: 375px;
	width: 550px;
	top: 444px;
	left: -4px;
}
#linklogout {
	position: absolute;
	height: 20px;
	width: 80px;
	top: 5px;
	left:5px;
	color:#F00;
	
}
#box2 {
	text-align: left;
	position: static;
}
#box3 {
	background-image: url(images/contentbox-cl-2.jpg);
	background-repeat: no-repeat;
	text-align: left;
	position: static;
	top: 444px;
	height: 376px;
	width: 286px;
	left: 611px;
}
ul.market {
	list-style: url(../Images/bullet.gif) disc;

}
ul.market li { color: #000; }
ul.market li span { color: #F00; }


body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background-color: #FFF;
}
.oneColFixCtrHdr #container {
	width: 1089px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto;
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-image: url(../Images/body-background-full.jpg);
	background-repeat: repeat-y;
}
.oneColFixCtrHdr #header {
	padding: 0 0 0 100px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}
.oneColFixCtrHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.oneColFixCtrHdr #mainContent {
	padding: 0 100px;
}
.oneColFixCtrHdr #footer {
	padding: 0 100px;
}
.oneColFixCtrHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
a:link {
	color: #000;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}

a:link {
	color: #000;
	text-decoration: none;
}
a:visited {
	color: #000;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}
a.linkage:link {
	color:#00F;	
	text-decoration: underline;
}
a.linkage:visited{
		color:#00F;	
		text-decoration: underline;
}
a.linkage:hover{
	color:#F00;
	text-decoration: underline;
	
	
}
a.linkage:active{
		color:#00F;	
	text-decoration: underline;
}

.INPUT
{
	border-right: #aab9b4 1px solid;
	border-top: #aab9b4 1px solid;
	font-size: 10pt;
	background-image: none;
	border-left: #aab9b4 1px solid;
	color: #000;
	border-bottom: #aab9b4 1px solid;
	font-family: 'Microsoft Sans Serif';
	background-color:#FFF;
	text-decoration: none;
}
.INPUT2
{
	border-right: #aab9b4 1px solid;
	border-top: #aab9b4 1px solid;
	font-size: 12pt;
	background-image: none;
	border-left: #aab9b4 1px solid;
	color: black;
	border-bottom: #aab9b4 1px solid;
	font-family: 'Microsoft Sans Serif';
	background-color: white;
	text-decoration: none;
}
.INPUT3
{
	border-right: #aab9b4 1px solid;
	border-top: #aab9b4 1px solid;
	font-size: 10pt;
	background-image: none;
	border-left: #aab9b4 1px solid;
	color: #000;
	border-bottom: #aab9b4 1px solid;
	font-family: 'Microsoft Sans Serif';
	background-color:Transparent;
	text-decoration: none;
}
.GENERAL
{
	font-weight: bolder;
	font-size: 10pt;
	color:#000;
	font-family: 'Microsoft Sans Serif';
	background-color: transparent;
}
.chasey
{
	font-weight:normal;
	font-size: 10pt;
	color:#000;
	font-family: 'Microsoft Sans Serif';
	background-color: transparent;
}
.products{
	font-size:10px;
}
.ErrorMessage
{
	font-weight: bolder;
	font-size: 10pt;
	color:red;
	font-family: 'Microsoft Sans Serif';
	background-color: transparent;
}


.ADDTITLE
{
	font-weight: bolder;
	font-size: 10pt;
	color:#000;
	font-family: 'Microsoft Sans Serif';
	background-color: #CCC;
} 
 
 
.HEADER
{
	font-size: 10pt;
	background-image: none;
	text-transform: none;
	color: #000;
	border-top-style: none;
	font-family: 'Arial Black';
	border-right-style: none;
	border-left-style: none;
	background-color: #CCC;
	border-bottom-style: none;
}

.TOP_BAR
{
	font-size: 8pt;
	text-transform: none;
	color: #000;
	font-family: 'Arial Black';
}

.TITLE
{
	font-size: 10pt;
	background-image: none;
	text-transform: none;
	color: #000;
	font-family: 'Arial Black';
	background-color: transparent;
}
.ERROR
{
	font-size: 10pt;
	color:Red;
}
.CONTENT_TITLE
{
	font-size: 10pt;
	background-image: none;
	text-transform: none;
	color: #000;
	font-family: 'Arial Black';
	background-color: transparent;
}
.CONTENT_SUBTITLE
{
	font-size: 8pt;
	background-image: none;
	text-transform: none;
	color: #000;
	font-family: 'Arial Black';
	background-color: transparent;
}

.LABEL
{
	font-size: 8pt;
	color: #000;
	font-family: 'Microsoft Sans Serif';
	background-color: transparent;
}

.LABEL_GENERAL
{
	font-size: 10pt;
	color: black;
	font-family: 'Microsoft Sans Serif';
	background-color: transparent;
}

.LINK_LABEL
{
	font-size: 10pt;
	color: #000;
	font-family: 'Microsoft Sans Serif';
	background-color: transparent;
	text-decoration: none;
	
	overflow: visible;
}




.BUTTON
{
	border-right: #002850 1pt solid;
	border-top: #002850 1pt solid;
	font-weight: bold;
	font-size: 8pt;
	background-image: none;
	border-left: #002850 1pt solid;
	color: #002850;
	border-bottom: #002850 1pt solid;
	font-family: Arial;
	background-color: #ffab28;
}

.MENU_TITLE
{
	font-weight: bold;
	font-size: 8pt;
	background-image: url(/Images/menuBar.gif);
	text-transform: none;
	color: #000;
	border-top-style: none;
	background-repeat: no-repeat;
	font-family: 'Microsoft Sans Serif';
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
}

.JCLINK a, .JCLINK a:active {
	position:absolute;
	padding-left:19px;
	margin-left:-19px;
}
.JCLINK a:hover {
	padding-left:19px;
	margin-left:-19px;
	background-image: url('Images/jc-linklabel.gif');
	background-position:left center;
	background-repeat: no-repeat;
	color:#419aa7;
}
/* PopUps
--------------------------------------------------*/
.popup {
	position:absolute;
	top:200px; left:50%;
	width:325px;
	background:#fff;
	text-align:left;
	border:2px solid #000;
}
.popup .hdr {
	padding:5px 0;
	background:#000;
	text-align:center;
}
.popupWrap {
	padding:5px;
}
.popup .form-row {
	margin-bottom:5px;
	text-align:right;
}
.popup label {
	font-weight:bold;
}
.popup .input-text {
	width:225px;
}
.popup .input-area {
	margin:0;
	width:300px; height:60px;
}
.popup .form-submit {
	padding:5px;
}
/* CalendarImage
--------------------------------------------------*/
#DatePicker_image
{
   position:relative;
   top:5px;
}

/* misc fixes
--------------------------------------------------*/
#menu {
	height: 90px;
	top: 80px;
	background-repeat: repeat-x;
	z-index: 100;
	left: 0px;
	position: absolute;
}
html, body, #contents {
	

	min-height: 100%;
	width: 100%;
	height: 100%;
}
/*
 * The "height" above is a hack for IE5+/Win.  Below we adjust
 * it using the child selector to hide from IE5+/Win
 */

html>body, html>body #contents {
	height: auto;
}

/*
 * Without this, Moz1.0 adds a vertical scrollbar
 */
#contents {
	top: 0;
    left: 0;
/*  Use the following to center this at 50% width, or this for 750px: width: 700px, margin-left: -350px: */
/*
	left: 50%;
    width: 50%;
    margin-left: -25%;
*/
}
#main {
	margin-bottom: 5em;
	height: auto;
	padding: .5em;
}