#divA, #divB, #divC, #divD,
#divE, #divF, #divG, #divH
{
    border:solid 0px #f00 !important;
    padding:0px;
}


/*-------------------------------------------------------------------
+  TEMPLATE 01 --MAIN SECTION, 7 SECTIONS WRAP AROUND                +
+                                                                   +
--------------------------------------------------------------------*/

.T3_01 #divA, .T3_01 #divB, .T3_01 #divC, 
.T3_01 #divD, .T3_01 #divE, .T3_01 #divF, 
.T3_01 #divG, .T3_01 #divH
{
    background-color:#fff;
    border:solid 1px #e4e4e4;
    border-top:solid 1px #f2f2f2;
    border-radius:12px;
    padding:1%;
    margin:.5%;
    box-shadow:0px 10px 12px -6px #aad;
}

.T3_01 #divA
{
   float:left;
    width:68%;
    min-height:428px;
    padding-bottom:5%;
    margin-bottom:.5%;
}

.T3_01 #divB, .T3_01 #divC, .T3_01 #divD,
.T3_01 #divE, .T3_01 #divF, .T3_01 #divG,
.T3_01 #divH
{
    float:left;
    width:25%;
    padding:.5%;
    margin-bottom:1%;
    min-height:100px;
}

/*--------------------------------------------------------------
TEMPLATE 02 --ROW ACROSS TOP, THREE MIDDLE COLUMNS, ROW ACROSS BOTTOM--
-------------------------------------------------------------------*/

.T3_02 #divF, .T3_02 #divG, .T3_02 #divH
{
    display:none;
}

.T3_02 #divA
{
    clear:both !important;
    width:98%;
    padding:.5%;
    margin-left:.5%;
    margin-right:.5%;
   
}

.T3_02 #divB, .T3_02 #divC,  .T3_02 #divD
{
   float:left;
   width:30.5%;
   margin:1%;
   padding:.5%;
   margin-left:.5%;
   margin-right:.5%;
   
}

.T3_02 #divD
{
    width:31.5%;
}

.T3_02 #divE
{
     clear:both !important;
   width:98%;
    padding:.5%;
    margin-left:.5%;
    margin-right:.5%;
}

/*--------------------------------------------------------------
TEMPLATE 03 --ROW ACROSS TOP, TWO COLUMNS BOTTOM--
-------------------------------------------------------------------*/
.T3_03 #divD,.T3_03 #divE, .T3_03 #divF, 
.T3_03 #divG, .T3_03 #divH
{
    display:none;
}

.T3_03 #divA
{
    clear:both !important;
    width:98%;
    padding:.5%;
    margin-left:.5%;
    margin-right:.5%;
   
}

.T3_03 #divB, .T3_03 #divC
{
   float:left;
   width:47%;
   margin:1%;
   padding:.5%;
  
   
}
.T3_03 #divB
{
    margin-left:.5%;
}
.T3_03 #divB, .T3_03 #divC
{
    margin-right:0%;
}

.T3_03 #divC
{
    width:48%;
}

/*--------------------------------------------------------------
TEMPLATE 4 --ROW ACROSS TOP, TWO COLUMNS BOTTOM--
-------------------------------------------------------------------*/
.T3_04 #divE, .T3_04 #divF, 
.T3_04 #divG, .T3_04 #divH
{
    display:none;
}

.T3_04 #divA
{
    clear:both !important;
    width:98%;
    padding:.5%;
    margin-left:.5%;
    margin-right:.5%;
   
}

.T3_04 #divB, .T3_04 #divC, .T3_04 #divD
{
   float:left;
   width:31%;
   margin:1%;
   padding:.5%;
  
   }
   
   .T3_04 #divB:hover, .T3_04 #divC:hover, .T3_04 #divD:hover
{
background-color: #eee;
  
   
}
.T3_04 #divB
{
    margin-left:.5%;
    margin-right:.5%;
}
.T3_04 #divC, .T3_04 #divD
{
    margin-right:0%;
}

/*--------------------------------------------------------------
TEMPLATE 5 --ROW ACROSS TOP, TWO COLUMNS MIDDLE, THREE COLUMNS BOTTOM--
-------------------------------------------------------------------*/
.T3_05 #divG, .T3_05 #divH
{
    display:none;
}

.T3_05 #divA
{
    position:relative;
    clear:both !important;
    width:97.5%;
    padding:.5%;
    margin-left:.5%;
    margin-right:.5%;
   
}

.T3_05 #divB, .T3_05 #divC
{
   float:left;
   width:46%;
   margin:1%;
   padding:1%;
  
   }
     
.T3_05 #divD, .T3_05 #divE, .T3_05 #divF
{
   float: left;
    width:30%;
    margin:.5%;
    padding:1%;
    
    
   }
   
   .T3_05 #divB, .T3_05 #divD
   {
       margin-left:.5%;
   }
   
      .T3_05 #divC, .T3_05 #divF
   {
       margin-right:.5%;
   }
   
/*--------------------------------------------------------------
TEMPLATE 6 --ROW ACROSS TOP, 2x2 SECTIONS--
-------------------------------------------------------------------*/
.T3_06 #divF, .T3_06 #divG, .T3_06 #divH
{
    display:none;
}

.T3_06 #divA
{
    position:relative;
    clear:both !important;
    width:97.5%;
    padding:.5%;
    margin-left:.5%;
    margin-right:.5%;
   
}

.T3_06 #divB, .T3_06 #divC, .T3_06 #divD, .T3_06 #divE
{
  
   margin:1%;
   padding:.5%;
   width: 46.5%;
   float:left;
   margin-left:.5%;
    
   }
     
     .T3_06 #divC, .T3_06 #divE
     {
         margin-left:1%;
     }

   /*--------------------------------------------------------------
TEMPLATE 7 --2 COLUMNS TOP AND BOTTON, MIDDLE ROW--
-------------------------------------------------------------------*/
.T3_07 #divF, .T3_07 #divG, .T3_07 #divH
{
    display:none;
}

.T3_07 #divA, .T3_07 #divB
{
   float: left;
    width:47%;
    padding:.5%;
    margin:.5%;
   
}

.T3_07 #divC
{
  clear: both;
   margin:.5%;
   padding:.5%;
   width: 97%;
    
   }
     
     .T3_07 #divD, .T3_07 #divE
     {
           float: left;
    width:47%;
    padding:.5%;
    margin:.5%;
     }
     
/*--------------------------------------------------------------
TEMPLATE 8 --TWO ROWS, THREE BOTTOM COLUMNS--
-------------------------------------------------------------------*/
.T3_08 #divF, .T3_08 #divG, .T3_08 #divH
{
    display:none;
}

.T3_08 #divA, .T3_08 #divB
{
   position:relative;
    width:98%;
    padding:.5%;
    margin:.5%;
   
}

.T3_08 #divC, .T3_08 #divD, .T3_08 #divE
{
  float:left;
   padding:.5%;
   width: 31%;
   margin:.55%;
    
   }
     
/*--------------------------------------------------------------
TEMPLATE 9 --SIDEWAYS U WITH MULTIPLE SECTIONS--
-------------------------------------------------------------------*/
.T3_09 #divA
{
    float: right;
    width:20%;
    padding:.5%;
    margin:.5%;
}

.T3_09 #divE
{
    float: left;
    width:73%;
    padding:.5%;
    margin:.5%;
}

.T3_09 #divB, .T3_09 #divC, .T3_09 #divD,
.T3_09 #divF, .T3_09 #divG, .T3_09 #divH

{
  float:left;
   margin:.5%;
   padding:.5%;
   width: 23%;
 }
     
     
/*--------------------------------------------------------------
TEMPLATE 101 -- ONE SECTION
-------------------------------------------------------------------*/
.T3_101 #divB, .T3_101 #divC, .T3_101 #divD,
.T3_101 #divE, .T3_101 #divF, .T3_101 #divG, .T3_101 #divH
{
    display: none;
}

.T3_101 #divA
{
    width:98%;
    padding:.5%;
    margin:.5%;
   
}

/*--------------------------------------------------------------
TEMPLATE 102 -- TWO SECTIONS
-------------------------------------------------------------------*/
.T3_102 #divC, .T3_102 #divD, .T3_102 #divE, 
.T3_102 #divF, .T3_102 #divG, .T3_102 #divH
{
    display: none;
}

.T3_102 #divA, .T3_102 #divB
{
    float:left;
    width:47%;
    padding:.5%;
    margin:.5%;
   
}



/*--------------------------------------------------------------
TEMPLATE 103 IS THE STANDARD TEMPLATE WHICH HAS THREE COLUMNS
-------------------------------------------------------------------*/
.T3_103 #divD, .T3_103 #divE, .T3_103 #divF,
.T3_103 #divG, .T3_103 #divH    
{
    display:none;
}


.T3_103 #divA, .T3_103 #divB, .T3_103 #divC 
{
   
   float:left;
   width:30%;
   margin:.5%;
   padding:.5%;
  
}

/*--------------------------------------------------------------
TEMPLATE 104 IS THE STANDARD TEMPLATE WHICH HAS FOUR COLUMNS
-------------------------------------------------------------------*/
.T3_104 #divE, .T3_104 #divF,
.T3_104 #divG, .T3_104 #divH    
{
    display:none;
}


.T3_104 #divA, .T3_104 #divB, .T3_104 #divC, .T3_104 #divD
{
   
   float:left;
   width:22%;
   margin:.5%;
   padding:.5%;
  
}

/*--------------------------------------------------------------
TEMPLATE 105 IS THE STANDARD TEMPLATE WHICH HAS FOUR COLUMNS
-------------------------------------------------------------------*/
.T3_105 #divF, .T3_105 #divG, .T3_105 #divH    
{
    display:none;
}


.T3_105 #divA, .T3_105 #divB, .T3_105 #divC, .T3_105 #divD, .T3_105 #divE
{
   
   float:left;
   width:17%;
   margin:.5%;
   padding:.5%;
  
}

/*--------------------------------------------------------------
TEMPLATE 106 IS THE STANDARD TEMPLATE WHICH HAS FOUR COLUMNS
-------------------------------------------------------------------*/
.T3_106 #divG, .T3_106 #divH    
{
    display:none;
}


.T3_106 #divA, .T3_106 #divB, .T3_106 #divC, .T3_106 #divD, .T3_106 #divE, .T3_106 #divF
{
   
   float:left;
   width:14%;
   margin:.5%;
   padding:.5%;
  
}

/*--------------------------------------------------------------
TEMPLATE 107 IS THE STANDARD TEMPLATE WHICH HAS FOUR COLUMNS
-------------------------------------------------------------------*/
.T3_107 #divH    
{
    display:none;
}


.T3_107 #divA, .T3_107 #divB, .T3_107 #divC, .T3_107 #divD, .T3_107 #divE, .T3_107 #divF, .T3_107 #divG
{
   
   float:left;
   width:12%;
   margin:.5%;
   padding:.5%;
  
}
     
/*--------------------------------------------------------------
TEMPLATE 108 -- EIGHT COLUMNS
-------------------------------------------------------------------*/
.T3_108 #divA, .T3_108 #divB, .T3_108 #divC, .T3_108 #divD,
.T3_108 #divE, .T3_108 #divF, .T3_108 #divG, .T3_108 #divH
{
  float: left;
    width:10%;
    padding:.5%;
    margin:.5%;
}

/*--------------------------------------------------------------
TEMPLATE 112 -- TWO ROWS
-------------------------------------------------------------------*/
.T3_112 #divC, .T3_112 #divD,
.T3_112 #divE, .T3_112 #divF, .T3_112 #divG, .T3_112 #divH
{
    display:none;
}

.T3_112 #divA, .T3_112 #divB
{
  clear:both;
    width:98%;
    padding:.5%;
    margin:.5%;
}

/*--------------------------------------------------------------
TEMPLATE 113 -- THREE ROWS
-------------------------------------------------------------------*/
.T3_113 #divD,
.T3_113 #divE, .T3_113 #divF, .T3_113 #divG, .T3_113 #divH
{
    display:none;
}

.T3_113 #divA, .T3_113 #divB, .T3_113 #divC
{
  clear:both;
    width:98%;
    padding:.5%;
    margin:.5%;
}

/*--------------------------------------------------------------
TEMPLATE 114 -- FOUR ROWS
-------------------------------------------------------------------*/
.T3_114 #divE, .T3_114 #divF, .T3_114 #divG, .T3_114 #divH
{
    display:none;
}

.T3_114 #divA, .T3_114 #divB, .T3_114 #divC, .T3_114 #divD
{
  clear:both;
    width:98%;
    padding:.5%;
    margin:.5%;
}

/*--------------------------------------------------------------
TEMPLATE 115 -- FIVE ROWS
-------------------------------------------------------------------*/
.T3_115 #divF, .T3_115 #divG, .T3_115 #divH
{
    display:none;
}

.T3_115 #divA, .T3_115 #divB, .T3_115 #divC, .T3_115 #divD,
.T3_115 #divE
{
  clear:both;
    width:98%;
    padding:.5%;
    margin:.5%;
}
     
/*--------------------------------------------------------------
TEMPLATE 116 -- SIX ROWS
-------------------------------------------------------------------*/
.T3_116 #divG, .T3_116 #divH
{
    display:none;
}

.T3_116 #divA, .T3_116 #divB, .T3_116 #divC, .T3_116 #divD,
.T3_116 #divE, .T3_116 #divF
{
  clear:both;
    width:98%;
    padding:.5%;
    margin:.5%;
}
     
/*--------------------------------------------------------------
TEMPLATE 117 -- SEVEN ROWS
-------------------------------------------------------------------*/
.T3_117 #divH
{
    display:none;
}

.T3_117 #divA, .T3_117 #divB, .T3_117 #divC, .T3_117 #divD,
.T3_117 #divE, .T3_117 #divF, .T3_117 #divG
{
  clear:both;
    width:98%;
    padding:.5%;
    margin:.5%;
}
     
/*--------------------------------------------------------------
TEMPLATE 118 -- EIGHT ROWS
-------------------------------------------------------------------*/
.T3_118 #divA, .T3_118 #divB, .T3_118 #divC, .T3_118 #divD,
.T3_118 #divE, .T3_118 #divF, .T3_118 #divG, .T3_118 #divH
{
  clear:both;
    width:98%;
    padding:.5%;
    margin:.5%;
}
     
/*--------------------------------------------------------------
TEMPLATE 12 -- 4x2 SECTIONS
-------------------------------------------------------------------*/
.T3_12 #divA, .T3_12 #divB, .T3_12 #divC, .T3_12 #divD,
.T3_12 #divE, .T3_12 #divF, .T3_12 #divG, .T3_12 #divH
{
   float: left;
    width:22%;
    padding:.5%;
    margin:.5%;      
}

.T3_12 #divE
{
    clear:left;
}

/*--------------------------------------------------------------
TEMPLATE 15 -- TWO STACKED ROWS, TWO BOTTOM COLUMNS
-------------------------------------------------------------------*/
.T3_15 #divE, .T3_15 #divF, .T3_15 #divG, .T3_15 #divH
{
    display:none;
}

.T3_15 #divA, .T3_15 #divB
{
    width:97%;
    padding:.5%;
    margin:.5%;   
}

.T3_15 #divC, .T3_15 #divD
{
    width: 47%;
    float:left;
    padding:.5%;
    margin:.5%;
} 

/*--------------------------------------------------------------
TEMPLATE 16 -- COLUMN A LEFTSIDE, 5 ROWS RIGHT
-------------------------------------------------------------------*/
.T3_16 #divG, .T3_16 #divH
{
    display:none;
}

.T3_16 #divA
{
    float:right;
    width:27%;
    padding:.5%;
    margin:.5%;   
}

.T3_16 #divB, .T3_16 #divC, .T3_16 #divD, .T3_16 #divE, .T3_16 #divF
{
    width: 67%;
    float:left;
    padding:.5%;
    margin:.5%;
} 

/*--------------------------------------------------------------
TEMPLATE 17 -- 2 COLUMNS IN 4 ROWS
-------------------------------------------------------------------*/
.T3_17 #divA, .T3_17 #divB, .T3_17 #divC, .T3_17 #divD, 
.T3_17 #divE, .T3_17 #divF, .T3_17 #divG, .T3_17 #divH 
{
    float:left;
    width:47.5%;
    margin:.5%;
    padding:.5%;
}

.T3_17 #divA, .T3_17 #divC, .T3_17 #divE, .T3_17 #divG
{
    clear:both;
}


/*--------------------------------------------------------------
TEMPLATE 18 -- TOP ROW, 3 COLUMNS, 3 COLUMNS
-------------------------------------------------------------------*/
.T3_18 #divH
{
    display:none;
}

.T3_18 #divA
{
    width:97%;
    padding:.5%;
    margin:.5%;   
}

.T3_18 #divB, .T3_18 #divC, .T3_18 #divD, .T3_18 #divE, .T3_18 #divF, .T3_18 #divG
{
    width: 30%;
    float:left;
    padding:.5%;
    margin:.5%;
} 

.T3_18 #divE
{
    clear:left;
}

/*--------------------------------------------------------------
TEMPLATE 20 -- COLUMN A LEFTSIDE, 2 ROWS RIGHT WITH THREE COLS EACH
-------------------------------------------------------------------*/
.T3_20 #divH
{
    display:none;
}

.T3_20 #divA
{
    float:right;
    width:27%;
    padding:.5%;
    margin:.5%;   
}

.T3_20 #divB, .T3_20 #divC, .T3_20 #divD, .T3_20 #divE, .T3_20 #divF, .T3_20 #divG
{
    width: 21%;
    float:left;
    padding:.5%;
    margin:.5%;
}

.T3_20 #divE
{
    clear:left;
}

/*--------------------------------------------------------------
TEMPLATE 21  3 COLS TOP OF SINGLE ROW
-------------------------------------------------------------------*/

.T3_21 #divE, .T3_21 #divF, .T3_21 #divG, .T3_21 #divH
{
    display:none;
}

.T3_21 #divA, .T3_21 #divB, .T3_21 #divC
{
   float:left;
   width:31%;
   padding:.5%;
   margin:.5%;   
}

.T3_21 #divD
{
   float:left;
   width:98%;
   padding:.5%;
   margin:.5%;   
  
}

/*--------------------------------------------------------------
TEMPLATE 22  3 COLS TOP OF 2 SINGLE ROWS
-------------------------------------------------------------------*/

.T3_22 #divF, .T3_22 #divG, .T3_22 #divH
{
    display:none;
}

.T3_22 #divA, .T3_22 #divB, .T3_22 #divC
{
   float:left;
   width:31%;
   padding:.5%;
   margin:.5%;   
}

.T3_22 #divD, .T3_22 #divE
{
   float:left;
   width:98%;
   padding:.5%;
   margin:.5%;   
  
}

/*--------------------------------------------------------------
TEMPLATE 23  4 COLS TOP OF SINGLE ROW
-------------------------------------------------------------------*/

.T3_23 #divF, .T3_23 #divG, .T3_23 #divH
{
    display:none;
}

.T3_23 #divA, .T3_23 #divB, .T3_23 #divC, .T3_23 #divD
{
   float:left;
   width:22%;
   padding:.5%;
   margin:.5%;   
}

.T3_23 #divE
{
   float:left;
   width:98%;
   padding:.5%;
   margin:.5%;   
  
}

/*--------------------------------------------------------------
TEMPLATE 24  4 COLS TOP OF 2 SINGLE ROWS
-------------------------------------------------------------------*/

.T3_24 #divG, .T3_24 #divH
{
    display:none;
}

.T3_24 #divA, .T3_24 #divB, .T3_24 #divC, .T3_24 #divD
{
   float:left;
   width:22%;
   padding:.5%;
   margin:.5%;   
}

.T3_24 #divE, .T3_24 #divF
{
   float:left;
   width:98%;
   padding:.5%;
   margin:.5%;   
  
}

/*--------------------------------------------------------------
TEMPLATE 25 -- 1 COLUMN RIGHT, 2 COLUMN IN 2 ROWS, 1 ROWS BELOW THAT
-------------------------------------------------------------------*/
.T3_25 #divG, .T3_25 #divH
{
    display:none;
}

.T3_25 #divA
{
    float:right;
    width:31%;
    padding:.5%;
    margin:.5%;   
}

.T3_25 #divB, .T3_25 #divC, .T3_25 #divD, .T3_25 #divE
{
    width: 31%;
    float:left;
    padding:.5%;
    margin:.5%;
} 

.T3_25 #divF

{
    clear:left;
    width: 64%;
    float:left;
    padding:.5%;
    margin:.5%;
}



/*--------------------------------------------------------------
TEMPLATE 26 -- 1 COLUMN RIGHT, 2 COLUMN IN 2 ROWS, 1 ROWS BELOW THAT
-------------------------------------------------------------------*/
.T3_26 #divA, .T3_26 #divB
{
    float:left;
    width:20%;
    padding:.5%;
    margin:.5%; 
    min-height:400px;  
}

.T3_26 #divB
{
    width:45%;
}

.T3_26 #divC, .T3_26 #divD, .T3_26 #divE, .T3_26 #divF, .T3_26 #divG
{
    width: 28%;
    float:left;
    padding:.5%;
    margin:.5%;
} 

.T3_26 #divH

{
    clear:both;
    width: 98%;
    float:left;
    padding:.5%;
    margin:.5%;
}



/*--------------------------------------------------------------
TEMPLATE 27L LEFT SIDE LONG COLUMN
-------------------------------------------------------------------*/

.T3_27L #divA
{
    float:left;
    min-height:500px;
    width:15% !important;
    margin:.5% !important;
    margin-bottom:1% !important;
    padding:1% !important;
    background-color:#ff0 !important; 
    border-radius:0px !important;
   
  
}

.T3_27L #divB, .T3_27L #divC, .T3_27L #divD
{
    float:left !important;
    min-height:220px !important;
    width:24% !important;
    border-radius:0px !important;
    margin:.5% !important;
    padding:.5% !important;
}

.T3_27L #divE, .T3_27L #divF, .T3_27L #divG, .T3_27L #divH
{
    float:left !important;
    min-height:100px !important;
    width:36% !important;
    margin:.5% !important;
    padding:1% !important;
    background-color:#fff !important;
    box-shadow:none !important;
}


/*--------------------------------------------------------------
TEMPLATE 27R RIGHT SIDE LONG COLUMN
-------------------------------------------------------------------*/

.T3_27R #divA
{
    float:right;
    min-height:500px;
    width:15% !important;
    margin:.5% !important;
    margin-bottom:1% !important;
    padding:1% !important;
    background-color:#ff0 !important; 
    border-radius:0px !important;
   
  
}

.T3_27R #divB, .T3_27R #divC, .T3_27R #divD
{
    float:right !important;
    min-height:220px !important;
    width:24% !important;
    border-radius:0px !important;
    margin:.5% !important;
    padding:.5% !important;
}

.T3_27R #divE, .T3_27R #divF, .T3_27R #divG, .T3_27R #divH
{
    float:right !important;
    min-height:100px !important;
    width:36% !important;
    margin:.5% !important;
    padding:1% !important;
    background-color:#fff !important;
    box-shadow:none !important;
}


/*--------------------------------------------------------------
TEMPLATE 28 2 COLS 2 ROWS 2 COLS 1 ROW
-------------------------------------------------------------------*/

.T3_28 #divA, .T3_28 #divB 
{
    float:left;
    min-height:100px;
    width:48%;
    margin:.5%;
    padding:.5%;
   
}

.T3_28 #divA
{
    margin-right:0px;
}

.T3_28 #divC, .T3_28 #divD 
{
    clear:both;
    min-height:100px;
    width:97.5%;
    margin:.5%;
    padding:.5%;
   
}

.T3_28 #divE, .T3_28 #divF 
{
    float:left;
    min-height:100px;
    width:48%;
    margin:.5%;
    padding:.5%;
   
}

.T3_28 #divE
{
    margin-right:0px;
}

.T3_28 #divG
{
    clear:both;
    min-height:100px;
    width:97.5%;
    margin:.5%;
    padding:.5%;
   
}

.T3_28 #divH 
{
    display:none;
   
}



/*--------------------------------------------------------------
TEMPLATE 29 2 COLS 2 ROWS 3 COLS 1 ROW
-------------------------------------------------------------------*/

.T3_29 #divA, .T3_29 #divB 
{
    float:left;
    min-height:100px;
    width:48%;
    margin:.5%;
    padding:.5%;
   
}

.T3_29 #divA
{
    margin-right:0px;
}

.T3_29 #divC, .T3_29 #divD 
{
    clear:both;
    min-height:100px;
    width:97.5%;
    margin:.5%;
    padding:.5%;
   
}

.T3_29 #divE, .T3_29 #divF, .T3_29 #divG
{
    float:left;
    min-height:100px;
    width:31.5%;
    margin:.5%;
    padding:.5%;
   
}

.T3_29 #divE, .T3_29 #divF
{
    margin-right:0px;
}

.T3_29 #divH
{
    clear:both;
    min-height:100px;
    width:97.5%;
    margin:.5%;
    padding:.5%;
   
}




/*--------------------------------------------------------------
TEMPLATE 31 IS THE STANDARD TEMPLATE WHICH HAS ONE LARGE ROW ACROSS THE TOP, DIV A,  AND 2 COLUMNS / 2 ROWS BELOW THAT
THEN DIV B, C, D, AND E ARE SMALLER SQUARES WITH F BELOW THEM AS AN OPTIONAL BLOCK.  G AND H ARE HIDDEN
-------------------------------------------------------------------*/
.T3_31
{
    background-color:#f5f5f5 !important;
}

.T3_31 #divG, .T3_31 #divH    
{
    display:none;
}


.T3_31 #divA, .T3_31 #divF 
{
    clear:both !important;
    border:solid 1px #ababab !important;
    box-shadow:2px 2px 2px #ccc !important;
    width:93% !important;
    margin:2% !important;
    padding:1% !important;
    background-color:#fff !important; 
    border-radius:0px !important;
   
  
}

.T3_31 #divB, .T3_31 #divC, 
.T3_31 #divD, .T3_31 #divE
{
    clear:none !important;
    float:left !important;
    height:150px !important;
    width:45% !important;
    border-radius:0px !important;
    border:solid 1px #ababab !important;
    margin:2% !important;
    margin-right:0% !important;
    padding:1% !important;
    background-color:#fff !important;
    box-shadow:2px 2px 2px #ccc !important;
   
}


/*--------------------------------------------------------------
TEMPLATE 32 IS A VARIATION ON THE FIRST TIMEPLATE WITH ONLY THREE.  IT HAS
-------------------------------------------------------------------*/

.T3_32 #divE, .T3_32 #divF, .T3_32 #divG, .T3_32 #divH
{
    display:none;
}


.T3_32 #divA
{
    clear:both !important;
     border:solid 1px #ccc !important;
     border-top:solid 1px #f5f5f5 !important;    
     border-bottom:solid 2px #aaa !important;
     border:0px !important;
    box-shadow:none !important;
    width:93% !important;
    margin:2% !important;
    margin-bottom:0% !important;
    padding:1% !important;
    background-color:#fff !important; 
    border-radius:3px !important;
   
  
}

.T3_32 #divA p
{
    float:left;
    margin:3.5%;
    text-align:center;
}

.T3_32 #divB, .T3_32 #divC, .T3_32 #divD
{
    clear:none !important;
    float:left !important;
    height:auto !important;
    width:30% !important;
    border-radius:0px !important;
    border:solid 1px #ccc !important;
    margin:.5% !important;
    padding:1% !important;
    background-color:#f5f5f5 !important;
    box-shadow:0px 2px 2px #aaa !important;
    min-height:310px;
}

.T3_32 #divB img, .T3_32 #divC img, .T3_32 #divD img
{
    float:left;
    padding:2%;
    padding-top:.2%;
}

.T3_32 #divB h2, .T3_32 #divC h2, .T3_32 #divD h2
{
   border-bottom:0px;
   color:#444;
   text-shadow:2px 2px 6px #aaa;
}

.T3_32 #divB:hover, .T3_32 #divC:hover, .T3_32 #divD:hover
{
    background-color:#fff !important;
    color:inherit;
}


/*--------------------------------------------------------------
TEMPLATE 33 IS SETUP LIKE A MAGAZINE / NEWSPAPER LAYOUT
-------------------------------------------------------------------*/

.T3_33 #divD, .T3_33 #divE, .T3_33 #divF, .T3_33 #divG, .T3_33 #divH
{
    display:none;
}


.T3_33 #divA
{
    clear:both !important;
     border:solid 0px #ccc !important;
     border-top:solid 0px #f5f5f5 !important;    
     border-bottom:solid 2px #aaa !important;
    box-shadow:none !important;
    width:93% !important;
    margin:2% !important;
    margin-bottom:0% !important;
    padding:1% !important;
    background-color:#fff !important; 
    border-radius:0px !important;
   
  
}

.T3_33 #divB, .T3_33 #divC
{
    clear:none !important;
    float:left !important;
    min-height:150px !important;
    width:45% !important;
    border-radius:0px !important;
    border:solid 0px #ccc !important;
    margin:2% !important;
    margin-left:0% !important;
    margin-right:0% !important;
    margin-top:0% !important;
    padding:2% !important;
    background-color:#fff !important;
    box-shadow:none !important;
}

.T3_33 #divB
{
    border-right: solid 2px #aaa !important;
}



/*--------------------------------------------------------------
TEMPLATE 34 IS SETUP LIKE A MAGAZINE / NEWSPAPER LAYOUT EXTENDED SIZE
-------------------------------------------------------------------*/

.T3_34 #divG, .T3_34 #divH
{
    display:none;
}


.T3_34 #divA
{
    clear:both !important;
     border:solid 0px #ccc !important;
     border-top:solid 0px #f5f5f5 !important;    
     border-bottom:solid 2px #aaa !important;
    box-shadow:none !important;
    width:93% !important;
    margin:2% !important;
    margin-bottom:2% !important;
    padding:1% !important;
    background-color:#fff !important; 
    border-radius:0px !important;
   
  
}

.T3_34 #divB, .T3_34 #divC
{
    clear:none !important;
    float:left !important;
    min-height:250px !important;
    width:45% !important;
    border-radius:0px !important;
    border:solid 0px #ccc !important;
    border-bottom:solid 0px #aaa !important;
    margin:2% !important;
    margin-bottom:2% !important;
    margin-left:0% !important;
    margin-right:0% !important;
    margin-top:0% !important;
    padding:2% !important;
    background-color:#fff !important;
    box-shadow:none !important;
}

.T3_34 #divD, .T3_34 #divE, .T3_34 #divF
{
    clear:none !important;
    float:left !important;
    min-height:200px !important;
    width:28% !important;
    border-radius:0px !important;
    border:solid 0px #ccc !important;
    border-bottom:soid 1px #aaa !important;
    margin:2% !important;
    margin-left:0% !important;
    margin-right:0% !important;
    margin-top:0% !important;
    padding:2% !important;
    background-color:#fff !important;
    box-shadow:none !important;
}

.T3_34 #divB, .T3_34 #divD, .T3_34 #divE
{
    border-right: solid 1px #aaa !important;
}



/*--------------------------------------------------------------
TEMPLATE 35 IS SETUP LIKE AN EVENT ITEM
-------------------------------------------------------------------*/

.T3_35 #divA
{
    clear:both !important;
     border:solid 0px #ccc !important;
     border-top:solid 0px #f5f5f5 !important;    
     border-bottom:solid 2px #aaa !important;
    box-shadow:none !important;
    min-height:100px;
    width:93% !important;
    margin:2% !important;
    margin-bottom:1% !important;
    padding:2% !important;
    background-color:#fff !important; 
    border-radius:0px !important;
   
  
}

.T3_35 #divB
{
    clear:none !important;
    float:left !important;
    min-height:150px !important;
    width:45% !important;
    border-radius:0px !important;
    border:solid 1px #ccc !important;
    margin:2% !important;
    padding:2% !important;
    background-color:#ffa !important;
    box-shadow:none !important;
}

.T3_35 #divD, .T3_35 #divE, .T3_35 #divF
{
    clear:none !important;
    float:left !important;
    min-height:200px !important;
    width:28% !important;
    border-radius:0px !important;
    border:solid 0px #ccc !important;
    border-bottom:soid 1px #aaa !important;
    margin:2% !important;
    margin-left:0% !important;
    margin-right:0% !important;
    margin-top:0% !important;
    padding:2% !important;
    background-color:#fff !important;
    box-shadow:none !important;
}

.T3_35 #divB, .T3_35 #divD, .T3_35 #divE
{
    border-right: solid 1px #aaa !important;
}


/*--------------------------------------------------------------
TEMPLATE 36 IS TWO COLUMNS AND A BASE
-------------------------------------------------------------------*/
.T3_36
{
    background-color:#f00;
    background-image:url(../images/splashimages/it_home.jpg);
    no-repeat center center fixed;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin:0% !important;
  padding:0% !important;
}

.T3_36 #divA, .T3_36 #divB
{
    float:left !important;
    width:45% !important;
    min-height:400px !important;
    margin:2% !important;
    padding:0% !important;
    background-image:url(../images/bgGrads/black_40_percent.png);
    border-radius:8px !important;
    border:solid 2px #444 !important;
    box-shadow:5px 5px 12px #444 !important;
    
  
}


.T3_36 #divA h2, .T3_36 #divB h2
{
    color:#fff;
    background-color:inherit;
    text-shadow:2px 2px 3px #000;
    text-indent:2%;
    font-size:2.5em;
    text-align:justify;
    letter-spacing:.1em;
      background-image:url(../images/bgGrads/blue_60_percent.png);
  
    padding:1%;
}

.T3_36 #divA h2 a, .T3_36 #divB h2 a
{
    text-decoration:none;
    color:#fff !important;
}

.T3_36 #divA h2 a:hover, .T3_36 #divB h2 a:hover
{
    text-shadow: 3px 3px 8px #003366;
    text-decoration:underline;
}

.T3_36 #divA h3, .T3_36 #divB h3
{
    color:#fff;
    background-color:inherit;
    text-shadow:2px 2px 3px #444;
    font-size:1.2em;
    font-variant:small-caps;
    font-style:italic;
    text-indent:2%;
   
    
}

.T3_36 #divA ul, .T3_36 #divB ul
{
    margin:0%;
    margin-top:2%;
    
}

.T3_36 #divA li, .T3_36 #divB li
{
    height:50px;
    font-size:1.3em;
    padding-top:2%;
    padding-bottom:1%;
    border-bottom:solid 1px #aaa;
    border-top:solid 1px #fff;
    color:#fff;
    background-color:inherit;
    text-indent:20px; 
    background-image:url(../images/bgGrads/black_80_percent.png);
    text-shadow:1px 1px  3px #000;
   
    
}

.T3_36 #divA li:hover, .T3_36 #divB li:hover
{
    background-color:inherit;
    color:#fff !important;
    background-image:url(../images/bgGrads/black_20_percent.png);
    cursor:pointer;
   
}



.T3_36 #divC, .T3_36 #divD, .T3_36 #divE
{
    float:left !important;
    height:130px;
    width:25%;
    margin:2%;
    padding:2%;
    color:#fff;
    background-image:url(../images/bgGrads/black_80_percent.png);
    box-shadow:5px 5px 12px #444 !important;
    border:solid 1px #ddd !important;
    border-radius:0px !important;
   
}

.T3_36 #divC:hover, .T3_36 #divD:hover, .T3_36 #dive:hover
{ color:#fff;
  text-shadow:2px 2px 2px #444 !important;
  background-image:url(../images/bgGrads/blue_60_percent.png);
  
}


.T3_36 #divF, .T3_36 #divG, .T3_36 #divH
{
    display:none;
}


/*--------------------------------------------------------------
TEMPLATE 37 SERVICES BY PERSON TYPE
-----------------------------------------------------------------*/


.T3_37 #divA, .T3_37 #divB, .T3_37 #divC,
.T3_37 #divD, .T3_37 #divE, .T3_37 #divF,
.T3_37 #divG, .T3_37 #divH
{
    background-color:#fff;
    color:#000;
    margin:1%;
    width:auto !important;
    border-radius:0px !important;
    padding:2%;
    border-bottom:solid 1px #eaeaea;
    
}

.T3_37 #divA
{
    min-height:500px !important;
    width:38% !important;
    float:right !important;
    border-left:solid 2px #336699 !important;
    padding:1%;
    background-color:#fff;
    color:#000;
    text-align:center;
    margin-top:1%;
   
}

.T3_37 #divA p
{
    float:left;
    padding:2%;
    margin:1%;
    margin-bottom:0%;
    font-size:.7em;
    
}

.T3_37 #divA h2
{
    clear:both;
    
}

.T3_37 #divA img, .T3_37 #divB img,
.T3_37 #divC img, .T3_37 #divD img,
.T3_37 #divE img, .T3_37 #divF img,
.T3_37 #divG img, .T3_37 #divH img
{
    border:solid 1px #555;
    height:auto;
    width:90px; margin:1%;
    margin-top:0%;
}

.T3_37 #divA img
{
  width:150px;
  margin-right:2%;
  margin-left:6%;
}

.T3_37 #divB img,
.T3_37 #divC img, .T3_37 #divD img,
.T3_37 #divE img, .T3_37 #divF img,
.T3_37 #divG img, .T3_37 #divH img
{
  margin-left:0%;
  margin-right:3%;
}

.T3_37 #divB, .T3_37 #divC,
.T3_37 #divD, .T3_37 #divE, .T3_37 #divF,
.T3_37 #divG, .T3_37 #divH
{
    float:left !important;
    width:50% !important;
    border-bottom:solid 1px #69b !important;
}

.T3_37 #divG
{
    padding:0%;
    width:15% !important;
}
.T3_37 #divG, .T3_37 #divH
{ 
  float:left !important;
  height:500px;
  border-bottom:0px !important;
 
}

 .T3_37 #divH
 {
     margin-left:5%;
     padding:0%;
     width:33% !important;
 }
  #frmComputerAva
   {
       /* IT Student page where computer availability iframe is displayed */
     height:300px;
   }
   
   #lnkComputerAva
   {
       display:none;
   }
 
 
 
/*--------------------------------------------------------------
TEMPLATE 37 SERVICES BY PERSON TYPE
-----------------------------------------------------------------*/


.T3_37_home #divA, .T3_37_home #divB, .T3_37_home #divC,
.T3_37_home #divD, .T3_37_home #divE, .T3_37_home #divF,
.T3_37_home #divG, .T3_37_home #divH
{
    background-color:#fff;
    color:#000;
    margin:1%;
    width:auto !important;
    border-radius:0px !important;
    padding:2%;
    border-bottom:solid 1px #eaeaea;
    
}

.T3_37_home #divA
{
    min-height:500px !important;
    width:25% !important;
    float:right !important;
    border-left:solid 0px #336699 !important;
    padding:1%;
    background-color:#fff;
    color:#000;
    text-align:center;
    margin-top:1%;
   
}

.T3_37_home #divA p
{
    float:left;
    padding:2%;
    margin:1%;
    margin-bottom:0%;
    font-size:.8em;
    text-align:center;
    
}

.T3_37_home #divA h2
{
    clear:both;
    
}

.T3_37_home #divA img, .T3_37_home #divB img,
.T3_37_home #divC img, .T3_37_home #divD img,
.T3_37_home #divE img, .T3_37_home #divF img,
.T3_37_home #divG img, .T3_37_home #divH img
{
    border:solid 1px #555;
    height:auto;
    margin:1%;
    margin-top:0%;
}

.T3_37_home #divA img
{
  width:150px;
  margin-right:2%;
  margin-left:6%;
}

.T3_37_home #divB img,
.T3_37_home #divC img, .T3_37_home #divD img,
.T3_37_home #divE img, .T3_37_home #divF img,
.T3_37_home #divG img, .T3_37_home #divH img
{
    height:200px;
    width:auto;
  margin-left:0%;
  margin-right:3%;
}

.T3_37_home #divB, .T3_37_home #divC,
.T3_37_home #divD, .T3_37_home #divE, .T3_37_home #divF,
.T3_37_home #divG, .T3_37_home #divH
{
    float:left !important;
    width:62% !important;
    margin-left:2%;
    border-bottom:solid 1px #69b !important;
}

.T3_37_home #divG
{
    padding:0%;
    width:15% !important;
}
.T3_37_home #divG, .T3_37_home #divH
{ 
  float:left !important;
  height:500px;
  border-bottom:0px !important;
 
}

 .T3_37_home #divH
 {
     margin-left:5%;
     padding:0%;
     width:33% !important;
 }
  #frmComputerAva
   {
       /* IT Student page where computer availability iframe is displayed */
     height:300px;
   }
   
   #lnkComputerAva
   {
       display:none;
   }
 
 
 
/*--------------------------------------------------------------
TEMPLATE 38 SERVICE DETAILS PAGE
-----------------------------------------------------------------*/


.T3_38 #divA, .T3_38 #divB, .T3_38 #divC,
.T3_38 #divD, .T3_38 #divE, .T3_38 #divF,
.T3_38 #divG, .T3_38 #divH
{
    clear:none !important;
    background-color:#fff !important;
    color:#000 !important;
    border-radius:0px !important;
    padding:2% !important;
}

.T3_38 #divA, .T3_38 #divC
{
   float:right !important;  
   width:28% !important; 
   margin:1% !important;
   padding:1.5% !important;
   margin-bottom:2%;
}

.T3_38 #divA
{
    min-height:200px !important;
    padding:1%;
    background-color:#fff;
    color:#000;
    margin-top:1%;
    border-radius:8px !important;
    border:solid 2px #336699 !important;
    box-shadow: 1px 3px 9px #99ccff !important;
    background: #fafafa; /* Old browsers */
background: -moz-linear-gradient(top,  #fafafa 0%, #dfdfdf 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#dfdfdf)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fafafa 0%,#dfdfdf 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fafafa 0%,#dfdfdf 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fafafa 0%,#dfdfdf 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fafafa 0%,#dfdfdf 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#dfdfdf',GradientType=0 ); /* IE6-9 */

   
}

.T3_38 #divA p
{
   padding:1%;
   margin:1%;
   margin-bottom:0%;
   font-size:.8em;
   
}

.T3_38 #divA h2
{
    clear:both;
    border:0px;
    margin:0%;
    padding:2%;
    margin-top:2.5%;
    
}

 .T3_38 #divB
{
    clear:inherit;
   float:left !important;  
   width:60% !important; 
   margin:1% !important;
   padding:1% !important;
   min-height:500px;
 
}

.T3_38 #divB h2
{
     border:0px;
    margin:0%;
    padding:2%;
    margin-top:2.5%;
    
}

.T3_38 #divB p, .T3_38 #divB li 
{
    
   font-size:1.0em;
}

.T3_38 .Purchase
{
    border:solid 1px #aaa;
    font-size:14pt;
    line-height:1.6;
    color:#fff;
    width:95%;
    padding:3%;
    padding-left:5%;
    padding-right:5%;
    text-align:center;
    margin-left:3%;
    text-shadow:1px 1px 5px #333;
    background: #91e253; /* Old browsers */
background: -moz-linear-gradient(top,  #91e253 0%, #56c103 50%, #85e23d 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#91e253), color-stop(50%,#56c103), color-stop(100%,#85e23d)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #91e253 0%,#56c103 50%,#85e23d 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #91e253 0%,#56c103 50%,#85e23d 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #91e253 0%,#56c103 50%,#85e23d 100%); /* IE10+ */
background: linear-gradient(to bottom,  #91e253 0%,#56c103 50%,#85e23d 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#91e253', endColorstr='#85e23d',GradientType=0 ); /* IE6-9 */

}

 .T3_38 #divB p
 {
     padding-left:8%;
 }
 
 .T3_38 #divB ul
 {
     margin-left:25%;
 }

.T3_38 #divC h2
{
   color:#aaa;
   border:0px;
}



.T3_38 #divB img,
.T3_38 #divC img, .T3_38 #divD img,
.T3_38 #divE img, .T3_38 #divF img,
.T3_38 #divG img, .T3_38 #divH img
{
    float:left;
    border:solid 1px #555;
    height:auto;
    width:155px; 
    margin:2% !important;
    margin-top:0% !important;
}

.T3_38 #divD, 
.T3_38 #divE, .T3_38 #divF,
.T3_38 #divG, .T3_38 #divH
{
   display:none;
}