/** this initialises all styles to fixed known defaults **/
*
{
  padding : 0;
  margin : 0;
}


body
{
  background-color:#EEEEEE;
  color : #006666;
  font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
  font-size: 12pt;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: normal;
  text-transform: none;
  text-decoration: none;
  margin : 0;
  background-image : url(../images/duotone-brown-gradient.png);

  scrollbar-3d-light-color:white;
  scrollbar-arrow-color:gray;
  scrollbar-base-color:gray;
  scrollbar-dark-shadow-color:black;
  scrollbar-face-color:#333333;
  scrollbar-highlight-color:gray;
  scrollbar-shadow-color:gray;  
}

p
{
  color : #006666;
  font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
  font-size: 12pt;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: normal;
  text-transform: none;
  text-decoration: none;
  margin-bottom: 8px;
}


/*****************************************************************************/
/** HEADINGS **/

h1
{
  color: #336699;
  font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
  font-size: 36pt;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: normal;
  text-transform: normal;
  text-decoration: none;
  margin-bottom: 8px;
}
h2
{
  color: #336699;
  font-size: 24pt;
  font-weight: normal;
  margin-bottom: 16px;
}

h3
{
  color: #336699;
  font-size: 16pt;
  margin-bottom: 8px;
}

h4
{
  font-size: 14pt;
  margin-bottom: 8px;
}

/*****************************************************************************/
a
{
  font-weight: normal;
  color : #CC6600;
  text-decoration: none
}
a:hover
{
  color : #FF9933;
}

small
{
  font-size: 8pt;
}


/*****************************************************************************/
/** styles for the main menu **/

.menuText
{
    color: #D7E3E6;
    font-size: 16pt;
    text-align : right;
    margin : 0;
    padding: 0;
}

.menuItem
{
  color: #336699;
    font-size: 16pt;
    text-align : left;
    text-decoration: none;
    margin : 0;
    padding-right: 20px;
    padding-left: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}

a.menuItem
{
  color: #336699;
  text-decoration: none
}

a.menuItem:hover
{
  color : #FF9933;
  text-decoration: none
}

/*****************************************************************************/

.menuItemSelected
{
    color: #FF99CC;
    font-size: 16pt;
    text-align : left;
    text-decoration: none;
    padding-right: 20px;
}

a.menuItemSelected
{
  color: #FF9900;
  text-decoration: none
}

a.menuItemSelected:hover
{
  color: #FFCC00;
  text-decoration: none
}

/*****************************************************************************/

ul
{
  margin-left: 10px;
  margin-bottom: 8px;
}
li
{
  margin-left: 10px;
}

img.imgLeft
{
  float : left;
  border : 1px solid #EEEEEE;
  margin-left : 0px;
  margin-right : 20px;
  margin-top : 5px;
  margin-bottom : 10px;
}

img.imgRight
{
  float : right;
  border : 1px solid #EEEEEE;
  margin-left : 20px;
  margin-right : 0px;
  margin-top : 5px;
  margin-bottom : 10px;
}

/*****************************************************************************/

table.photoTable td.photoCell
{
  padding : 0px;
  padding-left : 2px;
  padding-right : 2px;
  padding-top : 0px;
  padding-bottom : 0px;
  margin : 0px;
  border-spacing : 0px;
}

/*****************************************************************************/

.errorMsg
{
  color : #FF0000;
}

.upperCase
{
  text-transform: uppercase;
}


input, select, option, textarea
{
  border-top-width : 1px;
  border-right-width : 1px;
  border-bottom-width : 1px;
  border-left-width : 1px;
  border-style: solid;
  COLOR: #333333;
  BORDER-COLOR: #999999;
  BACKGROUND-COLOR: #EEEEEE
}


.smallPrint
{
  color: #CCCCCC;
  font-size: 8pt;
}

.smallPrint a:hover
{
  color: #FFFFFF;
}

.smallHeading
{
  color: #888888;
  font-size: 10pt;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: normal;
  text-transform: none;
  text-decoration: none;
  margin-top: 0px;
}

.smallHeading a:hover
{
  color: #FFFFFF;
}

/*****************************************************************************/

.copyright {  font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; text-decoration: none; color: #999999}
a.copyright {  font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; text-decoration: none; color: #999999}
a.copyright:visited {  font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; text-decoration: none; color: #999999}
a.copyright:active {  font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; text-decoration: none; color: #999999}
a.copyright:hover {  font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; text-decoration: none; color: #6699FF}


/*****************************************************************************/
.button
{
  PADDING-LEFT: 4px;
  PADDING-RIGHT: 4px;
  PADDING-TOP: 2px;
  PADDING-BOTTOM: 4px;
  BORDER-RIGHT: 1px solid;
  BORDER-TOP: 1px solid;
  BORDER-LEFT: 1px solid;
  BORDER-BOTTOM: 1px solid;
}

a.button
{
  PADDING-LEFT: 4px;
  PADDING-RIGHT: 4px;
  PADDING-TOP: 2px;
  PADDING-BOTTOM: 4px;
  BORDER-RIGHT: 1px solid;
  BORDER-TOP: 1px solid;
  BORDER-LEFT: 1px solid;
  BORDER-BOTTOM: 1px solid;
}

/*****************************************************************************/