body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

[if lt IE 7]>
<style> 
/* style for IE 6 + IE5.5 + IE5.0 */ 
.gainlayout { height: 0; } 
</style>
<![endif] 
  
[if IE 7]>
<style> 
.gainlayout { zoom: 1;} 
/* style for IE7 */ 
</style>
<![endif]s 

table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

p {
  line-height: 1.5em;
  font-size:1em; 
  margin-bottom: 1em;
  }


html>body { 
font-size: 12px; 
}  

body {
	/*background-image: url(../images/bg/pageBG.jpg);
	background-repeat: repeat-x; */
	background-color: #666;
	margin-top: 1%;
	margin-right: auto;
	margin-left: auto;
	font-size: 75%;
}

.bodyText {
	color:#000000/*#26354A*/;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	list-style-type: square;
	letter-spacing: 0.1em;
	list-style-position: inside;
	font-size: 1.1em;
	}
	
.bodyText a{
text-decoration:underline;
font-style:normal;
color:#000000/*#26354A*/;
cursor:pointer;
}
	
.SubHeader {
	color:#000000;
	letter-spacing:0.2em;
	font-family: "Times New Roman", serif;
	font-size: 1.5em;
	font-style:italic;
	margin-bottom:0.1em;
	}
	
.subheader2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 0.3em;
	list-style-type: square;
	list-style-image: none;
	list-style-position: inside;
	margin-top: 3em;
	margin-right: 0px;
	margin-bottom: -6px;
	margin-left: 0px;
}

.SubHeaderWhite {
	color:#FFFFFF;
	letter-spacing:0.2em;
	font-family: "Times New Roman", serif;
	font-size: 1.5em;
	font-style:italic;
	margin-bottom:0.1em;
	}

.logo {
	color: #FFFFFF;
	letter-spacing:0.3em;
	font-family: "Century Gothic", "Franklin Gothic Demi", Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-weight: normal;
	font-variant: normal;
	margin-left: 45px;
	}
	
.tagline {
	color: #FFFFFF;
	font-family: "Century Gothic", "Franklin Gothic Demi", Arial, Helvetica, sans-serif;
	font-size: 16px;
	letter-spacing: 0.3em;
	font-weight: normal;
	white-space: nowrap;
	}
	
.DropCaps {
	font-size:1.8em;
	font-family: "Century Gothic", "Franklin Gothic Demi", Arial, Helvetica, sans-serif;
	}
	
.PageName {
	font-size:18px;
	letter-spacing:0.3em;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 0.1;
}

.Breadcrumbs {
	color: #222;
	font-family: "Century Gothic", "Franklin Gothic Demi", Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 0.3em;
	font-weight: normal;
	padding-left:25px;
	padding-top:0.5em;
	padding-bottom:0.8em;
	margin-bottom: 0px;
	clear:both;
	/*width: 80%;*/
	line-height: 12px;
	}

.footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	color: white;
	padding: 0px;
	margin:0px;
	margin-top:5px;
	clear:both;
}
	
.clearboth { clear: both; }	


.caption1 {
clear:both;
float:left;
text-align:center;
font-size:1.2em;
text-decoration: none;
font-family: "Century Gothic", "Franklin Gothic Demi", Arial, Helvetica, sans-serif;
letter-spacing: 0.3em;
color: #000000;
cursor:pointer;
}

.thumbnail1 {
padding-bottom:5px;
margin-bottom:15px;
clear:both;
float:left;
}

#HeaderCart {	
	height: 97px;
}

#HeaderCart a {
	text-decoration: none;
	float: right;
}

#HeaderCart img{
	float: left;
}

#Navbar1 {
	clear: both;
	width:98%;
	float:left;
}

#spacer1 {
height:97px;
width: 80%;
}

#basket {
padding:15px;
margin-right:25px;
float: right;
}

#basket img{
padding-right: 15px;
}

#NavBarList {
	margin-right: auto;
	margin-left: 15px;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing:0.2em;
	float:left;
	font-size: 1em;
}

#NavBarList li
{
	display: inline;
	list-style-type: none;
	float:left;
	border-right: 1px solid gray;
	padding-bottom: 0.25em;
	padding-top: 0.25em;
	}

#NavBarList li.LastMenuItem
{
	display: inline;
	list-style-type: none;
	float:left;
	padding-bottom: 0.25em;
	padding-top: 0.25em;
	border-right: 0px;
	}
	
#NavBarList li a
{
	text-decoration: none;
	padding-top: 0.25em;
	padding-right: 0.75em;
	padding-bottom: 0.25em;
	padding-left: 0.75em;
	color: #000000;
	outline:none;
}

#NavBarList a:hover
{
	color: #007CB9;
}

#NavBarListActive a:link, #NavBarListActive a:visited, #NavBarListActive a:hover
{
	color: #000000;
	text-decoration:none;
	font-weight:bold;
}

#GCatBar
{
	float: left;/*padding-bottom: 36px; */
	clear:both;
	width:100px;
	padding-left:0px;
}

#GCatBarList
{
	font-family: Arial, Helvetica, sans-serif;
	width: 100px;
	font-size:1em;
	color:#000000;
	letter-spacing:0.1em;
	float:left;
	padding-top: 0.5em;
	padding-bottom:0em;
	padding-left:0px;
	padding-right:0px;
	line-height:1.2em;
}

#GCatBarList li
{
	list-style: none;
	border-bottom: 1px solid gray;
	text-align: left;
	width: 110px;
}

#GCatBarList li a
{
	display: block;
	padding: 0.25em 0.5em 0.5em 0.5em;
	text-decoration: none;
	color: #000000;
	outline:none;
}

#GCatBarList li a:hover
{
	border-color: white;
	color: #007CB9;
}

#GCatBarlist ul
{
}

#Gactive a:link, #Gactive a:visited, #GCatBarList #Gactive a:hover
{
font-family: Arial, Helvetica, sans-serif;
font-size:1em;
color:#000000;
text-decoration: none;
outline:none;
font-weight:bold;
cursor: default;
}

#Gactive a:hover
{
font-family: Arial, Helvetica, sans-serif;
font-size:1em;
color:#000000;
text-decoration: none;
outline:none;
font-weight:bold;
cursor: default;
}

#container {
background-color: white;
margin: auto;
width: 96%;
border-bottom:2px solid #333333;
border-right:2px solid #333333;
}

#container960 {
background-color: white;
margin-left: auto;
margin-right: auto;
width: 943px;
border-bottom:3px solid #474643;
border-right:3px solid #474643;
overflow:hidden;
}

#containerwhite {
background-color: white;
}

#ContentFull {
	margin-top: auto;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: auto;
	background-image: url(../images/bg/indexbg2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 946px;
	height: 570px;
}	

#ContentFull #content_text {
	width: 98%;
	float: left;
	clear: both;
	margin-top: 405px;
	text-align:center;
}
	
#flashcontainer {
	margin-left:17px;
	margin-right:auto;
	margin-top:10px;
	height:436px;
	width: 906px;
	float:left;
}

#content #content_text .bodyText img {
	float: right;
	padding-right: 20px;
	padding-left: 20px;
}

#contentG {
	margin-top: auto;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: auto;
	background-image: url(../images/bg/galleryBG.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 946px;
	height: 570px;
	}

#contentE {
	margin-right: auto;
	margin-bottom: auto;
	background-image: url(../images/bg/galleryBG.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 946px;
	margin-left: auto;
	height: 570px;
	margin-top: auto;
	}
	
#contentG #contentG_text {
	width: 315px;
	padding-right: 15px;
	padding-left: 20px;
	float: left;
	color: black;
	margin-top: 350px;
	}
	
#contentE #contentG_text {
	width: 315px;
	padding-right: 15px;
	padding-left: 20px;
	float: left;
	color: black;
	margin-top: 350px;
	}
	
#contentShop1 {
	background-image: url(../images/bg/shopBGmain.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-color:#FFF;
	padding-bottom: 10px;
	/*height: expression( this.scrollHeight < 470 ? "469px" : "auto" ); /* sets min-height for IE */
	/*	min-height:470px; */
	overflow:hidden;
	padding-left:0px;
	}
		
#contentT {
	margin-right: auto;
	margin-bottom: auto;
	background-image: url(../images/bg/TermsBG.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 946px;
	margin-left: auto;
	height: 570px;
	}
	
#contentT #contentT_text {
	width: 435px;
	padding-left:25px;
	float: left;
	line-height: 2em;
	clear: both;
}

#contentT #contentT2_text {
	width: 420px;
	float: left;
	clear: both;
	padding-left:25px;
}

#contentT #contentT3_text {
	width: 400px;
	float: left;
	clear: both;
	padding-left:25px;
}

#contentGP {
	margin-right: auto;
	background-image: url(../images/bg/galleryBG.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 946px;
	margin-left: auto;
	height: 570px;
	}
	
#contentGP #contentGP1_text {
	width: 365px;
	margin-top: 60px;
	float:left;
	list-style-position: inside;
	list-style-image: none;
	list-style-type: square;
	
}

#contentGP #contentGP2_text {
	width: 325px;
	margin-top: 60px;
	float:left;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #BAC1C9;
	list-style-position: inside;
	list-style-type: circle;
	padding-left: 30px;
	margin-left: 20px;
	
}

#contentGP #contentGP_flash {
	float:left;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #BAC1C9;
	list-style-position: inside;
	list-style-type: circle;
	margin-left: 20px;
	padding-left: 30px;
	margin-top: 10px;
	width: 325px;
	height: 440px;	
}

#contentC {
	margin-right: auto;
	background-image: url(../images/bg/galleryBG.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 946px;
	margin-left: auto;
	height: 570px;
}

#contentC #contentC_text {
	float: left;
	line-height: 2em;
	font-size: 12px;
	margin-top: 10px;
	clear: both;
	padding-right: 25px;
}

#contentS {
	background-image: url(../images/bg/sessionsBG.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-right: auto;
	width: 944px;
	margin-left: auto;
	padding-left:0px;
	float:left;
	}
#contentS img{
border:1px solid black;
}

#contentS #contentS_text {
	padding-left: 25px;
	padding-right: 25px;
	width: 910;
}

#contentS #contentS_text2 {
	float:left;
	padding-right:25px;
	width:70%;
}

#contentS #contentS_text2 img{
float:left;
margin-left:12px;
margin-right:25px;
margin-bottom:25px;
border: 1px solid black;
}

#ContentLeft {
	float: left;
}

#ContentLeftNarrow {
	float: left;
	width: 120px;
	padding-left:0px;
	clear:left;
	overflow: visible;
	padding-left:18px;
}

#ContentRight {
	float: left;
	padding-left: 3%;
	padding-right: 1%;
	margin-left: 1%;
	margin-right:1%;
	padding-top: 1%;
	padding-bottom:0px;
	margin-bottom: 10px;
	outline:none;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #999999;
	width:75%;
	min-height: 380px;
   height: expression(this.scrollHeight < 380 ? "381px" : "auto" ); /* sets min-height for IE */
}

#ContentRight img{
	float: left;
	border: 1px solid black;
	
}

#imgbuttonrow img{
	float: left;
	padding:2px;
	border:0px;
	}

#ContentRightFlash{
	float: left;
	padding-right:1em;
	width:300px;
	}

#ContentRightFlashShift{
	float: left;
	padding-right:1em;
	width:300px;
	margin-left:-25px;
	margin-right:25px;
	}

	
#ContentRightPics {
	color: #CCCCCC;
	float: left;
	padding-left: 3%;
	margin-left: 1%;
	padding-top: 0px;
	outline:none;
	/*width: 65%;*/
	/*border: 1px solid #999999;*/
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #999999;
}

#ContentRightNarrow {
	color: #CCCCCC;
	width: 33%;
	float: left;
	padding-left: 3%;
	padding-right: 3%;
	margin-left: 3%;
	padding-top: 1%;
	margin-top: 1%;
	margin-bottom: 1%;
	outline:none;
		border: 1px solid #999999;
}

#ContentRightFlex {
	color: #000000;
	background-color: #CCCCCC;
	float: left;
	padding: 1%;
	margin-right: 10px;
	margin-top: 1em;
	margin-bottom: 0px;
	outline:none;
	border-width: 1px;
	border-style: solid;
	border-color: #666666;
}

#ContentRightFlex img{
border-width: 1px;
	border-style: solid;
	border-color: #666666;
}

#ContentRightForm {
	width:160px;
	color: #000000;
	/*background-color: #CCCCCC;*/
	float: left;
	border-width: 1px;
	border-style: solid;
	border-color: #cccccc;
	padding-left: 1%;
	padding-right: 1%;
	margin-left: 2%;
	margin-top: 0px;
	outline:none;
}

#insetG1 {
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #666666;
	float: right;
	width: 300px;
	padding-left: 25px;
	margin-left: 25px;
	margin-bottom: 0px;
	line-height: 1.5em;
}

#inset1 {
	float: right;
	width: 20%;
	margin-left:1em;
	margin-right:1em;
	margin-bottom:2em;
	margin-top:0em;
	padding: 1.5em;
	border: 1px solid #999999;
}

#inset1 p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style:italic;
	letter-spacing: 0em;
	font-size: 1em;
}

#inset2 {
	float: none;
	clear:left;
	padding-top: 1em;
/*	border: 1px solid #999999; */
	margin-left: 0em;
	margin-top: 0em;
	width:100px;
	font-size:1em;
}

#inset3 {
	float: left;
	clear:none;
	padding-top: 1em;
/*	border: 1px solid #999999; */
	margin-left: 1em;
	margin-top: 1em;
	margin-right: 3%;
	width:45%;
}

#inset3 img{
float:left;
margin-right:25px;
margin-bottom:1em;
}

#inset2 p {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style:normal;
	letter-spacing: 0em;
	font-size: 1em;
	margin-top:0.5em;
	width:90%;
}

.note {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style:italic;
	letter-spacing: 0em;
	font-size: 0.75em;
	padding:0;
	margin:0;
	line-height:1.5em;
	color:#333333;
}


#GCat
{
	float:right;
	padding-top:25px;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #B8C9DB;
	margin-top:20px;
	width: 320px;
	height: 400px;
	padding-left: 25px;
}

#ECat
{
	float:right;
	padding-top:25px;
	margin-top:20px;
	width: 200px;
	height: 400px;
	padding-left: 25px;
}


#contentGT1_Banner
{
	float:right;
	padding-left: 25px;
	width: 470px;
}

.GCatlistText {
	float: left;
	text-decoration: none;
	font-family: "Century Gothic", "Franklin Gothic Demi", Arial, Helvetica, sans-serif;
	letter-spacing: 0.3em;
	color: #000000;
	clear: both;
	width: 220px;
	height: 100px;
	margin-top:5px;
}

.GCatlistText img{
	border: 1px solid #A5ACB4;
	float:left;
	margin: 0px;
}


#contentGP #contentGP2_text .bodyText img {
	float: right;
}
.bodylist1 {
	list-style-position: inside;
	list-style-type: square;
	padding-bottom: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #26354A;
}

.slideshow { /*CSS for DIV containing each image*/
float: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #26354A;
text-align: center;
padding-bottom: 12px;
padding-top: 12px;
padding-right: 40px;
}

.slideshow img {
	border: 1px solid #333;
	outline:none;
}

#navlinks{ /*CSS for DIV containing the navigational links*/
	width: 435x;
	padding-bottom:10px;
	clear:both;
}

#navlinks a{ /*CSS for each navigational link*/
margin-right: 8px;
margin-top:0px;
font-size: 12px;
color: #26354A;
text-decoration:none;
padding-bottom:2px;
padding-top:4px;
padding-left:4px;
padding-right:4px;
line-height:18px;
}

#navlinks a.current{ /*CSS for currently selected navigational link*/
background-color:#8C9AA6;
color:white;
}
    
.squarebutton{
background: transparent url(../images/bg/buttonBG1.gif) no-repeat top left;
display: block;
float: left;
/*line-height: 24px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 32px; /* Height of button background height */
padding-left: 0px; /* Width of left menu image */
text-decoration: none;
}

.button8 {
cursor:pointer;
background:url(../images/buttons/butt82.jpg) repeat-x top left;
padding-top:1px;
padding-bottom:2px;
padding-left:10px;
padding-right:10px;
margin-top:10px;
height:25px;
color:#FFFFFF;
width:auto;
overflow:visible;
border: 1px solid #999999;
}

.button8:hover {
	color:#9F0;
	font-style:normal;
	border: 1px solid #666666;
	background:url(../images/buttons/butt81.jpg) repeat-x top left;
}

.imgleft {
display: inline;
padding-right:22px;
}

.imgright {
display: inline;
}

.inlineimg {
margin-bottom:-6px;
}

#imgbuttonrow {
padding-top:0px;
padding-bottom:6px;
}

#formbox{
margin-top:30px;
/*padding-left:12px;
padding-bottom:12px;
border-left-width: 2px;
border-left-style: solid;
border-left-color: #B8C9DB;
*/	
}

.formtitle {
	float: none;
	text-decoration: none;
	font-family: "Century Gothic", "Franklin Gothic Demi", Arial, Helvetica, sans-serif;
	letter-spacing: 0.3em;
	color: #8C9AA6;
	clear: both;
	font-size: 16px;
	font-style: italic;
	
}


.infolineHeader {
font-family:"Times New Roman", serif;
font-style:italic;
font-size: 1.2em;
padding-top:1em;
letter-spacing: 0.2em;
color: #666666;

}
.infoline {
	float: none;
	text-decoration: none;
	font-family: "Century Gothic", "Franklin Gothic Demi", Arial, Helvetica, sans-serif;
	letter-spacing: 0.2em;
	color: #8C9AA6;
	clear: both;
	font-size: 14px;
	font-style: italic;
	}

.infolinetext {
	color:#26354A;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 0.1em;
	font-size: 11px;
	font-style:italic;
	}


.formlabel {
	color: #8C9AA6;
	line-height: 24px;
}

.formtext {
	color:#26354A;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 0.1em;
	font-size: 11px;
	font-style:italic;
}


table.table1 {
width: 100%;
/*background-color: #fafafa;*/
border: 0px #000000 solid;
border-collapse: collapse;
padding:0px;
}

tr.tableheadrow {
	color: #FFFFFF;
	background-color: #8C9AA6;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 8px;
	padding-right: 8px;
}


td.tableheadrowcell {
	background-color: #8C9AA6;
	border: 1px #000000 solid;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*font-weight: bold;*/
font-size: 12px;
	color: #FFFFFF;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 8px;
	padding-right: 8px;
}


td.contentrow1 {
	border-bottom: 1px #CCCCCC solid;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 8px;
}

td.contentrow1 a{
text-decoration:none;
color:#666666;
}

td.contentrow1 p{
text-decoration:none;
color:#666666;
}

td.contentrow1Num {
	border-bottom: 1px #CCCCCC solid;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
	padding-right: 4px;
}

td.layoutrow1 {
text-align: center;
}

.layoutrowimg{
	border-bottom:0px;
	text-align: center;
	vertical-align: bottom;
	margin-top:24px;
}

.layoutrowimg img{
	text-align: center;
	vertical-align: bottom;
	padding-right:24px;
	padding-left:24px;
}

.layoutdoc1{
	text-align: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 8px;
	color: #000066;
	background-color: #FFFFFF;
	border: 1px solid #999999;
}

.cartTotal {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
text-align:left;
border-bottom: 1px #CCCCCC solid;
font-size: 11px;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 8px;
}

.CartCurrent{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
font-style:italic;
text-align:left;
color: #000000;
padding-bottom:10px;
}

.CartNext {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
font-style:italic;
text-align:left;
color: #AAAAAA;
padding-bottom: 10px;
}


.formC {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font:100% verdana,arial,sans-serif;
  margin: 0;
  min-width: 400px;
  max-width: 480px;
  width: 500px;
}

form fieldset {
  /* clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-color: #999999;
  border-width: 1px;
  border-style: solid;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin-bottom: 12px;
}

form fieldset legend {
	font-size:1.2em; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
}

form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 120px; 
	padding: 0; 
	margin: 10px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}

form fieldset label:first-letter { /* use first-letter pseudo-class to underline accesskey, note that */
	text-decoration:underline;    /* Firefox 1.07 WIN and Explorer 5.2 Mac don't support first-letter */
                                    /* pseudo-class on legend elements, but do support it on label elements */
                                    /* we instead underline first letter on each label element and accesskey */
                                    /* each input. doing only legends would  lessens cognitive load */
                                   /* opera breaks after first letter underlined legends but not labels */
}

form input, form textarea, form select {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:10px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

form input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

textarea { overflow: auto; }

form small {
	display: block;
	margin: 0 0 5px 125px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}

form .required{font-weight:bold;} /* uses class instead of div, more efficient */

form .mailaddr{;} /* uses class instead of div, more efficient */

form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}


</style>