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


body
{
    background-color:#EEEEEE;
    color : #4B4E76;
    font-family: Calibri, Arial, Helvetica, sans-serif;
    /*font-size: 12pt;*/
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: normal;
    text-transform: none;
    text-decoration: none;
    margin : 0;
}

p
{
    color : #4B4E76;
    font-family: Calibri, Arial, Helvetica, sans-serif;
    /*font-size: 12pt;*/
    font-size: 16px;
    font-weight: normal;
    font-variant: normal;
    line-height: normal;
    text-transform: none;
    text-decoration: none;
    margin-bottom: 8px;
}


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

h1
{
    color: #007164;
    font-family: Calibri, Arial, Helvetica, sans-serif;
    /*font-size: 24pt;*/
    font-size: 32px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: normal;
    text-transform: normal;
    text-decoration: none;
    margin-bottom: 8px;
}
h2
{
    color: #007164;
    /*font-size: 20pt;*/
    font-size: 27px;
    font-weight: normal;
    margin-bottom: 16px;
}

h3
{
    color: #007164;
    /*font-size: 16pt;*/
    font-size: 21px;
    font-weight: normal;
    margin-top: 8px;
    margin-bottom: 8px;
}

h4
{
    /*font-size: 12pt;*/
    font-size: 16px;
    margin-bottom: 8px;
}

/*****************************************************************************/
a
{
    font-weight: normal;
    color : #336699;
    text-decoration: none;
}
a:hover
{
    color : #9F93B8;
    text-decoration: underline;
}

small
{
    /*font-size: 8pt;*/
    font-size: 10px;
}


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

.menuText
{
    color: #D7E3E6;
    /*font-size: 14pt;*/
    font-size: 19px;
    text-align : right;
    margin : 0;
    padding: 0;
}

/** these styles are for the non-drop-down menu **/
.menuItem
{
    color: #336699;
    /*font-size: 14pt;*/
    font-size: 19px;
    text-align : left;
    text-decoration: none;
    padding-right: 20px;
}

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

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

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

.menuItemSelected
{
    color: #FFFFFF;
    /*font-size: 14pt;*/
    font-size: 19px;
    text-align : left;
    text-decoration: none;
    padding-right: 20px;
}

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

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

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

ul, ol
{
    margin-left: 10px;
    margin-bottom: 10px;
}
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;
}

table.tableTeamPhotos
{
    padding-top : 10px;
    padding-bottom : 10px;
}
table.tableTeamPhotos td, th
{
    padding-left : 0px;
    padding-right : 10px;
    padding-top : 0px;
    padding-bottom : 0px;
    border-spacing : 0px;
    /*font-size: 10pt;*/
    font-size: 13px;
    text-align : center;
}
table.tableTeamPhotos tr
{
    vertical-align : top;
}
table.tableTeamPhotos img
{
    border : 1px solid #DDDDDD;
}

table.tableButtonBar
{
    padding-top : 10px;
    padding-bottom : 10px;
}
table.tableButtonBar td, th
{
    padding-left : 0px;
    padding-right : 10px;
    padding-top : 0px;
    padding-bottom : 0px;
    border-spacing : 0px;
}
table.tableButtonBar tr
{
    vertical-align : middle;
}

table.tableArticleList td, th
{
    padding-left : 10px;
    padding-right : 10px;
    padding-top : 0px;
    padding-bottom : 0px;
    border-spacing : 0px;
}
table.tableArticleList tr
{
    vertical-align : top;
}

table.tableMemberList td, th
{
    padding-left : 0px;
    padding-right : 10px;
    padding-top : 0px;
    padding-bottom : 0px;
    border-spacing : 0px;
    /*font-size: 12pt;*/
    font-size: 16px;
    text-align : left;
}
table.tableMemberList tr
{
    vertical-align : top;
}

table.tableMemberList th a
{
    font-weight : bold;
}

table.tableDownloads td, th
{
    padding-left : 10px;
    padding-right : 10px;
    padding-top : 0px;
    padding-bottom : 0px;
    border-spacing : 0px;
}

table.tableDataEntry td, th
{
    padding : 4px;
    border-spacing : 0px;
}

table.tableDataEntry th
{
    text-align : right;
}

table.tableDataEntry tr
{
    vertical-align : middle;
}

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

.red
{
    color : #FF0000;
}

a.red
{
    color : #FF0000;
}

.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;*/
    font-size: 11px;
}

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

.smallHeading
{
    color: #888888;
    /*font-size: 10pt;*/
    font-size: 13px;
    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: Calibri, Arial, Helvetica, sans-serif;
    /*font-size: 8pt;*/
    font-size: 11px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-decoration: none;
    color: #999999
}
a.copyright
{
    font-family: Calibri, Arial, Helvetica, sans-serif;
    /*font-size: 8pt;*/
    font-size: 11px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-decoration: none;
    color: #999999
}
a.copyright:visited
{
    color: #999999;
}
a.copyright:active
{
    color: #999999;
}
a.copyright:hover
{
    color: #6699FF;
}

/*****************************************************************************/
.button
{
    padding : .5em;
    color : #FFFFFF;
    text-shadow : 1px 1px 1px #000;
    BORDER : solid thin #336699;
    -webkit-border-radius : .7em;
    -moz-border-radius : .7em;
    border-radius : .7em;
    -webkit-box-shadow : 2px 2px 2px #999;
    box-shadow : 2px 2px 2px #BBB;
    background-color : #6699CC;
    background-image : -webit-gradient( linear, left top, left bottom, from( #E9EDE8 ), to( #6699CC ), color-stop( 0.4, #8C1B0B ) );
}

a.button
{
    padding : .5em;
    color : #FFFFFF;
    text-shadow : 1px 1px 1px #000;
    BORDER : solid thin #336699;
    -webkit-border-radius : .7em;
    -moz-border-radius : .7em;
    border-radius : .7em;
    -webkit-box-shadow : 2px 2px 2px #999;
    box-shadow : 2px 2px 2px #BBB;
    background-color : #6699CC;
    background-image : -webit-gradient( linear, left top, left bottom, from( #E9EDE8 ), to( #6699CC ), color-stop( 0.4, #8C1B0B ) );
}

a.button:hover
{
    text-decoration: none;
}

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

div.divFrontPageBodyLeft, p.divFrontPageBodyLeft, ul.divFrontPageBodyLeft
{
    /*font-size: 14pt;*/
    font-size: 19px;
}

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