/*****************************************************************************************/
/******************************Inside here are the CSS comments***************************/
/* PART : BODY */
body {
 background-color: #3F9CFF;                                /* CAN_CHANGE : background color of the page */ 
 background-image: url(../images/BannerTileBg.jpg);        /* CAN_CHANGE : background image of the page */ 
 background-repeat: repeat-x;                              /* CAN_CHANGE : repeat the background image to x-axis */ 
 margin-top:15px;                                          /* CAN_CHANGE : top margin of the page */ 
 margin-bottom:15px;                                       /* CAN_CHANGE : bottom margin of the page */ 
 margin-left:0px;                                          /* CAN_CHANGE : left margin of the page */ 
 margin-right:0px;                                         /* CAN_CHANGE : right margin of the page */ 
 text-align: center;                                       /* DO_NOT_CHANGE : center the div's for IE */
}

/*****************************************************************************************/
/* PART : MAIN */
div.main {
 position: relative;                                       /* DO_NOT_CHANGE */
 padding: 0px 0px 0px 0px;                                 /* CAN_CHANGE : top right bottom left padding widths */
 border-style: solid;                                      /* DO_NOT_CHANGE : border type */
 border-width: 1px 1px 1px 1px;                            /* CAN_CHANGE : top right bottom left border widths */
 border-color: #0000FF #0000FF #0000FF #0000FF;            /* CAN_CHANGE : top right bottom left border colors */
 background-color: #8CCFFF;                                /* CAN_CHANGE : background color */
 margin: 0 auto;                                           /* DO_NOT_CHANGE : align center for other browsers */
 margin-right:auto;                                        /* DO_NOT_CHANGE */
 margin-left:auto;                                         /* DO_NOT_CHANGE */
 width: 70%;                                               /* CAN_CHANGE : the width of the main cell */
 text-align: left;                                         /* DO_NOT_CHANGE */
}

/*****************************************************************************************/
/* PART : TOP -> HEADER */
td.gridTop {
 display: table-cell;                                      /* CAN_CHANGE : visibility. visible : table-cell; invisible : none; */
 height: 100%;                                             /* CAN_CHANGE : ex 100% or 200pt etc... */
 width: 100%;                                              /* DO_NOT_CHANGE */
 vertical-align: top;                                      /* CAN_CHANGE : vertical-align: top or middle */
}

div.top {
 position: relative;                                       /* DO_NOT_CHANGE */
 padding: 0px 0px 0px 0px;                                 /* CAN_CHANGE : top right bottom left padding widths */
 border-style: solid;                                      /* DO_NOT_CHANGE : border type */
 border-width: 0px 0px 0px 0px;                            /* CAN_CHANGE : top right bottom left border widths */
 border-color: #00FF00 #00CC00 #0000FF #006600;            /* CAN_CHANGE : top right bottom left border colors */
 margin: 0px 0px 0px 0px;                                  /* CAN_CHANGE : top right bottom left margin widths */
 background-color: #8CCFFF;                                /* CAN_CHANGE : background color */
}

/*****************************************************************************************/
/* PART : LEFT -> MENU_LEFT */
td.gridLeft {
 display: table-cell;                                      /* CAN_CHANGE : visibility. visible : table-cell; invisible : none; */
 height: 100%;                                             /* CAN_CHANGE : ex 100% or 200pt etc... This change the height of LEFT,CENTER,RIGHT */
 width: 20%;                                               /* CAN_CHANGE : width percentage. WidthLeft+WidthCenter+WidthRight=100% */
 vertical-align: top;                                      /* CAN_CHANGE : vertical-align: top or middle */
}

div.left {
 position: relative;                                       /* DO_NOT_CHANGE */
 padding: 2px 2px 2px 2px;                                 /* CAN_CHANGE : top right bottom left padding widths */
 border-style: solid;                                      /* DO_NOT_CHANGE : border type */
 border-width: 1px 1px 1px 1px;                            /* CAN_CHANGE : top right bottom left border widths */
 border-color: #59B4FF #59B4FF #59B4FF #59B4FF;            /* CAN_CHANGE : top right bottom left border colors */
 margin: 10px 10px 10px 10px;                              /* CAN_CHANGE : top right bottom left margin widths */
 background-color: #BFE2FF;                                /* CAN_CHANGE : background color */
}

/*****************************************************************************************/
/* PART : CENTER -> CONTENT */
td.gridCenter {
 display: table-cell;                                      /* CAN_CHANGE : visibility. visible : table-cell; invisible : none; */
 width: 80%;                                              /* CAN_CHANGE : width percentage. WidthLeft+WidthCenter+WidthRight=100% */
 vertical-align: top;                                      /* CAN_CHANGE : vertical-align: top or middle */
}
div.center {
 position: relative;                                       /* DO_NOT_CHANGE */
 padding: 3px 3px 3px 3px;                                 /* CAN_CHANGE : top right bottom left padding widths */
 border-style: solid;                                      /* DO_NOT_CHANGE : border type */
 border-width: 0px 0px 0px 0px;                            /* CAN_CHANGE : top right bottom left border widths */
 border-color: #0000FF #0000CC #000099 #000066;            /* CAN_CHANGE : top right bottom left border colors */
 margin: 0px 0px 0px 0px;                                  /* CAN_CHANGE : top right bottom left margin widths */
 background-color: #8CCFFF;                                /* CAN_CHANGE : background color */
}

/*****************************************************************************************/
/* PART : RIGHT -> MENU_RIGHT */
td.gridRight {
 display: none;                                            /* CAN_CHANGE : visibility. visible : table-cell; invisible : none; */
 width: 20%;                                               /* CAN_CHANGE : width percentage. WidthLeft+WidthCenter+WidthRight=100% */
 vertical-align: top;                                      /* CAN_CHANGE : vertical-align: top or middle */
}
div.right {
 position: relative;                                       /* DO_NOT_CHANGE */
 padding: 10px 10px 10px 10px;                             /* CAN_CHANGE : top right bottom left padding widths */
 border-style: solid;                                      /* DO_NOT_CHANGE : border type */
 border-width: 10px 10px 10px 10px;                        /* CAN_CHANGE : top right bottom left border widths */
 border-color: #FFFF00 #CCCC00 #999900 #666600;            /* CAN_CHANGE : top right bottom left border colors */
 margin: 0px 0px 0px 0px;                                  /* CAN_CHANGE : top right bottom left margin widths */
 background-color: #FFE77C;                                /* CAN_CHANGE : background color */
}

/*****************************************************************************************/
/* PART : BOTTOM -> FOOTER */
td.gridBottom {
 display: table-cell;                                      /* CAN_CHANGE : visibility. visible : table-cell; invisible : none; */
 height: 100%;                                             /* CAN_CHANGE : ex 100% or 200pt etc... */
 width: 100%;                                              /* DO_NOT_CHANGE */
 vertical-align: top;                                      /* CAN_CHANGE : vertical-align: top or middle */
}
div.bottom {
 position: relative;                                       /* DO_NOT_CHANGE */
 padding: 0px 0px 0px 0px;                                 /* CAN_CHANGE : top right bottom left padding widths */
 border-style: solid;                                      /* DO_NOT_CHANGE : border type */
 border-width: 0px 0px 0px 0px;                            /* CAN_CHANGE : top right bottom left border widths */
 border-color: #0000FF #E5E5E5 #CCCCCC #B2B2B2;            /* CAN_CHANGE : top right bottom left border colors */
 margin: 0px 0px 0px 0px;                                  /* CAN_CHANGE : top right bottom left margin widths */
 background-color: #8CCFFF;                                /* CAN_CHANGE : background color */
}


/*****************************************************************************************/
/* This is the table grid you should not change anything */
table.grid {
 border-style: solid;                                      /* DO_NOT_CHANGE */
 border-width: 0px 0px 0px 0px;                            /* DO_NOT_CHANGE */
 border-color: black black black black;                    /* DO_NOT_CHANGE */
 width: 100%;                                              /* DO_NOT_CHANGE */
}

/*****************************************************************************************/
/* FONTS */
font.small {
 color: #000000;                                           /* CAN_CHANGE : color */
 font-family: Verdana, Arial, Helvetica, sans-serif;       /* CAN_CHANGE : family */
 font-size: 8pt;                                           /* CAN_CHANGE : fontsize */
}

font.normal {
 color: #000000;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12pt;
}

font.big {
 color: #000000;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 16pt;
}

font.verybig {
 color: #000000;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 20pt;
}

/*****************************************************************************************/
/* LINKS */
/* small */
A.small:link {                                             /* Defines the style for normal unvisited links. */
 color: #0000CC;                                           /* CAN_CHANGE : color */
 /* background-color: #FFFFFF;*/                                     /* CAN_CHANGE : background color un comment it if you want to use it */
 text-decoration: underline;                               /* CAN_CHANGE : text-decoration */
 font-family: Verdana, Arial, Helvetica, sans-serif;       /* CAN_CHANGE : font-family */
 font-size: 8pt;                                           /* CAN_CHANGE : font-size */
}

A.small:visited {                                          /* Defines the style for visited links. */
 color: #0000CC;
 /* background-color: #FFFFFF;*/
 text-decoration: underline;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 8pt;
}

A.small:active {                                           /*Defines the style for active links.A link becomes active once you click on it.*/
 color: #0000CC;
 /* background-color: #FFFFFF;*/
 text-decoration: underline;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 8pt;
}

A.small:hover {                                            /*Defines the style for hovered links. A link is hovered when the mouse moves over it.*/
 color: #0000CC;
 /* background-color: #FFFFFF;*/
 text-decoration: underline;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 8pt;
}

/* normal*/
A.normal:link {
 color: #0000CC;
 /* background-color: #FFFFFF;*/
 text-decoration: underline;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12pt;
}

A.normal:visited {
 color: #0000CC;
 /* background-color: #FFFFFF;*/
 text-decoration: underline;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12pt;
}

A.normal:active {
 color: #0000CC;
 /* background-color: #FFFFFF;*/
 text-decoration: underline;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12pt;
}

A.normal:hover {
 color: #0000CC;
 background-color: #FFFFFF;
 text-decoration: underline;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12pt;
}
 
/* big */
 A.big:link {
 color: #0000CC;
 /* background-color: #FFFFFF;*/
 text-decoration: underline;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 16pt;
}

A.big:visited {
 color: #0000CC;
 /* background-color: #FFFFFF;*/
 text-decoration: underline;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 16pt;
}

A.big:active {
 color: #0000CC;
 /* background-color: #FFFFFF;*/
 text-decoration: underline;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 16pt;
}

A.big:hover {
 color: #0000CC;
 /* background-color: #FFFFFF;*/
 text-decoration: underline;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 16pt;
}
 
/* very big */
 A.verybig:link {
 color: #0000CC;
 /* background-color: #FFFFFF;*/
 text-decoration: underline;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 20pt;
}

A.verybig:visited {
 color: #0000CC;
 /* background-color: #FFFFFF;*/
 text-decoration: underline;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 20pt;
}

A.verybig:active {
 color: #0000CC;
 /* background-color: #FFFFFF;*/
 text-decoration: underline;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 20pt;
}

A.verybig:hover {
 color: #FF0000;
 /* background-color: #FFFFFF;*/
 text-decoration: underline;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 20pt;
}

/* menu links */
 A.menu:link {
 color: #0000CC;
 /* background-color: #FFFFFF;*/
 text-decoration: underline;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12pt;
}

A.menu:visited {
 color: #0000CC;
 /* background-color: #FFFFFF;*/
 text-decoration: underline;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12pt;
}

A.menu:active {
 color: #0000CC;
 /* background-color: #FFFFFF;*/
 text-decoration: underline;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12pt;
}

A.menu:hover {
 color: #FF0000;
 /* background-color: #FFFFFF;*/
 text-decoration: underline;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12pt;
}
