
/*#content {width:500px; font:76.1% Verdana, arial, sans-serif;}*/

/*  id on each formfield makes it individually controllable - general class for consistency and the id for unique properties */

#contactform                {margin:0 0 2em 0; text-align:left}
#contactform *              {font:inherit}
#contactform div              {margin:0.7em 0}
#contactform fieldset       {border:1px solid #657; padding:0.5em 1em; margin:2em 10px; color:#657}
#contactform legend         {font-weight:bold; padding:0 0.5em}
#contactform p              {margin-bottom:0.8em}
#contactform label          {font-weight:bold}
#contactform input.text     {background:#FFF0D0; border:2px solid #ccc; width:220px; margin:1em; background:#dde; padding:2px 3px 2px 5px; vertical-align:middle}
#simplecontactform input.radio    {border:2px solid #fff; margin-left:1.5em; vertical-align:middle}
#contactform textarea       {background:#FFF0D0; border:2px solid #ccc; width:400px; margin-left:1em; background:#fff; font-size:100%; padding:2px 3px 2px 5px; vertical-align:middle}
#contactform input.button   {border:2px outset #ccc; color:#324; background:#ffffdg; vertical-align:bottom; height:2em; width:120px:}
#contactform div.submitbutton {float:right; clear:left;  margin:20px;}

/* help link example */
/* please note: that bg & txt colour of the help link should be associated with the bg & txt color of the help div */
#contactform div.help     {background:#f0f0f0; padding:5px; color:#000; text-align:left}
#contactform div.help h4  {font-size:small; margin:0 0 0.5em 0}
#simplecontactform div.help p   {margin:0}

#contactform span.help    {font-size:small; background:#f0f0f0; padding:2px}
#contactform span.help  a {color:#000}
/* end help link example */


