/* -----------------------------*/
/* general stuff 		*/
/* padding:top right bottom left*/
/* # = id .=class 		*/
/* font: style size/lineheight name,family */
html {
}

body	{
/*	background:#C0CBD9;*/
	padding: 0px;
/*	margin: 5px 10px 10px 10px;*/
	font: 12px Verdana,Afrial,sans-serif;
	color:#444;
}
#brandbar{
color:white;
height:20px;
margin:0px auto;
padding:0px;
text-align:center;
background:transparent;
width:898px;
}
#brandbar a{
color:#fff;
font-weight:bold;
text-decoration:none;
padding:0px 15px;
line-height:20px;
width:70px;
display:block;
float:right;
}
#brandbar span{
margin-right:20px;
margin-top:2px;
float:left;
display:block;

}
#brandbarouter{
width:100%;
height:20px;
margin:0px auto 10px;
background:#000;
}
img[src] {
	border:0px;
	border-style:none;
}
img {
	border:0px;
	border-style:none;
}

.treonauts-banner{
	width:900px;
	height:149px;
	background:url("../images/centronautsnav.jpg") 0px 0px no-repeat;
 	text-align:left;
	display:block;
	clear:both;
	z-index:500;
}
.searchform{
	position:relative;
	background:transparent;
	width:180PX;
	height:16px;
	top:102px;
	left:729px;
	padding: 0px;
	margin: 0px;
}

#treohome{
	top:5px;
	left:5px;
}

#treohome a {
	width:898px;
	height:115px;
	display:block;
}


/** !!!------------------------- start navbar css code **/
/* first level menu*/
#treonavbar {
float:left;
position:relative;
width: 898px;
height:20px;
top: 4px;
left:1px;
text-align:left;
z-index:2000;
}

/* first level menu  */
#treonavbar ul {
list-style:none;
margin: 0px;
padding: 0px;
float: left;
position: relative;
width:100%; /*affects linkages way down! */
}

#treonavbar li {
position: relative;
text-align:center;
padding: 0px 0px 0px 10px;
margin: 0px -10px 0px 0px; /* fix for firefox padding/margin in li/ul lists  */
font: bold 12px Verdana,Arial,sans-Serif;
color:#2A304A;
background:transparent;
background: url("../images/divider0.gif") no-repeat; /*Theme Change here*/
background-position: 0px 0px;
}

#treonavbar .home {
position: relative;
text-align:center;
padding-left: 0px;
background: none; /*Theme Change here*/
font:bold 12px Verdana,Arial,sans-Serif;
color:#2A304A;
}

#treonavbar a {
color: #2A304A;
display: block;
text-decoration: none;
overflow:hidden;
}
#treonavbar a:hover, li a:hover{
color: #FA781D;
}

#treonavbar ul li {
top: 5px; 		/*distance from main menu bar */
float: left; 	/* cure IE5.x "whitespace in lists" problem */
text-align:left;
}

#treonavbar ul li a {
height: 1%; 	/* make links honour display: block; properly */
} 

/* second level menu */
#treonavbar ul ul {
position: absolute;
top: 13px;
left:5px;
z-index: 1500;
border-bottom: 6px solid #bbb; /*Theme Change here *don't forget 5px top offset...*/
text-align: left;
}

/* non link menu item*/
#treonavbar ul ul li {
width: 100%;
background:#bEc9eF;
font: bold 11px/18px Verdana,Arial,sans-Serif;
text-indent: 5px;
text-align: left;
padding:0px;
border-top: 1px solid #bbb; 	/*Theme Change here 0.01 makes a single pixel line even if doubled*/
border-left:1px solid #bbb;
border-right:1px solid #bbb;
}

#treonavbar ul ul li:hover a{
color: #FA781D;
background:#DEE9FF;
}

#treonavbar ul ul a {
color: #2A304A;
font-weight:bold;
background:#DEE9FF;
}

#treonavbar ul ul a:active {
color: #ffffff;
}

/* third level menu*/
#treonavbar ul ul ul {
top: -6px;
left: 100%;
color:#2A304A;
}
/*non link menu item*/
#treonavbar ul ul ul li {
background:#bEc9eF;
font-weight:bold;
}

#treonavbar ul ul ul li a:hover{
background:#bEc9eF;
}

/* other nav stuff */
div#treonavbar ul ul,
div#treonavbar ul li:hover ul ul,
div#treonavbar ul ul li:hover ul ul,
div#treonavbar ul ul ul li:hover ul ul ul
{display: none;z-index:1500;position:absolute;}

div#treonavbar ul li:hover ul,
div#treonavbar ul ul li:hover ul,
div#treonavbar ul ul ul li:hover ul,
div#treonavbar ul ul ul ul li:hover ul ul 
{display: block;z-index:1500;position:absolute;}

/* width of nav elements */
#treonavbar .nbhome {width:74px;}
#treonavbar .nbblog {width:46px;}
#treonavbar .nbshop {width:102px;}
#treonavbar .nbshop0 {width:80px;}
#treonavbar .nbshop0a{width:175px;}
#treonavbar .nbshop1{width:180px;}
#treonavbar .nbshop2{width:89px;}
#treonavbar .nbsmart{width:106px;}
#treonavbar .nbsmart1{width:175px}
#treonavbar .nbsoft {width:127px;}
#treonavbar .nbsoft1{width:175px;}
#treonavbar .nbguide{width:56px;}
#treonavbar .nbforum{width:60px;}
#treonavbar .nbreview{width:74px;}
#treonavbar .nbreview1{width:190px;}
#treonavbar .nbreview2{width:160px;}
#treonavbar .nbreview3{width:195px;}
#treonavbar .nbreview4{width:155px;}
#treonavbar .nbdiscover{width:76px;}
#treonavbar .nbarchive{width:75px;}
#treonavbar .nbservices{width:75px;}
#treonavbar .nbservices1{width:170px;}
#treonavbar .nbsearch{width:80px;}
#treonavbar .nbsearch1{width:190px;border:none;}
#treonavbar .nbsearch2{width:190px;position:relative;right:112px;}

/** !!!--------------- end navbar css code **/
#treonavbar .nbsearch2 table {padding:0px;margin:0px;text-align:left;}
#treonavbar .nbsearch2 td {border-right:1px dotted #444;padding-right:10px;}
#treonavbar .nbsearch2 form {
background:#DEE9FF;
margin:4px 4px 4px 4px;
padding:0px 0px 8px 0px;
border:1px dotted #2A304A;
}	
.searchinputbox {
	height: 16px;
	width: 100px;
	padding: 2px 2px 0px 4px !important;
	background: url("../images/box-shadow.gif");
	border: 1px solid #999;
	font: 12px/12px Verdana,Arial,sans-serif;
	color: #000;
	vertical-align:baseline !important;
}
.searchbutton {
	height: 21px;
	margin: 0px !important;
	padding: 0px !important;
	border: 1px solid #888;
	color: #444;
	font: 10px/12px Verdana,Arial,sans-serif;
	background: url("../images/chromebg.gif") 0px -25px repeat-x;
	vertical-align:top !important;
}