/*----------------------------------------------------------*/
/*SOLUTIONS, SUPPORT, RESOURCES, MAINMASTER*/
/*  left image  */
#SupportSide, #ResourcesSide, #MainSide, #PortalSide {
    float: left;
    display: inline;
    margin: 0;
}

#SupportSide, #ResourcesSide, #PortalSide {
    /*total width = 400
    width: 360px; 
    padding: 20px;*/
    /*total width = 350*/
    width: 330px; 
    padding: 10px;
}

#MainSide {
    /*total width = 400
    width: 400px; */
    width: 350px; 
    padding: 0;
    text-align: center;
    height: 432px;
}

/*  right text  */
#SupportText, #ResourcesText, #MainText, #PortalText {
    /*total width = 750
    width: 730px; */
    /*total width = 700 */
    width: 670px; 
    padding: 20px;
    padding-left: 10px;
    padding-bottom: 0;
    margin: 0;
    vertical-align: top;
    float: right;
    display: inline;
}


/*  headers and paragraphs  */
#SolutionsText h1, #SolutionsText h2, #SolutionsText h3, #SolutionsText p, 
#SupportText h1, #SupportText h2, #SupportText h3, #SupportText p, 
#ResourcesText h1, #ResourcesText h2, #ResourcesText h3, #ResourcesText p, 
#MainText h1, #MainText h2, #MainText h3, #MainText p,
#PortalText h1, #PortalText h2, #PortalTexth3, #PortalText p {
    margin-left: 0;
    padding-left: 0;
}

#supportContent, #solutionsContent, #resourcesContent, #portalContent, #mainContent
{
    /*overflow: auto;
    max-height: 550px;*/
    width: 100%;
}




/* FOR MAIN SECTION PAGES */
.tablecontainer {
    text-align: center; 
    margin: auto; 
    border-collapse: separate; 
    border-spacing: 25px;
}

.tablecontainer th, .tablecontainer td {
    vertical-align: top;
}

.bluesection {
    color: White;
    
    /*In case gradient does not work just use green to fill box*/
    background-color: #00539F; /*light blue*/
    /*Gradient to fill green box*/
    background: -webkit-gradient(linear, left top, left bottom, from(#00539F), to(#00539F)); /*Chrome, Safari*/
    background: -moz-linear-gradient(top,  #00539F,  #00539F); /*FireFox*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00539F', endColorstr='#00539F'); /*IE*/ 
    
    width: 250px;
    height: 250px;
    
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 10px;
}

.bluesection h3 {
    color: White;
    text-align: center;
}

.bluesection a:hover {
    color: White;
}

.bluesection ul {
    color: White;
    text-align: left;
    margin: 0;
    padding: 0;
    margin-left: 10px;
}


.quotesection {
    width: 90%;
    margin: auto;
    padding: 20px;
    
    -webkit-border-radius: 10px;
    -moz-border-radius:10px;
    border-radius: 10px;
    
    -moz-box-shadow: 3px 3px 4px #AEB0B2;
    -webkit-box-shadow: 3px 3px 4px #AEB0B2;
    box-shadow: 3px 3px 4px #AEB0B2;
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#AEB0B2')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#AEB0B2');
}

.quotesection div {
    float: right; 
    margin-left: 20px;
}

.quotesection blockquote {
    font-style: italic;   
    font-size: 14px;
    padding: 0;
    margin: 20px 0;
    }

.quotesection h2 {
    font-size: 16px;
}


/*----------------------------------------------------------*/
/*SITEMAP*/
.siteMap li {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
blockquote {
    border-left: none;
}