/*** april-2010: Hello2.css [refer Hello1.css] ***/


/***** ACTIVATE (un-comment) BORDERS DURING DEVELOPMENT *****/

		#container{border:solid black 0px;}
		#v-page_wrap{border:solid green 0px;}
		#single{border:solid red 0px;}
		#head{border:solid blue 0px;}
		#foot{border:solid blue 0px;}			
		#dual{border:solid blue 2px;}
		#colwrap2{border:solid green 1px;}
		#leftw{border:solid green 1px;}			
		#riten{border:solid green 1px;}   
		div.b1, div.b2, div.b3{border:solid green 0px;}

/*** SET CLOBAL PAGE WIDTHS HERE ***/
#container { max-width:782px; Min-width:755px; }
#header,#foot{ width:780px; }

/************************* NOTE:
	set header and footer height ""On Page"" like this:
	ADD: the footer and header "height" to page "div" call:
	COPY: below and set the correct graphic pixel height:
 
	<div id="head" style="height:XXXpx;"><!--set height here-->  
	<div id="foot" style="height:XXXpx;"><!--set height here-->

*****************************************************************/

#container { height:auto; }
#head { position:relative; height:auto; }

/****** content pages graphic background : "single page" ******/
#v-page_wrap { position:relative; left:0px; top:0px; height:auto; 
background:url(v-page-grow.png) repeat-y; }

/****** content pages :  "single page" ******/
#single{ position:relative; margin-left:2%; 
width:94%; border:dotted #dfdfab 1px; height:auto; }

/****** search result: "dual page" ******/
#dual { position:relative; width:100%; height:auto; }
#leftw{ float:left; padding:5px; width:594px; height:auto; text-align:left; } 
#riten{ float:right; width:170px; height:auto; text-align:left; }

/****** content boxes - edit elements as required ******/
.b1{ margin-left:180px;  padding:0px; width:364px; height:64px; }
.b2{ float:left; margin:21px 0px 0px 20px; width:178px; height:20px; }
.b3{ float:right; margin-top:19px; margin-right:18px; width:140px; height:25px; }

/****** search content boxes - edit elements as required ******/
.bs1{float:left; width:75%; text-align:center; padding:3px;}

/****** foot ******/
#foot { position:relative; margin-right:2px; height:auto; }

/* hellonet contact table  */
p,table { font-family:Geneva, Arial, Helvetica;
font-size:0.8em; font-weight:normal; color:#000082; }
table.cnt { margin:auto; padding:5px; width:426px;
background-color:#f8f8f8; border:#f0f0f0 1px solid; }
thead, tfoot,th { text-align:center; }	
th,tbody { background-color: transparent; border: none; }
tbody { text-align:left; }

/* forms*/
table.set { margin:auto; background-color:transparent; }
tr { line-height:24px; }
td { padding-left:5px; font-weight:normal; }
td.head { padding-left:20px; font-weight:normal;
color:#f2de6e; text-align:center; font-size:14px; }
td.note { text-align:center; }
td.height { text-align:left; padding-left:10px; font-weight:normal; color:#000082; }
td.alert { text-align:center; color:#f2de6e; font-weight:bold; }
td.reqd { text-align:center; color:#bd610d;
font-weight:bold; border-left:#d7d7d7 0px solid; }
td.space { line-height:8px; }
td.txt { margin:0; padding-left:15px; padding-right:15px;
text-align:justify; font-size:80%; }
.bg { font-size:90%; background:#fefaf5; height:15px; margin:0px; }
.bg1 { font-size:90%; background:#fefaf5; height:15px; margin:0px 6px; }
span.x { font-size:100%; font-weight:bold; color:#bd610d; padding:0px 10px; }
textarea.set { background:#fefaf5; font-size:14px; }
.button { cursor:pointer; font-weight:normal;
margin-right:10px; width:60px; height:25px; }

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

/*** DO NOT RUN FROM HERE *** "STORE-BAG" ***  DO NOT RUN FROM HERE 

span.title{position:relative; top:-50px; left:200px; width:290px; height:20px; z-index:20;
font-family:Tahoma; font-size:0.85em; color:#5b7ac3; font-weight:bold;}
span.search{position:relative; top:-68px; left:105px; width:200px; height:18px; z-index:20;}
span.box{color:#008000; font-weight:bold; padding:0px 8px 0px 5px;}

#left-sidebar { width:150px; float:left; padding-left:15px; padding-top:20px; }

#footer { background:#267f23; text-align:center;
padding-top:20px;	padding-bottom:20px;	color:white; }

/****** column wrap : with "2 column page"  |  For Search Result Page 
#colwrap2 { float:left; width:898px; height:auto; }
.leftw{ float:left; padding:5px; width:688px; height:auto; text-align:left; } 
.riten{ float:right; padding:5px; width:178px; height:auto; text-align:left; }


/****** navbar 
/* .navbar { position:relative; width:860px; height:100px; clear:both; } 
ul.navbar { position:relative; padding:60px 0px 0px 60px; list-style:none; }
li.navbar { display:inline; display:block; }
a.nav { font-size:15px; text-align:left; font-weight:bold;
text-decoration:none; color:#4f483a; outline:none; }
a:link { color:#0080ff; }
a:visited { color:#bb0000; font-weight:normal; }
a:hover { color:#008000; font-style:italic; font-size:16px; }
a:active { color:#bb0000; font-weight:normal; }

.b1{top:0px; left:0px; width:780px; height:32px; clear:both;}

.b2{bottom:0px; left:0px; width:780px; height:32px; clear:both;}

/****** content boxes - edit elements as required 
.b1{ margin-left:235px;  padding:0px; width:400px; height:80px; }
.b2{ float:left; margin-top:30px; margin-left:25px; height:20px; }
.b3{ float:right; margin-top:27px; margin-right:25px; width:140px; height:25px; }

/*content boxes  search results - edit elements as required
div.b1{float:left; margin-left:9px; width:360px; height:80px;
background:#ffffff url(submit.png); background-repeat:no-repeat;}
p.goto{position:relative; float:left; top:9px; left:8px; width:348px; height:64px;}
.b2{float:left; width:75%; text-align:center; padding:3px;}
.b3{float:right; width:155px; height:420px; margin:10px 0px; text-align:center;}


******/