/* BASIC HTML DEFINITIONS */

HTML       {height: 100%; margin-bottom: 1px;}
body        { color: #000; font-size: 75%; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; background: #fff url(images/background.jpg) repeat-x; margin: 20px 0 }
table, td, tr    { margin: 0; padding: 0; border-collapse: collapse  }
ul li      {list-style-image: url(images/bullet1.gif); font-size: 100%;}
hr         {background-color: #BC0900; color: #BC0900; height: 1px; width: 100%;}
img {border: 0; margin: 0; padding: 0;}

form         {margin: 5px 0 0 0; padding: 0; font-size: 100%;}
.formbutton1 {background-color: #C0C0C0; color: #FFFFFF;}
.forminput   {background-color: #FFF; color: #000; border: 1px solid #C0C0C0; padding: 3px; font-size: 100%; font-family: Verdana, Arial, sans-serif; margin: 2px;}

/* HEADING DEFINITIONS */

h1    { color: #bc0900; font-size: 16px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: normal; text-align: left; margin: 0 0 20px; border-bottom: thin dotted #bc0900 }
h2    { color: #2866b4; font-size: 14px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: normal; text-align: left; margin: 0 }
h3    { color: #bc0900; font-size: 14px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: normal; text-align: left; margin: 0 }
h4     { color: #2866b4; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; margin: 0; padding: 4px; border-bottom: thin dotted #2866b4 }
h5  { color: #3f79c7; font-size: 120%; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold }
h6 {font-size: 120%; font-weight: bold; color: #2866B4; margin: 0;}
h7 { color: #093; font-size: 130%; font-weight: bold; margin: 0 }
/* BASIC LINK COLORS */

A:LINK      { color: #369; font-weight: bold; text-decoration: none }
A:VISITED {color: #E20B00; text-decoration: none; font-weight: bold;}
A:HOVER   {color: #5F92DF; text-decoration: underline; font-weight: bold;}
A:ACTIVE  {color: #E20B00; text-decoration: none; font-weight: bold;}

.rollover   {color: #FFF; font-size: 12px; padding-left: 3px;}
.rollover A:LINK, .rollover A:VISITED {display: block; margin: 0; width: 124px; padding: 18px 0; float: left; font: bold 12px Tahoma; color: #FFF; 
                                       background: url(images/buttongroup.jpg) 0 0 no-repeat}
.rollover A:HOVER {background-position: -125px 0; font: bold 12px Tahoma; color: #FFF; text-decoration: none;}
.rollover A:ACTIVE {background-position: -125px 0; font: bold 12px Tahoma; color: #FFF; text-decoration: none;}

/* MAIN CLASSES */
.dogfood { color: red; border: solid thin navy; outline: solid thin #006 }
.wrapper        {width: 750px; text-align: left; color: #000; background-image: url(images/wrapperbkg.jpg);}
.header          { font-size: 85%; background-image: url("images/logoimage.jpg"); height: 126px; vertical-align: top }
.navbar         {width: 750px; text-align: center; color: #FFF; height: 50px; background-image: url(images/navcell.jpg);}
.sidebar        {width: 230px; text-align: left; vertical-align: top; padding: 5px 10px; font-size: 90%; line-height: 16px;}
.content         { text-align: justify; padding: 10px 10px 0; width: 500px; vertical-align: top }
.menus { text-align: justify; padding: 10px 10px 0; width: auto; vertical-align: top }
.content1 { text-align: justify; padding: 10px 10px 0; width: 50%; vertical-align: top }
.textshort       { font-size: 90%; line-height: 16px; text-align: left; padding: 10px 0; width: 50%; vertical-align: top; border-top: thin dotted #e20b00 }
.textshort1 { font-size: 90%; line-height: 16px; text-align: left; padding: 2px 0; vertical-align: top; border-top: thin dotted #e20b00 }
.textwide       {width: 100%; vertical-align: top; padding: 10px 40px; line-height: 18px; text-align: justify;}
.footer         {text-align: center; font-size: 90%; font-weight: bold; padding: 5px; background-image: url(images/footer.gif);}
.topmenu { font-size: 80%; background-image: none; text-align: center; padding: 5px }
/* ASSIGN CLASSES TO IMAGES TO PLACE THE BORDER AND ALIGNMENT */

.imageleft   {margin: 0 10px 0 0; float: left; border: 1px solid #C0C0C0;}
.imageleft1 { margin: 0 10px 0 0; float: left; border-style: none }
.imageright  {margin: 0 0 0 10px; float: right; border: 1px solid #C0C0C0;}
.imagecenter {margin: 0 5px;}