body {
    font-family: Tahoma, Arial, sans-serif;
    margin: 0;
    padding: 0;
    background-color: #C0C0C0;
    color: #000000;
    background-image: url('../images/green-bg.jpg');
    background-repeat: repeat-x;
}
/*===============indicates no border around any image ============*/

body img {
  border: 0px;
  text-decoration: none;
}
/* ============ margins auto center the container on the page ==========*/

#container {
    padding: 10px 20px 20px 20px;
    margin: 30px auto 30px auto;
    background-color: #ffffff;
    width: 1050px;
}
/*=================== styles for top banner ========================*/

#banner {
    background-position: left;
    padding: 0px;
    background-color: #ffffff;
    background-image: url('../images/fair-banner3.gif');
    height: 120px;
    background-repeat: no-repeat;
    color: #000000;
}

#banner img {
  margin-top: 0px;
  float: left;
}
/*==============all site links==============*/

a:link {
  font-weight: bold;
  color: #004145;
  background: transparent;
  text-decoration: underline;
}

a:visited {
  font-weight: bold;
  color: #000000;
  background: transparent;
  padding: 0px;
  text-decoration: underline;
}

a:hover {
  font-weight: bold;
  text-decoration: none;
  background: #A70622;
  color: #ffffff;
}

a:active {
  font-weight: bold;
  text-decoration: underline;
  background: #BFDFE2;
  color: #000000;
}

/*====================== styles for main content area =========================*/

#content {
    margin-left: 180px;
    padding: 5px;
    text-align: left;
    width: 60%;
}

#contentwide {
  margin-left: 180px;
  padding: 5px;
  text-align: left;
  width: 75%;
  
}

#contentwidelong {
  margin-left: 180px;
  padding: 5px;
  text-align: left;
  width: 75%;
  
}


/*===========content area list items==============*/

#content ul li {
  list-style-image: url('../images/red-diamond.png');
  margin: 0px;
  padding: 0px;
}

#content li li {
  list-style-image: url('../images/red-diamond.png');
  padding: 2px 0;
}

#contentwide ul li {
  list-style-image: url('../images/red-diamond.png');
  margin: 0px;
  padding: 0px;
}

#contentwide li li {
  list-style-image: url('../images/red-diamond.png');
  padding: 2px 0;
}
/* *****************************************************
Navigation Bar - Right hand side 
**************************************************** */

#rightnav {
	color: #000;
	padding: 5px 5px 5px 5px;
	margin: 30px 10px 10px 10px;
	border: 1px solid #242F24;
	float: right;
	background-color: #ffffff;
	width: 150px;
	text-align: center;
}

#rightnav .header{
  background-color: black;
  font: bold 13px Verdana;
  color: white;
  margin-bottom: 0;/*bottom spacing between header and rest of content*/
  text-transform: uppercase;
  padding: 0px 0px 5px 10px;/*31px is left indentation of header text*/
}

#rightnav p {
  font-size: .8em;
}

#rightnavwide {
  color: #000;
  padding: 10px 10px 10px 10px;
  margin: 0px 0px 0px 0px;
  border: 0px solid #242F24;
  float: right;
  background-color: #ffffff;
  width: 180px;
}

#rightnavwide .header{
  background-color: #999999;
  font: bold 13px Verdana;
  color: white;
  margin-bottom: 3px;/*bottom spacing between header and rest of content*/
  text-transform: uppercase;
  padding: 5px 0px 5px 10px;/*31px is left indentation of header text*/
}

#rightnavwide p {
  font-size: x-small;
}
/* *****************************************************
Navigation Bar - Left hand side 
**************************************************** */

#vertmenu {
    font-family: Verdana, Arial, sans-serif;
    font-size: 90%;
    width: 160px;
    padding: 0px 5px 5px 5px;
    margin: 5px 0px 0px 0px;
    float: left;
    background-color: #800000;
}

#vertmenu ul {
  list-style: none;
  margin: 0px 0px 5px 0px;
  padding: 0px;
  border: none;
}

#vertmenu ul li {
  margin: 0px;
  padding: 0px;
}

#vertmenu ul li a {
    font-size: 90%;
    display: block;
    border-bottom: 1px dashed #006600;
    padding: 5px 0px 2px 4px;
    text-decoration: none;
    color: #FFFFFF;
    width: 160px;
    border-bottom-color: #006600;
}

#vertmenu ul li a:hover, #vertmenu ul li a:focus {
    background: #530000;
    color: #FFFFFF;
}

.heading {
  display: block;
  color: #FFFFFF;
  font-weight: bold;
  padding: 4px;
  background: #530000;
  text-decoration: none;
  border: 1px solid #530000;
}

.sidebox a:link {
  background: #FFFFFF;
  color: #1534B3;
  font-weight: bold;
  text-decoration: none;
}

.sidebox a:visited {
  background: #FFFFFF;
  color: #1534B3;
  font-weight: bold;
  text-decoration: none;
}

#vertmenu .sidebox a:hover {
  background: #FFFFFF;
  color: #CC3300;
  font-weight: bold;
  text-decoration: underline;
}

#vertmenu .sidebox a:active {
  background: #FFFFFF;
  color: #1534B3;
  font-weight: bold;
  text-decoration: none;
}
/* left-hand menu - colored box - green */

.sideboximage {
  border: #6F0D11 2px solid;
  margin: 15px 0px 3px 0px;
  padding: 0px 3px 15px 3px;
  background-color: #ffffff;
  height: 150px;
  background-repeat: no-repeat;
  color: #000000;
}

.sidebox {
  border: #6F0D11 2px solid;
  margin: 15px 0px 3px 0px;
  padding: 0px 3px 15px 3px;
  background: #ffffff;
  color: #000000;
  font-size: 85%;
}

.sideboxheading {
  background: #135d0b;
  color: #FFFFFF;
  font-weight: bold;
  text-align: center;
  margin-top: 3px;
  padding: 2px;
}

.sideboxheading-2 {
  background: #c03030;
  color: #FFFFFF;
  font-weight: bold;
  text-align: center;
  margin-top: 3px;
  padding: 2px;
}
/*============== Styles for footer ===================*/

#footer {
    margin: 0px;
    border-top: 1px solid #a70622;
    width: auto;
    font-family: Tahoma;
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
    text-transform: none;
    color: #dcd66e;
    text-decoration: none;
    background-repeat: repeat-x;
    background-color: #ffffff;
    text-align: center;
    padding-left: 5px;
    height: auto;
}

#footer a {
  color: #000000;
  text-decoration: underline;
}

#footer a:hover {
  font-weight: bold;
  text-decoration: none;
  background: transparent;
  color: #9E2410;
}

#footer a:visited {
  font-weight: bold;
  color: #606060;
  background: transparent;
  padding: 0px;
  text-decoration: underline;
}

#footerlink a:active{
  font-weight: bold;
  text-decoration: underline;
  background: transparent;
  color: #000000;
}

.footer_designed {
  font-family: Arial;
  font-size: 11px;
  font-style: normal;
  line-height: normal;
  font-weight: bold;
  font-variant: normal;
  text-transform: uppercase;
  text-decoration: none;
  float: left;
  width: 100%;
  color: #FFFFFF;
  padding-top: 5px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  text-align: center;
}

.footer_designed1 {
  font-family: Arial;
  font-size: 10px;
  font-style: normal;
  line-height: normal;
  font-weight: bold;
  font-variant: normal;
  text-transform: uppercase;
  text-decoration: none;
  color: #d0b003;
}

.footer_designedlink {
  font-family: Arial;
  font-size: 10px;
  font-style: normal;
  line-height: normal;
  font-weight: bold;
  font-variant: normal;
  text-transform: uppercase;
  text-decoration: none;
  color: #000000;
}

.privacy_policy_text {
  font-family: Arial;
  font-size: 12px;
  font-weight: normal;
  color: #5f5d3e;
  text-decoration: none;
  margin: 0px;
  float: left;
  width: 100%;
  padding-top: 10px;
}

.privacy_head {
  font-family: Arial;
  font-size: 12px;
  font-weight: bold;
  color: #9e2410;
  text-decoration: none;
  text-align: center;
  float: left;
  width: 100%;
}

.privacy_head1 {
  font-family: Arial;
  font-size: 11px;
  font-weight: bold;
  color: #000000;
  text-decoration: none;
  line-height: normal;
  text-align: center;
  padding-top: 38px;
  padding-left: 20px;
  padding-right: 20px;
}

.link_text {
  font-family: Tahoma;
  font-size: 11px;
  font-style: normal;
  line-height: normal;
  font-weight: bold;
  font-variant: normal;
  text-transform: none;
  color: #D0B003;
  text-decoration: none;
  float: left;
  text-align: center;
  width: 100%;
  padding-top: 10px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
/*================== general styles =================*/

hr {
  width: 50%;
  text-align: center;
  background-color: #A70622;
  height: 5px;
}
/* =================Styles for heading tags =============== */

h1, h2, h3, h4 {
  color: #000000;
  background-color: inherit;
}

h1 {
    font-size: 1.3em;
    background: #FFFFFF;
    padding: 2px;
    width: 80%;
}

h2 {
  font-size: 1em;
}

h3 {
  font-size: .9em;
}

h4 {
  font-size: .9em;
}
/*================used to center anything==============*/

.center {
  text-align: center;
}
/* ============floats images to right or left ============*/

.imgrgt {
  float: right;
  padding: 7px;
}

.imglft {
  float: left;
  padding: 7px;
}

.imgcentre {
	float: none;
	padding: 7px;
}

/* ============ text styles ============*/

.smtxt {
  font-size: small;
  font-weight:normal;
}

.smtxtcentered {
  font-size: small;
  font-weight:normal;
  text-align: center;
}

.smtxtboldcentered {
  font-size: small;
  font-weight:bold;
  text-align: center;
}

.smtxtgreen {
  font-size: small;
  font-weight:normal;
  color:green;
}


.smboldtxt {
    font-size:small;
    font-weight: bold;

 }
 
 .normaltxt {
    font-size: medium;
    font-weight:normal;
}

 .normalboldtxt {
    font-size: medium;
    font-weight: bold;
}

.normalboldcentered {
  font-size: medium;
  font-weight:bold;
  text-align: center;
}


.normalboldtxtgreen {
    font-size: medium;
    font-weight: bold;
    color: #008000;
}

.smboldtxtred {
    font-size: small;
    font-weight: bold;
    color: #FF0000;
}

/* ============ line styles ============*/

.linestyle1 {
    text-align: left;
    color:red;
    width: 100%;
    height: 1px
}

/* ============ image styles ============*/

.imagestyle2 {
    border: 1px solid #FFFFFF;
    margin-left: 80px;
    margin-right: 80px;
    padding: 7px;
}
.imagestyle1 {
    margin-left: 180px;
    margin-right: 180px;
    border-style: solid;
    border-width: 1px;
    padding: 7px;
    vertical-align: text-bottom;
    }

/* ============ table styles ============*/

table#awa {
    background-color:#FFFFFF;   
    
    border-width: 1px 1px 1px 1px;
    border-spacing: 2px;
    border-style: solid;
    border-collapse: collapse;
    border-color: gray gray gray gray;
    margin-left:30px
    
}

table#awa td {
    padding: 5px;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    border-color: gray gray gray gray;
}

table#awa th {
    border-width: 1px 1px 1px 1px;
    padding: 5px 3px 5px 3px;
    border-style: inset inset inset inset;
    border-color: gray gray gray gray;
    background-color: #008000;
    
}

.data {
    color: #000000;
    text-align: center;
    background-color: #800080;
    width: 225px;
}

.toprow {
    font-style: italic;
    text-align: center;
    background-color: #D0B003;
}

.leftcol {
    font-weight: bold;
    text-align: left;
    width: 10px;
    background-color: #D0B003;
}

.awa tr:hover th, .awa tr:hover td
{
  background-color: #632a2a;
  color: #fff;
}

/* ============ pretty table styles ============*/

.pretty-table
{
    padding: 0;
    margin: 0;
    border-collapse: collapse;
    border: 1px dotted #333;
    font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
    font-size: 0.7em;
    color: #000;
    background: #FFFFFF;
    margin-left: 0px;
    max-width: 800px;
}

.pretty-table caption
{
  caption-side: bottom;
  font-size: 0.9em;
  font-style: italic;
  text-align: right;
  padding: 0.5em 0;
}

.pretty-table th 
{
  border: 1px dotted #666;
  padding: 3px;
  text-align: center;
  color: #452911;
  width: 10px;
}

.pretty-table td
{
  border: 1px dotted #666;
  padding: 0.5em;
  text-align: center;
  color: #452911;
  width: 225px;
}

.pretty-table th[scope=col]
{
    color: #FFFFFF;
    background-color: #004300;
    text-transform: uppercase;
    font-size: 0.9em;
    border-bottom: 1px dotted #333;
    border-right: 1px dotted #333;
    text-align: center;
}

.pretty-table th+th[scope=col]
{
    color: #FFFFFF;
    background-color: #004300;
    border-right: 1px dotted #666;
}

.pretty-table th[scope=row]
{
    background-color: transparent;
    border-right: 1px dotted #333;
}

.pretty-table tr.alt th, .pretty-table tr.alt td
{
    color: #004300;
}

.pretty-table tr:hover th[scope=row], .pretty-table tr:hover td
{
  background-color: #006600;
  color: #fff;
}


/* ============ tradefair table styles ============*/

.tradefair
{
    padding: 0;
    margin: 0;
    border-collapse: collapse;
    border: 1px dotted #333;
    font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
    font-size: 0.7em;
    background-color: #FFFFFF;
    color: #000;
    margin-left: 0px;
    max-width: 200px;
}

.tradefair caption
{
  caption-side: top;
  font-size: 0.9em;
  font-style: italic;
  text-align: left;
  padding: 0.5em 0;
}

.tradefair th 
{
    border: 1px dotted #666;
    padding: 2px;
    text-align: center;
    color: #452911;
    width: 10px;
}

.tradefair td
{
  border: 1px dotted #666;
  padding: 0px;
  text-align: center;
  color: #452911;
  width: 225px;
}

.tradefair th[scope=col]
{
    color: #FFFFFF;
    background-color: #004300;
    text-transform: uppercase;
    font-size: 0.9em;
    border-bottom: 1px dotted #333;
    border-right: 1px dotted #333;
    text-align: center;
}

.tradefair th+th[scope=col]
{
    color: #FFFFFF;
    background-color: #004300;
    border-right: 1px dotted #666;
}

.tradefair th[scope=row]
{
    background-color: transparent;
    border-right: 1px dotted #333;
}

.tradefair tr.alt th, .tradefair tr.alt td
{
    color: #004300;
}

.tradefair tr:hover th[scope=row], .tradefair tr:hover td
{
  background-color: #006600;
  color: #fff;
}

/* ============ fairschedule table styles ============*/

.fairschedule
{
    padding: 0;
    margin: 0;
    border-collapse: collapse;
    border: 1px dotted #333;
    font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
    font-size: 0.7em;
    color: #000;
    background-color: #FFFFFF;
    margin-left: 0px;
    max-width: 900px;
}

.fairschedule caption
{
  caption-side: top;
  font-size: 0.9em;
  font-style: italic;
  text-align: left;
  padding: 0.5em 0;
}

.fairschedule th 
{
  border: 1px dotted #666;
  padding: 3px;
  text-align: center;
  color: #452911;
  width: 60px;
}

.fairschedule td
{
  border: 1px dotted #666;
  padding: 0.5em;
  text-align: center;
  color: #452911;
  width: 225px;
}

.fairschedule th[scope=col]
{
    color: #FFFFFF;
    background-color: #004300;
    text-transform: uppercase;
    font-size: 0.9em;
    border-bottom: 1px dotted #333;
    border-right: 1px dotted #333;
    text-align: center;
}

.fairschedule th+th[scope=col]
{
    color: #FFFFFF;
    background-color: #004300;
    border-right: 1px dotted #666;
}

.fairschedule th[scope=row]
{
    background-color: transparent;
    border-right: 1px dotted #333;
}

.fairschedule tr.alt th, .fairschedule tr.alt td
{
    color: #004300;
}

.fairschedule tr:hover th[scope=row], .fairschedule tr:hover td
{
  background-color: #006600;
  color: #fff;
}

/* *****************************************************
Editable DIV - Left and right hand side 
**************************************************** */

#leftdata {
    background-position: left;
    font-family: Verdana, Arial, sans-serif;
    font-size: 90%;
    width: 350px;
    padding: 5px 5px 5px 20px;
    float: left;
    background-color: #FFFFFF;
    text-align: center;
}
#rightdata {
    background-position: left;
    font-family: Verdana, Arial, sans-serif;
    font-size: 90%;
    width: 350px;
    padding: 5px;
    float: right;
    background-color: #FFFFFF;
    text-align: center;
}