/* ZERO OUT GLOBAL ELEMENTS --------------------------------- */
/* --------------------------------------------------------- */

body, h1, h2, h3, h4, h5, h6, p, li, ul, br, form {
  margin: 0px; /* Removes default margin that some browsers add. */
  padding: 0px; /* Removes default padding that some browsers add. */
}

/* SET THE BODY STYLES ------------------------------------- */
/* --------------------------------------------------------- */

body {
  font: 12px  Verdana, Helvetica,geneva, sans-serif; /* Sets the default size of the text to 100% of the user's default. Also sets the default font families for text throughout the page. */
  color: #000000; /* Sets the default color of the text. */
  /*background-color: #6099C4;*/
  background: #4F6FA7 url(images/layout/body_bg.jpg) repeat-x; /* Sets the background image to tile across the x axis of the page. Also sets the background color in case images are turned off or are unavailable. */
  text-align: center; /* Centers the page in various versions of WinIE5. */
}
img {border:none;}
form {font-size: 9px;}

/* STYLE THE MAIN WRAPPER DIV ------------------------------- */
/* --------------------------------------------------------- */

#sitetree {
  background: url(images/layout/content_bg.jpg) repeat-y center top;
  font-size:  10px;  /* 70% Sets the font size to 85% of the user's browser preference, */
  margin-top: 0px; /* Places 5 pixels of margin above content paragraphs. */
  margin-right: 0px; /* Places 10 pixels of space between the right edge of the content paragraphs and the right edge of the container. */
  margin-left: 0px; /* Places 20 pixels of space between the left edge of the content paragraphs and the left edge of the container. */
  line-height: 1.4; /* Opens up the spacing (leading) between lines of text. */
  }
#sitetree  ul {
  /* list-style-type: none; Removes default list bullets. */
  text-indent: 10px;
}
#sitetree li {	
  display: block; /* Changes list items from block to inline elements so that links flow side by side. */
  /*height: 26px;  Sets the height of the DIV to the height of the background image. */
}
#sitetree li a:link, #sitetree li a:visited, #sitetree li a{
	color: #000000;
	text-decoration:none;
	font-weight: bold;
	font-size: 10px;
}
#sitetree li a:hover, #sitetree li a:active, #sitetree li a:focus{
	color: #FF6600;
	text-decoration:none;
	font-weight: bold;
	font-size: 10px;
}

#topnav {
  /*position:absolute; top: 12px;*/
  /*float: left; */
  width: 871px; /* Sets the width of the nav DIV to 641 pixels. */
  /*background: url(images/layout/topnav_bg_jul.jpg) no-repeat bottom ; Adds a non repeating background image to the nav DIV. */
  background: url(images/layout/topnav_bg.jpg) no-repeat bottom ;/* Adds a non repeating background image to the nav DIV. */
  margin: 0px auto; /* Centers the content of the page within the window in all but versions of WinIE5. */
	
}
#topnav ul {
  /* padding-top:0px; */
  list-style-type: none; /* Removes default list bullets. */
  font-size: 11px;  /* Sets the font size to 100% of the user's browser preference, */
  text-align: right; /* Centers items in nav list. */
  /*text-indent: 10px;*/
  margin-right: 10px;
  height: 26px; /* Sets the height of the DIV to the height of the background image. */
}
#topnav li {	
  display: inline; /* Changes list items from block to inline elements so that links flow side by side. */
  height: 14px; /* Sets the height of the DIV to the height of the background image. */
}


#topnav li a:link, #topnav li a:visited {
	
	color: #333333; /* Sets color of unvisited and visited links to  white. */
	text-decoration: none; /* Removes default underline on links. */
	padding: 5px; /* Adds 5 pixels of padding around the links. */
	/* margin-right: 20px; Adds space to the right of each list item. */
	margin-left: 7px; /* Adds space to the left of each list item. */
	margin-top: 20px;
    height: 14px; /* Sets the height of the DIV to the height of the background image. */
}
#topnav li a:hover, #topnav li a:active, #topnav li a:focus {
  color: #FFFFFF; /* Changes text color of links to blue on hover, activation, and focus. */
  height: 14px; /* Sets the height of the DIV to the height of the background image. */
}

/* STYLE THE HEADER DIV ------------------------------------ */
/* --------------------------------------------------------- */
#wrapper {
  text-align: left; /* Resets the text alignment to left to override what was set for versions of WinIE5. */
  margin: 0px auto; /* Centers the content of the page within the window in all but versions of WinIE5. */
  width: 871px; /* Sets the overall width of the layout. */
}
#header {
  width: 871px;
  /*background: url(images/layout/header_bg_jul.jpg) no-repeat ;  Sets a centered, non-repeating background image on the header div of the layout. */
  background: url(images/layout/header_bg.jpg) no-repeat ; /* Sets a centered, non-repeating background image on the header div of the layout. */
  height: 133px; /* Sets the height of the header to the same height as the background image. */
}
#header_username {width: inherit;
	text-align:right;
  padding-right: 20px; /* Sets a centered, non-repeating background image on the header div of the layout. */
  padding-top:40px; /* Sets the height of the header to the same height as the background image. */
  font-size:10px;
  font-style:oblique;
  color:#FFFFFF;
}
#header h1 {
	vertical-align:bottom;
	padding-top:10px;
	padding-left: 871px; /* Sets large left padding on the h1 element so that the logo image within moves to the right of the clouds in the header background image. */
}

#header span {
	position: absolute; /* Takes the span (that holds the text for the H1 text) out of the document flow so that it can be positioned in an exact place on (or off) the page. */
	left: -3000px; /* Puts the text within the h1 way off screen so that visual users to not see it. */
}

/* STYLE THE NAVIGATION DIV ---------------------------------*/
/* --------------------------------------------------------- */

#navwrapper {
  text-align: left; /* Resets the text alignment to left to override what was set for versions of WinIE5. */
  margin: 0px auto; /* Centers the content of the page within the window in all but versions of WinIE5. */
  width: 871px; /* Sets the overall width of the layout. */
}
#nav {
  width: 871px; /* Sets the width of the nav DIV to 641 pixels. */
  background: url(images/layout/nav1_bg.jpg) repeat-x right top ;/* Adds a non repeating background image to the nav DIV. */
  height: 34px; /* Sets the height of the DIV to the height of the background image. */
	
}
#nav ul {
  padding-top:10px;
  list-style-type: none; /* Removes default list bullets. */
  font-size: 10px;  /* Sets the font size to 90% of the user's browser preference, */
  text-indent:10px;

}
#nav li {	
  /*background: url(images/layout/nav1s_bg.jpg) no-repeat ; */
  display: inline; /* Changes list items from block to inline elements so that links flow side by side. */
}


#nav li a:link, #nav li a:visited {
	color: #FFFFFF; /* Sets color of unvisited and visited links to  white. */
	font-weight:bold;
	text-decoration: none; /* Removes default underline on links. */
	padding: 0px; /* Adds 5 pixels of padding around the links. */
	margin-right: 7px; /* Adds space to the right of each list item. */
	margin-left: 3px; /* Adds space to the left of each list item. */
	margin-top: 7px;
}
#nav li a:hover, #nav li a:active, #nav li a:focus {
  color: #333333; /* Changes text color of links to blue on hover, activation, and focus. */
}
#langsel {
  display: inline;  clear:right;  /* Oviod form problems */
}

#return {cursor: pointer; font-size: 9px; color:#FFFFFF; text-align:right; margin-right: 5px; }

#nav2wrapper {
  text-align: left; /* Resets the text alignment to left to override what was set for versions of WinIE5. */
  margin: 0px auto; /* Centers the content of the page within the window in all but versions of WinIE5. */
  width: 871px; /* Sets the overall width of the layout. */
}
#nav2 {
  /* width: 871px; Sets the width of the nav DIV to 641 pixels. */
  background: url(images/layout/nav2_bg.jpg) repeat-x right top ; /*Adds a non repeating background image to the nav DIV. */
  color: #FFFFFF; /* Sets color of unvisited and visited links to  white. */
  /*background-color: #e0e0e0;*/
  height: 24px; /* Sets the height of the DIV to the height of the background image. */
}
#nav2 ul {
  padding-top: 4px;
  list-style-type: none; /* Removes default list bullets. */
  font-size: 11px; /*Sets the font size to 100% of the user's browser preference, */
  text-indent: 10px;
}
	
#nav2 li {	
  display: inline; /* Changes list items from block to inline elements so that links flow side by side. */
}

#nav2 li a:link, #nav2 li a:visited, #nav2 li a{
	color: #000000;
	text-decoration: none; /* Removes default underline on links. */
	padding: 0px; /* Adds 5 pixels of padding around the links. */
	margin-right: 7px; /* Adds space to the right of each list item. */
	margin-left: 3px; /* Adds space to the left of each list item. */
	margin-top: 0px;
}
#nav2 li a:hover, #nav2 li a:active, #nav2 li a:focus {
	text-decoration: none; /* Removes default underline on links. */
  color: #FFFF00; /* Changes text color of links to blue on hover, activation, and focus. */
}

/* STYLE THE INNER WRAPPER THAT HOLDS THE COLUMNS ---------- */
/* --------------------------------------------------------- */
#innerwrapper {
  /* position:relative; top: -20px; */
  background: url(images/layout/content_bg.jpg) repeat-y center top; /* Adds a background image to the column container that repeats on the y axix as long as there is content in either column. */
  float: left; /* Floating all columns and their container helps avoid IE bugs.*/
  width: 871px; /* Sets the width of the column container to 641 pixels, the total width of the layout. */
  padding: 0px 0px; /* This odd padding is added to the top and bottom of the DIV to avoid the escaping margin effect. */

}


/* STYLE THE CONTENT COLUMN --------------------------------- */
/* --------------------------------------------------------- */

#content {
  float: left; /*Floats the content DIV to the left of the layout. */
  width: 600px; /* Sets the width of the content column to 420 pixels. */
  /*height: 500px;*/
  min-height: 500px; 
/*  height: auto; */
  margin-left: 10px;
  overflow: visible;
}

#content_seltop {
	text-indent: 5px;
	text-align:right;
	color:#666666; 
	font-weight: normal;
	font-size: 9px;}
	
#content_seltop a:link, #content_seltop a:visited {
	color:#666666; 
	text-decoration:none;
}
#content_seltop a:hover, #content_seltop a:active, #content_seltop a:focus {
	text-decoration:none;
	color:#000000; 
}
	
#content_wrapper {float:left; padding: 0px 0px; width:auto; }

#content_title {
  padding-top:10px;
  width: 337px; /* Sets the width of the nav DIV to 641 pixels. */
  /*background: url(images/layout/welcome_heading.jpg) no-repeat; Adds a non repeating background image to the nav DIV. */
  font-size: 12px;
  font-weight:bold;
  color: #FF6600;
  height: 30px; /* Sets the height of the DIV to the height of the background image. */
  text-indent: 5px;
}

#content_title a {
  cursor:pointer;
  width: 337px; /* Sets the width of the nav DIV to 641 pixels. */
  /*background: url(images/layout/welcome_heading.jpg) no-repeat; Adds a non repeating background image to the nav DIV. */
  font-weight:bold;
  color: #FF6600;
 text-decoration:none;
}
#content_subtitle {
  padding-top: 5px;
  /* width: 500px; Sets the width of the nav DIV to 641 pixels. */
  /*background: url(images/layout/welcome_heading.jpg) no-repeat; Adds a non repeating background image to the nav DIV. */
  font-size: 11px;
  font-weight: 700;
  color: #FF6600;
  height: 25px; /* Sets the height of the DIV to the height of the background image. */
  text-indent: 5px;
}
#content_subtitle2 {
  padding-top: 5px;
  /*width: 500px;  Sets the width of the nav DIV to 641 pixels. */
  /*background: url(images/layout/welcome_heading.jpg) no-repeat; Adds a non repeating background image to the nav DIV. */
  font-size: 10px;
  font-weight: 700;
  color: #003399;
  height: 25px; /* Sets the height of the DIV to the height of the background image. */
  text-indent: 5px;
}
#content h2 {
	padding-top: 5px; /* Adds 5 pixels of padding to the top of the h2 element. */
	padding-left: 0px; /* Adds 5 pixels of padding to the right of the h2 element. */
	padding-bottom: 5px; /* Adds 5 pixels of padding to the bottom of the h2 element. */
}
#content h2 span {
	position: absolute; /* Takes the span (that holds the text for the H2 text) out of the document flow so that it can be positioned in an exact place on (or off) the page. */
	left: -3000px; /* Puts the text within the h1 way off screen so that visual users to not see it. */
} 
#content h3, h4, h5, h6 {
  margin-left: 10px; /* Places 20 pixels of space between the left edge of the content paragraphs and the left edge of the container. */
}
#content p {
  font-size:  10px;  /* 70% Sets the font size to 85% of the user's browser preference, */
  margin-top: 0px; /* Places 5 pixels of margin above content paragraphs. */
  margin-right: 0px; /* Places 10 pixels of space between the right edge of the content paragraphs and the right edge of the container. */
  margin-left: 5px; /* Places 20 pixels of space between the left edge of the content paragraphs and the left edge of the container. */
  line-height: 1.4; /* Opens up the spacing (leading) between lines of text. */
}
#content a {
text-decoration:none;
font-weight: bold;
/*font-size: 9px;*/
}
#content_more a {
	float:right;
	margin-bottom:10px;
	font-size:9px;
	text-decoration:none;
	color: #003399;
}

#contentfooter{
	background: url(images/layout/sel_grp_bg.jpg)  repeat-x top ;/* Adds a non repeating background image to the nav DIV. */
	background-color:#000000;
	float:left;
    width: 871px; /* Sets the width of the column container to 641 pixels, the total width of the layout. */
	padding: 0px 0px; 
}

#topart_wrapper {float:left; padding: 0px 0px; width:600px;}

#topart {
	float: left;
	width:190px;
	margin-left: 0px;
	margin-right: 5px;

}
#topart_text {
	height: 130px;
}
#topart_title {
  font-size: 10px; /* 75% */
  font-weight: bold;
  padding-top: 5px;
  width: 193px; /* Sets the width of the nav DIV to 641 pixels. */
  background: url(images/layout/topart_header_bg.jpg) no-repeat;/* Adds a non repeating background image to the nav DIV. */
  height: 29px; /* Sets the height of the DIV to the height of the background image. */
  color:#003399;
  text-indent: 0px;
  margin-left: 0px;
}

#topart p {
  font-size: 9.5px;  		/* Sets the font size to 60% of the user's browser preference, */
  margin-top: 0px; 		/* Places 5 pixels of margin above topart paragraphs. */
  margin-right:0px; 	/* Places 10 pixels of space between the right edge of the topart paragraphs and the right edge of the container. */
  margin-left: 0px; 	/* Places 20 pixels of space between the left edge of the topart paragraphs and the left edge of the container. */
  margin-bottom: 5px;
  line-height: 1.4; 	/* Opens up the spacing (leading) between lines of text. */
}
#topart h2, h3, h4, h5, h6 {
  margin-left: 10px; /* Places 20 pixels of space between the left edge of the topart paragraphs and the left edge of the container. */
}
#topartfooter a {
	background: url(Images/layout/topart_footer_bg.jpg) right ;/* Adds a non repeating background image to the nav DIV. */
	text-align: right;
	font-size:9px;
	color:#333;
	width: 193px; /* Sets the width of the column container to 641 pixels, the total width of the layout. */
	padding-right: 10px;
}
#topartfooter a:link, #topartfooter a:visited  {
	text-decoration:none;
	color: #000000;
}
#topartfooter a:hover, #topartfooter a:active, #topartfooter a:focus {
	text-decoration:none;
	color: #FF6600;
}
#sel_wrapper {
	background: url(images/layout/sel_bg_grp.jpg)  repeat-x top ;/* Adds a non repeating background image to the nav DIV. */
	float: left; /* Floating all columns and their container helps avoid IE bugs.*/
	width: 240px; /* Sets the width of the column container to 641 pixels, the total width of the layout. */
  	padding: 0px 0px; /* This odd padding is added to the top and bottom of the DIV to avoid the escaping margin effect. */
  	margin-top: 0px; /* Places 0 pixels of margin above content paragraphs. */
	margin-right: 10px; /* Places 10 pixels of space between the right edge of the content paragraphs and the right edge of the container. */
  	margin-left: 20px; /* Places 20 pixels of space between the left edge of the content paragraphs and the left edge of the container. */
  	margin-bottom: 0px; /* Places 0 pixels of margin above content paragraphs. */
	/*cursor: pointer;*/
	height: 200px;
	}
#sel_wrapper a {
	text-decoration:none;
	color: #FFFFFF;
}
#sel_header {
	background: url(images/layout/sel_header_bg.jpg) no-repeat top; /* Adds a non repeating background image to the nav DIV. */
	padding: 10px 0px; /* This odd padding is added to the top and bottom of the DIV to avoid the escaping margin effect. */
	font-size: 11px;  /* Sets the font size to 80% of the user's browser preference, */
	font-weight:bold;
	color:#FFFFFF;
  	height: 10px; /* Sets the height of the DIV to the height of the background image. */
  	text-indent:5px;
	}
#sel_footer {
	background: url(images/layout/sel_footer_bg.jpg) no-repeat bottom right;/* Adds a non repeating background image to the nav DIV. */
	text-align:right;
	color:#000000;
	height: auto;
  	padding: 0px 0px; /* This odd padding is added to the top and bottom of the DIV to avoid the escaping margin effect. */
	z-index: 1;
}
#sel {
	height: 133px;
	/*overflow:hidden;*/
	color:#FFFFFF;
  	padding: 0px 0px; /* This odd padding is added to the top and bottom of the DIV to avoid the escaping margin effect. */
	
}
#sel_title { 
  	font-size: 11px;  /* Sets the font size to 80% of the user's browser preference, */
	/*background: url(images/layout/sel_bg.jpg) no-repeat top;*/
  	height: auto; /* Sets the height of the DIV to the height of the background image. */
  	text-indent:5px;
	padding: 0px 0px; /* This odd padding is added to the top and bottom of the DIV to avoid the escaping margin effect. */
}
#sel p {
  font-size: 9px;  /* Sets the font size to 60% of the user's browser preference, */
  margin-top: 0px; /* Places 5 pixels of margin above content paragraphs. */
  margin-right: 5px; /* Places 10 pixels of space between the right edge of the content paragraphs and the right edge of the container. */
  margin-left: 5px; /* Places 20 pixels of space between the left edge of the content paragraphs and the left edge of the container. */
  line-height: 1.4; /* Opens up the spacing (leading) between lines of text. */
}
#sel h2, h3, h4, h5, h6 {
  margin-left: 10px; /* Places 20 pixels of space between the left edge of the content paragraphs and the left edge of the container. */
}

#item_wrapper {
	background: url(images/layout/item_bg.jpg)  repeat-y center ;/* Adds a non repeating background image to the nav DIV. */  
	float: left; /* Floating all columns and their container helps avoid IE bugs.*/
	width: 200px; /* Sets the width of the column container to 641 pixels, the total width of the layout. */
  	padding: 0px 0px; /* This odd padding is added to the top and bottom of the DIV to avoid the escaping margin effect. */
  	margin-top: 0px; /* Places 0 pixels of margin above content paragraphs. */
	margin-right: 0px; /* Places 10 pixels of space between the right edge of the content paragraphs and the right edge of the container. */
  	/*margin-left: 5px;  Places 20 pixels of space between the left edge of the content paragraphs and the left edge of the container. */
  	margin-bottom: 0px; /* Places 0 pixels of margin above content paragraphs. */

	}
#item_header {
	background: url(images/layout/item_header_bg.jpg) no-repeat top;/* Adds a non repeating background image to the nav DIV. */
  	padding: 8px 0px; /* This odd padding is added to the top and bottom of the DIV to avoid the escaping margin effect. */
  	font-size: 11px;  /* Sets the font size to 80% of the user's browser preference, */
  	height: auto; /* Sets the height of the DIV to the height of the background image. */
  	text-indent:10px;
	}
#item_header2 {
	background: url(images/layout/item_header_bg.jpg) no-repeat top;/* Adds a non repeating background image to the nav DIV. */
  	padding: 8px 0px; /* This odd padding is added to the top and bottom of the DIV to avoid the escaping margin effect. */
  	font-size: 11px;  /* Sets the font size to 80% of the user's browser preference, */
  	height: auto; /* Sets the height of the DIV to the height of the background image. */
  	margin-left:10px;
	}
#item_footer {
	background: url(images/layout/item_footer_bg.jpg) no-repeat bottom;/* Adds a non repeating background image to the nav DIV. */
	height: auto;
  	padding: 0px 0px; /* This odd padding is added to the top and bottom of the DIV to avoid the escaping margin effect. */
}
#item {
	font-size: 9px;
	margin-left: 10px;
  	padding: 0px 0px; /* This odd padding is added to the top and bottom of the DIV to avoid the escaping margin effect. */
	
}
.table {
 width: 200px;
/* border: 1px solid #aaa;*/
 margin: 0px 0px 0px 0px;
}
.table .row {
	display: block; 
 	padding: 1px 1px 1px 1px;
}
.table .cols {
	float: left;
	font-size: 1em;
	text-align: center;
	vertical-align:baseline;
	width: 90px;
	padding-right: 2px;	
	margin-right: 2px;
}
.table .cols2 {
	float: left;
	font-size: 0.8em;
	text-align: left;
	vertical-align:baseline;
	width: 100px;
	padding-right: 0px;	
	margin-right: 0px;
}
.table .clear {clear:both;}
#item h3 {
	font-size: 10px;
	margin:0;
	padding:0;
}
#item_title { 
  	font-size: 10px;  /* Sets the font size to 80% of the user's browser preference, */
	background: url(images/layout/item_bg.jpg) no-repeat;
  	height: auto; /* Sets the height of the DIV to the height of the background image. */
  	text-indent:5px;
	padding: 0px 0px; /* This odd padding is added to the top and bottom of the DIV to avoid the escaping margin effect. */
}
#item_price1 { 
  	font-size: 11px;  /* Sets the font size to 80% of the user's browser preference, */
  	height: 100px; /* Sets the height of the DIV to the height of the background image. */
  	text-indent: 10px;
	margin-top: 20px;
	top: 10px;
	padding: 0px 0px; /* This odd padding is added to the top and bottom of the DIV to avoid the escaping margin effect. */
}
#item_price2 { 
  	font-size: 13px;  /* Sets the font size to 120% of the user's browser preference, */
  	/* height: 100px; Sets the height of the DIV to the height of the background image. */
  	text-indent: 10px;
	margin-top: 5px;
	color:#FF0000;
	top: 10px;
	padding: 0px 0px; /* This odd padding is added to the top and bottom of the DIV to avoid the escaping margin effect. */
}
#item_price3 { 
  	font-size: 9px;  /* Sets the font size to 60% of the user's browser preference, */
  margin-top: 5px; /* Places 0 pixels of margin above content paragraphs. */
  line-height: 1.4; /* Opens up the spacing (leading) between lines of text. */
	color:#FF0000;
}
#item p {
  font-size: 9px;  /* Sets the font size to 50% of the user's browser preference, */
  margin-top: 0px; /* Places 0 pixels of margin above content paragraphs. */
  margin-right: 5px; /* Places 5 pixels of space between the right edge of the content paragraphs and the right edge of the container. */
  margin-left: 0px; /* Places 10 pixels of space between the left edge of the content paragraphs and the left edge of the container. */
  line-height: 1.2; /* Opens up the spacing (leading) between lines of text. */
}
#item h2, h3, h4, h5, h6 {
  margin-left: 10px; /* Places 20 pixels of space between the left edge of the content paragraphs and the left edge of the container. */
} 
#item_header A {
  	text-decoration: none; /* This odd padding is added to the top and bottom of the DIV to avoid the escaping margin effect. */
  	font-size: 12px;  /* Sets the font size to 80% of the user's browser preference, */
	color: #3366CC; /* Sets the height of the DIV to the height of the background image. */
  	text-indent:10px;
	}
#item_img1 {
	width:190px;
	margin-left:0px;
	margin-right:0px;}
#detail_wrapper {
	margin-top: 10px;
	margin-left: 10px; /* Places 10 pixels of space between the left edge of the content paragraphs and the left edge of the container. */
	margin-right: 15px;
	margin-bottom: 20px;
	vertical-align:baseline;
	}
#detail_wrapper .tr{
	padding: 0px 5px 0px 0px;
	height: 16px;
	}
#detail_wrapper .tr_odd {
	padding: 0px 5px 0px 0px;
	height: 16px;
	background-color:#ededed;
}
/*#detail_wrapper .tr:nth-child(odd) {
	background-color:#ededed;
}*/
#detail_wrapper .td {
	float: left;
	font-size: 9px;;
	text-align: left;

	width: 98px;
	padding-left: 2px;	
	margin-left: 5px;
}
#detail_label {
  float: left;
  font-size: 9px;  /* Sets the font size to 60% of the user's browser preference, */
  font-weight: bold;
  margin-top: 0px; /* Places 0 pixels of margin above content paragraphs. */
  margin-right: 0px; /* Places 5 pixels of space between the right edge of the content paragraphs and the right edge of the container. */
  margin-left: 0px; /* Places 10 pixels of space between the left edge of the content paragraphs and the left edge of the container. */
  line-height: 1.4; /* Opens up the spacing (leading) between lines of text. */
  height: 0px; /* Sets the height of the DIV to the height of the background image. */
  width: 140px; /* Sets the width of the nav DIV to 200 pixels. */
}

#detail_value {
  float: left;
  font-size: 9px;  /* Sets the font size to 60% of the user's browser preference, */
  margin-top: 0px; /* Places 0 pixels of margin above content paragraphs. */
  margin-right: 0px; /* Places 5 pixels of space between the right edge of the content paragraphs and the right edge of the container. */
  margin-left: 0px; /* Places 10 pixels of space between the left edge of the content paragraphs and the left edge of the container. */
  line-height: 1.4; /* Opens up the spacing (leading) between lines of text. */
  height: 0px; /* Sets the height of the DIV to the height of the background image. */
  width: 120px; /* Sets the width of the nav DIV to 200 pixels. */
}

#qlink {
	margin-left: 5px;
	background: url(Images/layout/qlink_bg.jpg) no-repeat;
	text-indent: 8px;
	padding-top: 3px;
	width: inherit;
	height: 21px;
}
	
#qlink a {
	padding: 0px;
	text-decoration:none;
	  font-size: 12px;
  font-weight:bold;
  color: #FF6600;
	font-weight:bold;
	height: 21px;}
	
#slink {
	padding: 0px;
	/*background: url(Images/layout/qlink_icon_bg.jpg) no-repeat;*/
	text-indent: 20px;
	padding-top: 5px;
	height: 20px;
}
	
#slink a {
	padding: 0px;
	text-decoration:none;
	  font-size: 10px;
  font-weight:bold;
  color: #FF6600;
	font-weight:bold;
	height: 20px;}	
#alink {
	padding: 0px;
	/*background: url(Images/layout/qlink_icon_bg.jpg) no-repeat;*/
	text-indent: 5px;
	padding-top: 5px;
	height: 20px;
}
	
#alink a {
	padding: 0px;
	text-decoration:none;
	  font-size: 10px;
  font-weight:bold;
  color: #FF6600;
	font-weight:bold;
	height: 12px;}	


#sidebar {
  /*position:relative;  top: -15px;*/
  float: left; /* Floats the sidebar to the left within its container. */

  width: 220px; /* Sets the width of the sidebar to 200 pixels. */
  
  	/*scrollbar-arrow-color: #3366ff;
	scrollbar-3dlight-color: #f0f0ff;
	scrollbar-darkshadow-color: #666666;
	scrollbar-face-color: #f0f8ff;
	scrollbar-highlight-color: #ffffff;
	scrollbar-shadow-color: #c0c0cc;
	scrollbar-track-color: #f5f5f5;*/

}


#sidebar h2 { 
	font-size: 12px;  /* Sets the font size to 100% of the user's browser preference, */
	color:#003399;
	padding-top: 10px;
	background:url(Images/layout/margin_header_bg.jpg) no-repeat; 
	margin-top: 5px; /* Adds 20 pixels of top margin so that the baseline of the  sidebar h2 text starts at the baseline of the Welcome image. */
	margin-right: 10px; /* Adds some space on the right of the h2 to make sure it doesn't touch the edge of the container. */
	margin-left: 10px; /* Adds some space on the left of the h2 to make sure it doesn't touch the left edge of the container. */
	height: 29px;
}

#sidebar_basket {
	padding-top: 0px;
	padding-left: 10px;
	margin-top: 5px; /* Adds 20 pixels of top margin so that the baseline of the  sidebar h2 text starts at the baseline of the Welcome image. */
	margin-right: 10px; /* Adds some space on the right of the h2 to make sure it doesn't touch the edge of the container. */
	margin-left: 40px; /* Adds some space on the left of the h2 to make sure it doesn't touch the left edge of the container. */

	
	}
#sidebar_basket p {
	overflow:auto;
	padding-right: 2px;
	font-size: 9px;  /* Sets the font size to 60% of the user's browser preference, */
	margin-top: 2px; /* Adds top margin to the paragraph text so that the baseline of the first line is even with the first line of text in the first content paragraph. */
	margin-right: 5px; /* Adds some space on the right of the h2 to make sure it doesn't touch the edge of the container. */
	margin-left: 10px; /* Adds some space on the left of the h2 to make sure it doesn't touch the left edge of the container.*/
	}
#sidebardet {
	overflow:auto;
	padding-right: 2px;
	font-size: 9px;  /* Sets the font size to 60% of the user's browser preference, */
	margin-top: 2px; /* Adds top margin to the paragraph text so that the baseline of the first line is even with the first line of text in the first content paragraph. */
	margin-right: 5px; /* Adds some space on the right of the h2 to make sure it doesn't touch the edge of the container. */
	margin-left: 10px; /* Adds some space on the left of the h2 to make sure it doesn't touch the left edge of the container.*/
}

#sidebardet a {
	text-decoration:none;
	color:#000099
	}
	
#footer {
	background: url(images/layout/footer_bg.jpg) no-repeat center top; /* Places a non repeating background image on the footer, and positions it at the top center of the DIV. */
	height: 125px; /* Sets a height that equals the height of the background image. */
}
#footer p {
  font-size: 9px;  /* Sets the font size to 70% of the user's browser preference, */
  text-align: center; /* Aligns footer paragraph text in the center of the DIV. */
  padding-top: 60px; /* Pads the footer paragraph text so that it starts in the soft, rounded, green rectangle. */
}

/* CLASSES FOR IMAGES AND CLEARING FLOATS -------- */
/* --------------------------------------------------------- */

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	font-size: 1px; /* Sets the font size to 1 pixel */
	line-height: 0px; /* Sets line-height to 0 -font and line-height, even if not explicitly on the page, might add diemnsion to the clearing element rather than make it larely invisible */
	clear: both; /* Keeps floated divs from draping over objects beneath them. */
	height: 0px; /* Makes sure the clearing element has no height */
}
.artimg1 { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	font-size: 1px; /* Sets the font size to 1 pixel */
	line-height: 0px; /* Sets line-height to 0 -font and line-height, even if not explicitly on the page, might add diemnsion to the clearing element rather than make it larely invisible */
	/*clear: both;  Keeps floated divs from draping over objects beneath them. */
	/* height: 0px;  Makes sure the clearing element has no height */
	width: 200px; 
	float: right; /* Floats the sidebar to the right within its container. */
}
.artimg2 { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	font-size: 1px; /* Sets the font size to 1 pixel */
	line-height: 0px; /* Sets line-height to 0 -font and line-height, even if not explicitly on the page, might add diemnsion to the clearing element rather than make it larely invisible */
	/*clear: both;  Keeps floated divs from draping over objects beneath them. */
	/* height: 0px;  Makes sure the clearing element has no height */
	height: 120px; 
	float: right; /* Floats the sidebar to the right within its container. */
}
.selimg1 { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	font-size: 1px; /* Sets the font size to 1 pixel */
	line-height: 0px; /* Sets line-height to 0 -font and line-height, even if not explicitly on the page, might add diemnsion to the clearing element rather than make it larely invisible */
	/*clear: both;  Keeps floated divs from draping over objects beneath them. */
	/* height: 0px;  Makes sure the clearing element has no height */
	width: 240px;
	/*height: 240px;*/
	margin-left: 4px;
	float: left; /* Floats the sidebar to the right within its container. */
}
.itemimg1 { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	font-size: 1px; /* Sets the font size to 1 pixel */
	line-height: 0px; /* Sets line-height to 0 -font and line-height, even if not explicitly on the page, might add diemnsion to the clearing element rather than make it larely invisible */
	/*clear: both;  Keeps floated divs from draping over objects beneath them. */
	/* height: 0px;  Makes sure the clearing element has no height */
	height: 100px;
	top: 10px;
	float: right; /* Floats the sidebar to the right within its container. */
}
.itemimg1a { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	font-size: 1px; /* Sets the font size to 1 pixel */
	line-height: 0px; /* Sets line-height to 0 -font and line-height, even if not explicitly on the page, might add diemnsion to the clearing element rather than make it larely invisible */
	/*clear: both;  Keeps floated divs from draping over objects beneath them. */
	/* height: 0px;  Makes sure the clearing element has no height */
	height: 80px;
	top: 10px;
	float: right; /* Floats the sidebar to the right within its container. */
}
.itemimg2 { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	font-size: 1px; /* Sets the font size to 1 pixel */
	line-height: 0px; /* Sets line-height to 0 -font and line-height, even if not explicitly on the page, might add diemnsion to the clearing element rather than make it larely invisible */
	/*clear: both; /* Keeps floated divs from draping over objects beneath them. */
	/* height: 0px;  Makes sure the clearing element has no height */
	/*width: 250px;*/
	height: 250px;
	top: 0px;
	float: right; /* Floats the sidebar to the right within its container. */
}
.selimg2 { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	font-size: 1px; /* Sets the font size to 1 pixel */
	line-height: 0px; /* Sets line-height to 0 -font and line-height, even if not explicitly on the page, might add diemnsion to the clearing element rather than make it larely invisible */
	/*clear: both;  Keeps floated divs from draping over objects beneath them. */
	/* height: 0px;  Makes sure the clearing element has no height */
	height: 150px; 
	float: right; /* Floats the sidebar to the right within its container. */
}
.sideimg1 { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	font-size: 1px; /* Sets the font size to 1 pixel */
	line-height: 0px; /* Sets line-height to 0 -font and line-height, even if not explicitly on the page, might add diemnsion to the clearing element rather than make it larely invisible */
	/*clear: both;  Keeps floated divs from draping over objects beneath them. */
	/* height: 0px;  Makes sure the clearing element has no height */
	width: 100px;
	margin-right: 6px;
	float: right; /* Floats the sidebar to the right within its container. */
}
.lftflt {
  	float: left; /* Moves the image to the left side of its container and allows text to flow around its right side. */
	margin-right: 8px; /* Adds 8 pixels of space to the right of the image so that it does not touch the text */
}

/*----------- extra for dynamic tables or list ---------------------- */

.UIContentList {
	BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; MARGIN: 5px; BORDER-LEFT: #cccccc 1px solid; BORDER-BOTTOM: #cccccc 1px solid
}

.UIContentList .Title {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-WEIGHT: bold; FONT-SIZE: 15px; BACKGROUND: #eeeeee; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT-FAMILY: Arial, Tahoma, Helvetica, sans-serif
}

.UIContentList .List {
	BACKGROUND: #ffffff; OVERFLOW: auto; HEIGHT: 270px
}

.UIContentList .List .item {
	MARGIN: 12px 5px
}

.news-title {
	font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#5E5E61; font-weight:bold; text-align:left; 
	margin: 10px 0px 10px 5px;
}

.news-title A {
	font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#5E5E61; font-weight:bold; text-align:left; 
	cursor:pointer; color:#558300; text-decoration:underline; font-weight:bold;
}

.news-article A {
	FONT-WEIGHT: bold; COLOR: black
}

.news-article A:hover {
	COLOR: orange
}

.news-content { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#5E5E61; text-align:left;
	margin: 0px 5px 10px 10px;
}

.Tabdet1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}
.Tabdet1fed {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #CC0000;
}
.Tabdet2fedred {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
}
.Tabdet2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.Tabdet2fed {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}
.Tabdet2fedred {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #CC0000;
}
.Tabdet3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.Tabdet3fed {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
.Tabdet3fedred {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #CC0000;
}
.login_wrapper {
    width: 500px;
	margin-left: 10px; /* Places 10 pixels of space between the left edge of the content paragraphs and the left edge of the container. */
}
.login_form {
	/* background: url(images/layout/sel_bg_grp.jpg)  repeat-x top ;Adds a non repeating background image to the nav DIV. */
	background-color:#CCCCCC;
	float: left; /* Floating all columns and their container helps avoid IE bugs.*/
	width: 250px; /* Sets the width of the column container to 641 pixels, the total width of the layout. */
  	padding: 10px;  /*This odd padding is added to the top and bottom of the DIV to avoid the escaping margin effect. */
  	margin-top: 0px; /* Places 0 pixels of margin above content paragraphs. */
	margin-right: 10px; /* Places 10 pixels of space between the right edge of the content paragraphs and the right edge of the container. */
  	margin-left: 10px; /* Places 20 pixels of space between the left edge of the content paragraphs and the left edge of the container. */
  	margin-bottom: 10px; /* Places 0 pixels of margin above content paragraphs. */
	/*cursor: pointer;*/
	text-align:right;
	color:#000000;
	border-style: solid; border-width:thin; border-color:#6699FF;
	}
.login_form input {right:auto; font:Geneva, Arial, Helvetica, sans-serif; font-size:10px; font-stretch:expanded; }