#content h4 {font-size:99%; text-align:left; background:url(../../../graphics/heading.gif) no-repeat center left; margin:2.8em 0 1em 0; padding:0 0 0 30px}
#externallinks h4 span {font-size:80%; color:#666; display:block}

/* note that by using an id on each form that it is is individually controllable
 use a general class for consistency and refer via the id for unique properties */

/* Search form */
#simplesearch                     {text-align:center; background:#fff; padding:0; margin:0px; border:0px solid}
#simplesearch fieldset            {padding:0; margin:1em; border:0px solid}
#simplesearch fieldset label      {display:none}
#simplesearch input#searchterm    {font-size:100%; font-weight:bold; border:2px inset  #ccc; padding-left:3px; width:160px}
#simplesearch input#searchbutton  {font-size:100%; font-weight:bold; border:2px outset #ccc; margin-left:1em}
/* /Search form */


/* Login form */
#simplelogin                      {text-align:center; background:#fff; padding:0; margin:0px; border:0 solid}
#simplelogin fieldset             {padding:0; margin:1em; border:0px solid}
#simplelogin fieldset label       {display:none}
#simplelogin input#loginname      {font-size:100%; font-weight:bold; border:2px inset  #ccc; padding-left:3px; width:160px}
#simplelogin input#loginpassword  {font-size:100%; font-weight:bold; border:2px inset  #ccc; padding-left:3px; width:70px}
#simplelogin input#loginbutton    {font-size:100%; font-weight:bold; border:2px outset #ccc; margin-left:1em}
/*
#simplelogin #simplesearchxhtml {display:none}
*/
/* /Login form */


#simplecontactform                {margin:0 0 2em 0; text-align:right}
#simplecontactform fieldset       {border:1px solid #657; padding:0.5em 1em; margin:2em 10px; color:#657}
#simplecontactform legend         {font-weight:bold; padding:0 0.5em}
#simplecontactform p              {margin-bottom:0.8em}
#simplecontactform label          {font-weight:bold}
#simplecontactform input.text     {background:#FFF0D0; border:2px inset #ccc; font-weight:normal; width:220px; margin-left:1em; background:#dde; font-size:100%; padding:2px 3px 2px 5px; vertical-align:middle}
#simplecontactform input.radio    {border:2px solid #fff; margin-left:1.5em; vertical-align:middle}
#simplecontactform textarea       {background:#FFF0D0; border:2px inset #ccc; font-weight:normal; font-family:Verdana, arial, sans-serif; width:220px; margin-left:1em; background:#fff; font-size:100%; padding:2px 3px 2px 5px; vertical-align:middle}
#simplecontactform input.button   {border:2px outset #ccc; color:#324; background:#bbd; font-size:100%; font-weight:bold; vertical-align:bottom; height:2em; letter-spacing:1px; width:120px}


/* 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 */
#simplecontactform div.help     {background:#f0f0f0; padding:5px; color:#060}
#simplecontactform div.help h3  {font-size:small; margin:0 0 0.5em 0}
#simplecontactform div.help p   {margin:0}

#simplecontactform span.help    {font-size:small; background:#f0f0f0; padding:2px}
#simplecontactform span.help  a {color:#060}
/* end help link example */


/* General form */
/* always specify form name to prevent inheritance onto other forms */
/* note inputs have classes of text/radio/check/pass/button */
#general              {}
#general fieldset     {border:1px solid #006; padding:0.5em 1em 1em 1em; margin:0.5em 15px 2em 15px; text-align:center}
#general legend       {padding:0.5em; font-weight:bold}
#general p            {text-align:left}
#general ol           {text-align:left}
#general label        {display:block}
#general textarea     {border:2px inset #fff}
#general input        {border:2px inset #fff}
#general input.button {border:2px outset #fff}
#general input.text   {}
#general input.pass   {}
#general input.radio  {border:2px solid #fff7dd; margin-right:1em}

/*
#general input:focus  {border:2px solid red}
#general label:focus  {border:2px solid red}
*/

#general input.check  {border:2px solid #fff7dd; margin-right:1em}


/* select boxes do not seem to be controllable via css or javascript */
#general select       {border:2px inset #fff}
#general input.select {}
#general input.optgroup {font:bold 100%/150% times;}

#general label.required {display:inline; cursor:help; padding-bottom:1px; border-bottom:1px dotted #0f0}
#general strong.required {color:red}

#general .buttonlist {text-align:left; margin:0 auto}
#general .wide{width:40%}