/* ===== DOM elements ========================================================== */

body {
     font: normal 10pt Verdana, sans-serif;
     margin: 0;
     padding: 0;
     color: #663366;
}

table, tr, td {
     margin: 0;
     padding: 0;
     border: 0;
     border-collapse: collapse;

}

td {
     text-align: left;
     vertical-align: top;
}

h1 {
     font: bold 14pt Verdana, sans-serif;
     color: #900087;
}

h2 {
     font: bold 12pt Verdana, sans-serif;
     color: #900087;
}

a {
     color: blue;
     text-decoration: none;
}

a:hover {
     color: red;
     text-decoration: underline;
}

a:active {
     color: red;
}

/* ===== Navigation stuff ====================================================== */

.nav {
     background: white;
}

.navbox {
     margin: 0px 20px 0px 20px;
     padding: 0;
     width: 120px;
     text-align: center;
     background: #f3f5c2;
}


.navBut {
     width: 100%;
     margin: 0;
     padding: 15px 0px 5px 0px;
     text-align: left;
}

.navBut a {
	text-decoration: none;
}

.navBut a:hover {
     text-decoration: none;
     color: #9999cc;
}


.navButActive {
     width: 100%;
     margin: 0;
     padding: 15px 0px 5px 0px;
     text-align: left;
     color: #6e9000;
}


.navBut2 {
     width: 100%;
     margin: 0;
     padding: 0px 0px 0px 0px;
     text-align: left;
}

.navBut2 a {
	text-decoration: none;
}

.navBut2 a:hover {
     text-decoration: none;
     color: #9999cc;
}


.navButActive2 {
     width: 100%;
     margin: 0;
     padding: 0px 0px 0px 0px;
     text-align: left;
     color: #6e9000;
}

.sizeSelector {
     margin: 0px 20px 0px 20px;
     border: 0;
     width: 120px;
     text-align: center;
/*      background: white url('./images/website/navbackg.jpg') no-repeat top  left; */
}
.sizeSelector td {
     text-align: center;
     background: #f3f5c2;
}


.sizeSelector td a {
     color: #663366;
}

.sizeSelector td a:hover {
     color: #9999cc;
}

.navImage {
     text-align: center;
     border: 0;
     margin: 10px 10px 10px 20px;
     padding: 0;
}

/* ===== Top heading section =================================================== */

.heading {
     background: url('./images/website/headerBkg.jpg') repeat top left;
}

.heading h1 {
     margin: 0;
     padding: 10px 0px 0px 20px;
     color: white;
     color: #900087;
     font: bold italic 36px Verdana, sans-serif;
}

.heading2 {
     margin: 0;
     padding: 0;
     height: 10px;
}

.heading2 h1 {
}

/* ================ Additional information ======================================= */

.main { /* main table */

     width: 100%;

}

.main h1 {
     margin: 0;
     padding: 10px 0px 10px 25px;
     font: bold 24px Verdana, Sans-serif;
     color: #900087;
}

.contentSplurge {
     text-align: justify;
     padding:    0px 10px 0px 25px;
     line-height: 15pt;
}
.contentSplurge img a{
     text-decoration: none;
     border: 0;

}


.footer {
     margin: 0;
     padding: 0;
/*      border-top: 5px solid #9cce00; */
     text-align: center;
     font-size:  8pt;
}



/* ================ Contact us page ============================================== */

.contactTable {
     margin: 0px 10px 0px 10px;
     padding: 0;
}

.contactTable td {
     padding: 5px;
}

/* ================ Top items ====================================== */

.top { /* defines the top column */

}

.topHead { /* defines the top head section */
    background : green;


}

.topBox { /* defines the top box */
    background : yellow;

}
.space { /* defines the space between top items */
    height : 5px;;
     width: 150px;

}