﻿/* Division Settings */

#Root {
width: 95%;
background-color:#FFFFFF;
margin:0 auto;
display:table;
}
#RootContainer {
background-color: #FFFFFF;
width: 100%;
margin: 0 auto;
border-bottom:1px solid #3366FF; 
border-left: 0 none; 
border-right: 0 none;
/*
border-left:1px solid #3366FF; 
border-right:1px solid #3366FF; 
*/
}
.push {height: 50px}
#RootPageContent {
border-top:0; 
margin: 0 5px 0 5px;
padding:2px;
}
#Root1ColumnContent {
border-top:0;
margin: 16px 5px 0 5px;
padding:2px;
}
#ShortFixedPage {height:350px}
#Footer {
height:50px;
clear:both;
line-height: normal;
margin-top:0px;
width:95%;	
}
.AddTopMargin {
margin-top:16px;
margin-bottom:10px
}

/* In progress and not being used */
.column-in {margin:0; padding:10px}
.RootPageRow {display:table-row}
.RootPageColumnLeft {
width:160px;
padding:0;
display: table-cell;	
}
.RootPageColumnGap {
width:100px;
padding:0;
display: table-cell;	
background: #EEF;
}
#RootPageColumnMain {
padding:0;
display: table-cell;	
}


/* 10/08/15 Divisions for main page and footer */
.thumb_div, .thumbDiv_Resources, .thumbDiv_Footer {
margin: 0 auto; 
text-align:center;
width: 100%;
overflow: hidden;
background-color:#BED9EB;	
border-top: 1px navy solid;
/*
padding-left:30px; Padding adds horizontal scroll
*/
}
.thumbDiv_Resources {
	background-color:#FFFF99;
	padding-top:10px;
}	
.thumbDiv_Footer {
	background-color:#C0C0C0;
	border-top:0;
}

.thumb_wrapper, .thumb_wrapperResources, .thumb_wrapperFooter, .graphicDiv_wrapper {
/*max-width: 1400px;*/
height: 100%;
width:95%;
position: relative;
margin: 0px auto;
overflow: hidden;
padding: 0px;
}

.thumb_header {text-align:left}

/* Boxes */
.thumb, .thumbText, .thumbFooter, .thumbFooterTall, .thumbFooterNarrow, .thumbGeneral, .graphicBlock {
    position: relative;
    top: 0px;
    left: 0px;
    float: left;
    display: inline;
}
.thumb, .thumbText {
	height: 250px;
    -webkit-box-shadow: 1px 1px 5px 0px rgba(109, 109, 109, 0.3);
    -moz-box-shadow: 1px 1px 5px 0px rgba(109, 109, 109, 0.3);
    box-shadow: 1px 1px 5px 0px rgba(109, 109, 109, 0.3);
}
.thumb {
width: 250px;
margin: 5px 20px 15px 0;	/* Distance btwn blocks */
}
.thumbText {
width:380px;
margin: 5px 40px 15px 0;	/* Distance btwn blocks */
}
.thumbFooter, .thumbFooterTall, .thumbFooterNarrow, .thumbGeneral {
text-align:left;
overflow:hidden;
/*
width:200px; 
height:215px;
*/
}
.thumbFooterTall {
height:180px;
width:180px; 
}
.thumbFooter {
height:150px;
width:180px; 
}
.thumbFooterNarrow {
height:110px;
width:140px; 
}
.thumbGeneral {
margin: 0 20px 0 0;	/* Distance btwn blocks */	
}

.thumbb, a.thumbb {
    position: absolute;
    left: -1px;
    top: -1px;
    width: 302px;
    height: 252px;
    color: #000;
    background-color: #CCC;
}
.thumbi, .thumbTextBody, .thumbFooterBody {
    position: absolute;
    left: 1px;
    top: 36px;
    width: 100%;
    background-color: #F6F6F6;
/*
line-height: 211px;
width: 300px;
*/
}
.thumbTextBody {	
    text-align: left;
    padding: 10px 10px 20px 10px;
    height: 190px;
}
.thumbFooterBody {
	background-color: transparent;
	top:0px;
}
.thumbi {
    text-align: center;
    height: 215px;
    background-position: center center;
    background-repeat: no-repeat;
}    
    .thumbi img {
    	vertical-align: middle;
    	border: none;
    	padding:10px;
    }

.thumbc, .thumbTextTitle, .thumbFooterTitle {
    position: absolute;
    left: 1px;
    top: 1px;
    text-align: center;
    height: 35px;
    line-height: 35px;
    width: 100%;
	color: #3366FF;
	background-color:silver;
	font-weight: bold;
	font-size: medium;
/*
    background-color: #EAEAEA;
    font-size: 18px;
    width: 300px;
*/
}
.thumbTextTitle {padding: 0 10px 0 10px;}
.thumbFooterTitle {
text-align:left;
background-color: transparent;
}

.thumbb:hover, a.thumbb:hover {
    color: #fff;
    background-color: #ff8400;
}
a.thumbb:hover .thumbc {background-color: #ff8400;}
a.thumbb:visited {color: #ff8400;}

/* 06/06/16-LC Set ThumbText for TAA similar to .thumb_wrapper uses graphicBlock  */
.graphicBlockBody {	
width:520px;
text-align: center;
padding: 5px  /* 10px 10px 20px 10px; */
}
