body         { margin: 0; }
body, th, td { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
.large { font-size: 12px }
.small { font-size: 10px }
table        { border-collapse: collapse; }
/*td    { padding: 0px; } */ /* td default = padding: 1px 1px; */
img          { border: 0; }

a:link           { color: #3366cc; }
a:visited        { color: #3366cc; }
a:hover          { color: #00559f; text-decoration: none; }

input, textarea, select  { font-size: 12px; border: 1px solid #cccccc; background: #FFF6F3 }
input.submit             { background: #E0E0E0;}
textarea                 { overflow: auto }


.nav1               { font-size: 12px; background: #FFCC99; text-align: center }
.nav1 a             { padding: 0px 20px; text-decoration: none;  }
#nav1a              { padding: 0px 20px; color: #FF6633; }
.nav1 a:link        { color: #000000 }
.nav1 a:visited     { color: #000000 }
.nav1 a:hover       { color: #FF6633 }

a.download          { color: #000000; font-style: italic }
a.download:link     { color: #000000 }
a.download:visited  { color: #000000 }
a.download:hover    { color: #FF6633 }

#copyright          { text-align: center; color: #999999; font-size: 8px; letter-spacing: 5px; padding-top: 6px; margin-bottom: 20px }

h1                  { font-size: 14px; }
h2                  { font-size: 12px; }
h3                  { font-size: 11px; }

#home .left         { width: 50% }
#home .right        { width: 49% }
#company .left      { width: 50% }
#company .right     { width: 49% }
#services .left     { width: 50% }
#services .right    { width: 49% }
#contactus .left    { width: 50% }
#contactus .right   { width: 49% }
#contactus td       { padding: 2px 4px; height: 19px }
#contactus th       { text-align: right; font-weight: normal }

#middle          { margin: 40px 60px 0px 60px; border: 1px solid #CCCCC; background: #F9F9F9; padding: 0px 30px  }

#editor          { margin-top: -40px; height: 100%}                              /* editor */
.middlecodeouter { max-width: 960px; }                                           /* editor */
.middlecode      { text-align: left; padding-left: 60px; }                       /* editor */

ul.sanbull   { padding: 0; margin-left: 10px; list-style-type: none;}


.centered       { text-align: center; }                        /* centres enclosed (tables require a centering div) */
.centered table { margin: auto; text-align: left;}             /* reset text-align on table enclosed in div.centered */
.centeredblock  { display: inline-block; text-align: left; }   /* reset text-align on div enclosed in div.centered */

.highlighted    { color: #ff9966; }                            /* orange */
.caption        { font-size: 10px; font-weight: bold }         /* under images and tables */
.section        { margin-top: 4em }                            /* around section or on heading tag */
.hidden         { display: none }                              /* for hidden img onload = js */

.container         { width: 100%; overflow: auto; }                      /* for all floated divs */
.left, .middle     { float: left; display: inline; }                     /* set width, % or px */
.right             { display: inline-block; }                            /* set the width if borders visible, no float reqd */


/* unused below */

.navpanel td     { padding: 0; }
.nav td          { padding: 0; height: 18px; text-align: center; font-size: 11px; color: #FF9966; font-weight: bold; background: #00559f; margin: 0; }
.nav img         { display: block; padding: 0px 10px 0px 2px; }

.navbuttons           { margin: 4px 0; }                                        /* row of nav buttons */
.navbuttons a         { font-size: 11px; text-decoration: none; padding: 1px 5px 1px 5px; font-weight: bold; background: #00559f; }
.navbuttons a:link    { color: #FFFFFF; }
.navbuttons a:visited { color: #FFFFFF; }
.navbuttons a:hover   { color: #FF6633; }
                                                                                /* nav button inline with the text */

.navbutton           { font-size: 11px; padding: 1px 5px 1px 5px; font-weight: bold; background: #00559f; color: #FFFFFF;}
a.navbutton          { font-size: 11px; padding: 1px 5px 1px 5px; font-weight: bold; background: #00559f; text-decoration: none; }
a.navbutton:link     { color: #FFFFFF; }
a.navbutton:visited  { color: #FFFFFF; }
a.navbutton:hover    { color: #FF6633; }

.navpageup           { font-size: 11px; font-weight: normal; text-align: right } /* nav link to top of page */
a.navpageup          { float: right }

.nav2left          { width: 50%; float: left; display: inline; }         /* bulletted menus */
.nav2right         { display: inline-block; }
.nav2right img     { height: 200px; }

.box th, .box td    { border: 2px solid #D0F0F9; padding: 4px 4px; }  /* std blue border table */
.box th             { background: #D0F0F9; text-align: left; }

.feature th               { text-align: center } /* restore to default */
.feature th, .feature td  { padding: 6px 4px; }
h1.feature                { text-align: center; color: #ff9966; margin-top: 30px }
h1.feature a:link,
h1.feature a:visited,
h1.feature a:hover        { color: #ff9966 }

.boxh    { border: 2px solid #D0F0F9; background: #D0F0F9; text-align: center; font-weight: bold; padding: 6px 4px; }
.boxd    { border: 2px solid #D0F0F9; padding: 6px 4px; border-top: 0 }

div.box     { border: 1px solid #D0F0F9 }
div.boxth   { border: 1px solid #D0F0F9; background: #D0F0F9; text-align: center; font-weight: bold; padding: 6px 4px;  }
div.boxtd   {  border: 1px solid #D0F0F9; background: #FFFFFF; padding: 6px 4px; }

#order table       { border-collapse: separate; }