/* CSS Document */

/*.bl {background: url(bl.gif) 0 100% no-repeat #e68200; width: 20em}*/
/*solid orange*/

/*grey dot line **/
.tg {background: url(dotg.gif) 0 0 repeat-x; width: 100%}
.bg {background: url(dotg.gif) 0 100% repeat-x}
.lg {background: url(dotg.gif) 0 0 repeat-y}
.rg {background: url(dotg.gif) 100% 0 repeat-y} 
/*transparent grey corner*/
.blgray {background: url(blg.gif) 0 100% no-repeat; width: 10em}
.brgray {background: url(brg.gif) 100% 100% no-repeat}
.tlgray{background: url(tlg.gif) 0 0 no-repeat}
.trgray {background: url(trg.gif) 100% 0 no-repeat; padding:10px}
/*bottom left, bottom right, top left, top right*/
.bl {background: url(bl.gif) 0 100% no-repeat; width: 20em}
.br {background: url(br.gif) 100% 100% no-repeat}
.tl {background: url(tl.gif) 0 0 no-repeat}
.tr {background: url(tr.gif) 100% 0 no-repeat; padding:10px}
/*transparent orange corner*/
.bla {background: url(bla.gif) 0 100% no-repeat; width: 20em}
.bra {background: url(bra.gif) 100% 100% no-repeat}
.tla {background: url(tla.gif) 0 0 no-repeat}
.tra {background: url(tra.gif) 100% 0 no-repeat; padding:10px}
/*transparent blue corner*/
.blb {background: url(blb.gif) 0 100% no-repeat; width: 20em}
.brb {background: url(brb.gif) 100% 100% no-repeat}
.tlb {background: url(tlb.gif) 0 0 no-repeat}
.trb {background: url(trb.gif) 100% 0 no-repeat; padding:10px}
/*transparent grey corner*/
.blg {background: url(blg.gif) 0 100% no-repeat; width: 20em}
.brg {background: url(brg.gif) 100% 100% no-repeat}
.tlg {background: url(tlg.gif) 0 0 no-repeat}
.trg {background: url(trg.gif) 100% 0 no-repeat; padding:10px}
/*orange dot line*/
.t {background: url(dot.gif) 0 0 repeat-x; width: 20em}
.b {background: url(dot.gif) 0 100% repeat-x}
.l {background: url(dot.gif) 0 0 repeat-y}
.r {background: url(dot.gif) 100% 0 repeat-y} 
/*blue dot line*/
.tb {background: url(dotb.gif) 0 0 repeat-x; width: 20em}
.bb {background: url(dotb.gif) 0 100% repeat-x}
.lb {background: url(dotb.gif) 0 0 repeat-y}
.rb {background: url(dotb.gif) 100% 0 repeat-y} 
/*smaller grey dot line */
.tgray {background: url(dotg.gif) 0 0 repeat-x; width: 20em}
.bgray {background: url(dotg.gif) 0 100% repeat-x}
.lgray {background: url(dotg.gif) 0 0 repeat-y}
.rgray {background: url(dotg.gif) 100% 0 repeat-y} 


.clear {font-size: 1px; height: 1px} 

/*nice thin border*/
.out {border: 1px solid #cccccc; background-color: #f0f8ff; padding: 0px;}
.font {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}

.out1 {border: 1px solid #999999; }

/*experiment*/
.red {border: 1px solid #666666; background-color:#ff0000}
.grey0 {border: 1px solid #666666; background-color:#6699FF}
.grey1 {border: 1px solid #666666; background-color: #CCCCCC}
.grey2 {background-color: #0099FF}
.grey3 {background-color: #6699FF }
.grey4 {background-color: #3366CC }


/*fonts */
.blue {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #024596;
}
.blue1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #024596;
}
.gray1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}
.red1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ff0000;
}
.gray14 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}
.Ngray14 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
}
.gray15 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#777777;
}
.style3 {
	color: #FF0000;
	font-weight: bold;
}
.style4 {
	color: #FF0000;
}
.style8 {
	color: #009900;
	font-weight: bold;
}
.green {
	color: #009900;
}
.style7 {
	color: #000000;
	font-weight: bold;
}
.gray20{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	font-weight:bold
}
.gray3{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
}
.gray2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}
.textbox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
/*	background-color:#eeeeee; */
}
.textbox1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
/*	background-color:#eeeeee; */
}
.style2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
}
.style9 {
	color: #FF6600;
	font-weight: bold;
	font-size: 16px;
}
-->

/* gradients using transparencies but issues with IE6*/
/* From: http://www.alistapart.com/articles/supereasyblendys */
.bluebx { 
  background-color: #2382a1; 
}
.greenbx { 
  background-color: #4be22d; 
}
.navybx { 
  background-color: #0000FF;
}
.yellow { 
  background-color: #FFFF66;
}

.bluey {
	color: #0000FF;
	font-weight: bold;
/*	font-size: 14px;  */
}
	
.gradwhitebx {
  background-image: url(grad1.png);
}
.gradblackbx {
  background-image: url(grad3.png);
}
.box1 {
  border: solid black 1px;
  float: left;
  height: 100px;
  margin: 1px;
  width: 175px;
}
.box2 {
  border: solid #666666 1px;
  float: left;
  height: 100px;
  margin: 1px;
  width: 175px;
}
.box3 {
  border: solid #666666 1px;
  border-bottom:none;
}
.pad {
padding: 5px;
}


/* the fix for ie6*/
.gradwhite {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='grad3b.png', sizingMethod='scale');
}
* html .gradwhite img {
  display:none;
}


/*.container {
  height: 500px;
  width: 800px;
}*/
  
/* #container {width: 800px; margin: 0 auto; border: thin solid #ccc; background-color: #fff;} */


#container {width: 940px; margin: 0 auto; border: thin solid #ccc; background-color: #ffffff;}
#header {width: 800px; height: 100px; padding-top: 18px; background-color: #CCCCCC; text-align: center; color: #fff; font-weight: bold;}
.navigation {width: 175px; float: left; padding: 10px; border-right: thin solid #ccc;}
.navigation a{ font-size: 12px; line-height: 19px;}
.maincontent {width: 580px; float: left; padding: 10px;}
.footer { clear: both; width:800px; height: 50px; text-align: center; background-color: #ccc; line-height: 50px;}
  
#heading1 {
background-image: url(greygrad1.gif); background-repeat: no-repeat;
}
  
#Layer3 {
 	width:100px;
	background-image: url(greygrad1.gif); background-repeat: no-repeat */
	z-index:1;
}
 
#Layer4 {
 	width:605px;
	background-image: url(greygrad1.gif); background-repeat: no-repeat */
	z-index:1;
}
 
#Layer5 {
 	width:100px;
	background-image: url(greygrad1.gif); background-repeat: no-repeat */
	z-index:1;
}
 
.head1 {
  	height:80px;
	
}


a:link, a:visited, a:hover {
	color: #333333;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}


#navBar{
	margin: 0 79% 0 0;
	padding: 0px;
	background-color: #eeeeee;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

#search{
	padding: 5px 0px 5px 10px;
	border-top: 0px solid #cccccc;
	font-size: 90%;
}


/* Suggestion Box CSS */

.suggestionsBox {
position: absolute;
margin: 0px 0px 0px 0px;
width: 380px;
background-color: #dddddd;
/* -moz-border-radius: 7px; */
/* -webkit-border-radius: 7px; */
border-right: solid #333333 1px;
border-bottom: solid #333333 1px;
border-left: solid #333333 1px;
color: #333333;
z-index:1;
}

.suggestionList {
margin: 0px;
padding: 5px;
z-index:1;
}

.suggestionList li {
margin: 0px 0px 3px 0px;
padding: 3px;
cursor: pointer;
z-index:1;
}

.suggestionList li:hover {
background-color: #bbbbbb;
z-index:1;
}



.categoryBox {
position: absolute;
margin: 0px 0px 0px 0px;
width: 537px;
background-color: #dddddd;
/* -moz-border-radius: 7px; */
/* -webkit-border-radius: 7px; */
border-right: solid #333333 1px;
border-bottom: solid #333333 1px;
border-left: solid #333333 1px;
color: #333333;
z-index:1;
padding: 5px;
}