html {
	/* force right side scroll bar to avoid shifting left on small pages
/*	overflow: scroll */
	min-height: 100%; 
	margin-bottom: 1px;
}

#loginform {
/*	margin:0px; */
/*	margin-left: -30px; */
	margin-top: 5px; 
	margin-left: 5px; 
	height:110px;			/* controls height of login area */
	padding:0px;
	color:#fff;
	text-align: right;
}

.loginfield {
	width: 70px;
	height:20px;
	font-size:9pt; 
	font-weight: bold;
	border:solid 1px #999;
}
.loginbutton {
	background-color:#bbbbbb;
	color:#000000;				/* no effect */
	font-size:10px;
	border:none;
	border-width:0px
	width:100px;
}


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



/* top right bottom left */
body {
	background-image: url("/zghimg/bg.jpg");
	margin: 0;
	padding: 0;
	font: 14px "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
	background-position: center;
	background-repeat: repeat-none;
	background: #CFD1AC;
}



#wrapper {
/*    position: relative;			removed 12/11/09 */
    width: 770px;					/* was 955px */
    height: auto;
/*    margin: 0 auto; 			removed 12/11/09 - causes centering */
/*    background: #f8f8ff  top center repeat-none; */
    background: #f8f8ff  repeat-none;
/*    z-index: 10;*/
}

#header {
    clear: both;
    background: #919278;
    position: relative;
    border: 0 solid blue;
	width: 800px;		/* added to match header image 12/11/09 */

}

#header2 {
	width: auto;		/* */
    height: 100px;					/* changed */
    padding: 1px 0 1px 00px;		/* header logo nearly flush left */
    border: 0 solid red;
}

#top {
	margin: 0px auto;
	padding: 10px ;
	top:0px;
	width:100%;
	height:5px;
/*	background-color: #CCCCCC; */
	border-bottom: 2px solid;
	font-size: 80%;
	/*color: white; */
	z-index:1;
}
	
table.one
{ 
	
	table-layout:auto; 
	width:90%;
	height:200px; 
	border-style: none;
	background-color:#4A766E;
	background-image: url("/zghimg/zorinbg.png");
	background-repeat-x;
}


table.two
	{
	width: 90%;
	background-color: black;
	}


img.one {
	top:168px;
	width:70%;
	height:200px;
	background-color:#006600;
	border-bottom: 2px solid #000000;
	margin-left:0px; 
	margin-top: 0px;
	position: center;
	z-index:4;
}


h1 {
	position: absolute;
	padding-top: 30px;
	
	color: white;
}

h2 {
	position: auto;
	padding-top: 40px;
	text-align: center;	
	color: #797E92;
}

h4 {
	position: auto;
    padding-top: 20px;
    text-align: center;
    color: white;

}

#main {
    clear: both;
    margin-left: 0;
}

/* Contentsia */
#content {
    float: left;
   /* width: 600px; */
    width: 550px;
    margin: 10px 0 100px 0;
  	padding-left:40px;  
  	padding-top:60px;  
    text-align: justify;
/*	background-color:#FFFFFF;		/* login box area */
}




#right {
	position: auto;
/*	width: 265px; */
	float: right;
	clear: both;
	padding-top: 10px; 
/*	font-size: 100%; */
/*	border-left: 1px dashed #999; */
	border-left: 1px ;

/*		Commented these so the white software logo area matches width
	padding: 20px;
*/
/*	background-color:#00FF00;		/* login box area */

	list-style-position: outside;
	list-style-type: none;
	margin-right : 0;
}

#cust {
	width:150px;					/* controls width of right panel */
	background-color:#927A78;		/* login box area   - moved from 'right'*/
}

#cust h2.mem{
	width:214px;				/* no effect? */
	height:50px;				/* no effect? */
	padding:0 0 0 50px;
	font:bold 20px/57px Arial, Helvetica, sans-serif;
	color:#7BCA0A;
	background-color:inherit;
}
#cust form {
	width:140px;		/* width of invisible box around login form elements */
/*	padding:0 20px; */
	margin:0;
/*	background-color:blue; */
	font-size:10px;		/* controls size of "Login:" and "Password" */
	color:white;
}
#cust form input.txtBox{
/*	width:206px;			/* no effect  - removed 12/11/09*/
	height:19px;			/* no effect */
	border-left:#808080 solid 1px;
	border-top:#808080 solid 1px;
	border-right:#D4D0C8 solid 1px;
	border-bottom:#D4D0C8 solid 1px;
	color:#000;
	background-color:green;
	margin:0 0 17px 0;
	padding:0 0 0 20px;
}

#cust form input.login{
/*	width:53px;					/* no effect */
/*	height:13px;				/* no effect */
	border:none;
	cursor:pointer;
	float:right;
}

#cust p.bottom2 {
	background:url(images/memberlogin_bot.gif) 0 0 no-repeat;
	width:264px;		/* no effect */
	height:25px;		/* no effect */
	margin:0 0 5px 0;
}

.featured {
    margin: 30px 0;
    padding: 0 4px;
    border: 2px dotted blue;
    border-width: 3px;
    background: #e8fcd9;
    color: #333;
}

#navigation {
    margin: 0 0 15px 530px;
    color: #fff;
    text-align: right;
}

.section {
    background: #039;
    border: 5px solid #fff;
    font-size: 1.3em;
    border-bottom-width: 0;
}


#navigation .primary,#navigation .secondary {
    border: 5px solid #fff;
    margin-bottom: 10px;
    line-height: 1.3;
    padding-bottom: 5px;
}

#pagenavbar {
/*	background-color: #FEFFE8; */
	background-color: #E7E8D1;
/*	background-color: #FEFFF4; */
	padding: 10px 10px 5px 10px;
	margin-top: 50px;
}
#pagenavul {
	padding: 10px 10px 10px 90px;
}

.primary {

    position: relative;
    background: #369;
    font-weight: bold;
    margin-bottom: 30px;
    height: 400px;

}



hr.blue {

    color: #03c;
    height: 3px;
    text-align: center;
    background: #03c;
    border: none;
    margin: 7px 0;

}


#arrows {

 	background: #999999;
	position: absolute;		

}




/*left padding*/
.pL20 {padding-left : 20px;}
.pL60 {padding-left : 60px;}
.pL70 {padding-left : 70px;}

/*right padding*/

.pR10 {padding-right : 10px;}

/*top padding*/
.pT20 {padding-top : 20px;}





.headfloat {
    font-weight: bold;
	font-size: 130%;
	color: #FEFFE8;
	float: left;
	background-color: #979AA7;
	padding-left : 10px;
	padding-right : 15px;
	padding-bottom : 20px;
	margin-right : 20px;
/*	margin-bottom : 10px; */
}

.headfloatrt {
	color: #FEFFE8;
	float: right;
	width: 200px;
	background-color: #979AA7;
	padding-right : 10px;
	padding-left : 20px;
/*
	padding-bottom : 20px;
	margin-left : 20px;
	margin-bottom : 10px;
*/

/* top right bottom left */

	margin: 10px 20px 10px 20px;
}

/* white bg for open source logos  */
.rightwhite {
	background-color: white;
	padding-top: 10px;
	font-size: 80%;
	border-left: 1px ;
	padding-bottom: 50px; 
	list-style-position: outside;
	list-style-type: none;
	text-align: center;
}

#menu {

	background-color: #4A766E;
	background-repeat: repeat-none;
}


#menu li {

	width: 191px;
    float: left;
    background: #99c;
    border: solid white;
    border-width: 0 0 0 1px;
    text-align: left;
}


.clearit {

	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 0;

}

#menubar {

	margin: 0;
	padding: 0;
	
}	

#menubar, #menubar ul {

	position:  auto;
	margin: 0;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;

}

#menubar a {

	display: block;
	text-decoration: none;
	padding: 4px 5px 7px 25px;			/* controls spacing of menu items */

/*	border-right: 1px solid white;*/
	font-size: .85em;
	color: white ;
	background-color: #797E92;			/* menu bar color normally */
	
}

#menubar a.product {

	padding: 5px 16px 5px 10px;
	background-repeat: no-repeat;

}

/* makes menu li items go horizontal */
#menubar li {

	float: left;
	width: auto; /* */

}

#menubar li {
	position: left; 
}

/* hide from IE mac \*/

  #menubar li {position: static; width: auto;}
 
 /* end hiding from IE5 mac */


#menubar li ul, #menubar ul li  {

	width: 14em;						/* controls width of drop down menu */

}

#menubar ul li a  {

	color: #565656;
	border-right: 0;
	padding: 3px 12px 3px 16px;		/* controls line spacing of drop down */

}

#menubar li ul {

	position: absolute;
	float: left;
	display: none;
	background-color:#E6E8D9 ;				/* dropdown background color */
	background-repeat: repeat-none;

}

#menubar li:hover a, #menubar a:focus, #menubar a:active, #menubar li.p7hvr a {

	color: #000000;
/*	background-color: #C19674;				/* menu bar title background */
/*	background-color: #722F50;				/* menu bar title background */
	background-color: #BCB7C8;				/* menu bar title background */

}

#menubar li:hover ul, #menubar li.p7hvr ul {

	display: block;

}

#menubar li:hover ul a, #menubar li.p7hvr ul a {

/*	color: #f00000;						/* drop down text color */
/*	color: #E7E8D1;						/* drop down text color */
	color: #60636D;						/* drop down text color */
	background-color: transparent;

}

#menubar ul a:hover {

	background-color: #606060!important;
	color: #FFFFFF !important;

}



ul {
	margin-top:0px;
	padding-left:20px;
}
.sectdiv {
	/* top right bottom left */
	padding:10px; 
	margin-top:40px;
	background-color:#EEEEEE;
}
.cathead {
	text-align:left;
	/* font-size:30pt; */
	font-size:25pt;
	font-weight:bold;
	font-family:arial,sans-serif;
	color:#4A766E;  
}
.catdesc {
	text-align:left;
	/* font-size:14pt; */
	font-size:12pt;
	font-family:arial,sans-serif;
/*	color:#4A766E;  */
}
.catcenter {
	text-align:left;
	font-size:10pt;
	font-family:arial,sans-serif;
	color:#4A766E;  
}
.catprice {
	text-align:right;
	font-size:10pt;
	font-family:arial,sans-serif;
}
.otherhead {
	text-align:left;
	font-size:14pt;
	font-family:arial,sans-serif;
/*	color:#4A766E;  */
}
.otherdesc {
	text-align:left;
	font-size:11pt;
	font-family:arial,sans-serif;
/*	color:#4A766E;  */
}
.otherprice {
	font-size:9pt;
	text-align:right;
	font-family:arial,sans-serif;
/*	color:#4A766E;  */
}

/*
#footer {
	background-color: blue;
	padding:	
}
*/
#footer{
	background:#FFE7E6;
	height: 20px;
	margin-top: 700px;
}