/* CSS file controlling the presentation of the individial Content Regions */

#mainContent h1 {
    color:rgb(47,74,96);
    font-weight:bold;
    font-size:120%;
    }
    
#mainContent h2 {
    color:rgb(47,74,96);
    font-weight:bold;
    font-size:100%;
    padding-top: 20px;
    }
    
#mainContent h3 {
    color:rgb(47,74,96);
    font-weight:bold;
    font-size:90%;
    }

#mainContent h4 {
    color:rgb(47,74,96);
    font-weight:bold;
    font-size:80%;
    }
    
#mainContent p, ul, ol{
    line-height:2em;
    text-align: left;
}
    
#tableWrapper {
    width:500px;
    margin:40px 0 0 30px;
    padding:10px;
    }

#caption a:link{
    color:rgb(47,74,96);
}

#caption a:visited{
    color:rgb(47,74,96);
}

#caption a:hover{
    color:rgb(47,74,96);
}

#caption a:active{
    color:rgb(47,74,96);
}

#testIdeaLink {
		    margin:0;
		    padding:20px 25px 35px 80px;
		    background-image:url(../Images/Solution Button.png);
		}
    
.bottomBorder {
    border-bottom:2px solid white;
    }
    
.money {
    text-align:right;
    color:Red;
    }
    
table.tableContent {
    width:600px;
    border-collapse:collapse;
    border:3px solid rgb(142,170,195);
    text-align:left;
    line-height:1.5em;
    margin-bottom:30px;
    }
    
table.tableContent caption {
    margin:0 0 5px 0;
    padding:5px;
    color:rgb(47,74,96);
    text-align:right;
    font-weight:bold;
    }
    
table.tableContent thead {
    margin-bottom:40px;
    background-color:rgb(47,74,96);
    color:White;
    }
    
table.tableContent thead tr th {
    padding:7px;
    text-align: left;
}
    
table.tableContent tbody tr th, table.tableContent tbody tr td {
    padding:7px;
    }

table.tableContent tbody tr a:link, table.tableContent tbody td a:link {
    color:rgb(47,74,96);
    }
    
table.tableContent tbody tr a:visited, table.tableContent tbody td a:visited {
    color:rgb(94,69,47);
    }
    
table.tableContent tbody tr a:active, table.tableContent tbody td a:hover, a:active {
    color:white;
    }
    
.totalCell {
    border-bottom:dashed 2px navy;
    }

#crossroads {
    float:left;
    margin: 10px 10px 0 0;
}

.portItem {
    float: left;
    width: 276px;
    height: 530px;
    padding: 5px;
    border: 2px solid Gray;
    background-color: White;
    margin: 15px;
}

.portHeader {
    width: 100%;
    height: 30px;
    background-color: Gray;
    color: White;
    font-weight: bold; 
    font-size: small;
    text-align: center;
}

.portLogo {
    height: 151px;
    text-align: right;
    margin: 8px 4px 0 4px;
    padding-bottom: 4px;
    border-bottom: dotted 1px Gray;
}

.portText {
    height: 290px;
    overflow: auto;
    margin: 4px;
    border-bottom: 1px dotted Gray;
}

.portFooter {
    margin: 8px;
    text-align: right;
}

.portFooter a:link{
    color:rgb(47,74,96);
    text-decoration: none;
    letter-spacing: 3px;
}

.portFooter a:visited{
    color:rgb(47,74,96);
    text-decoration: none;
    letter-spacing: 3px;
}

.portFooter a:hover{
    color:rgb(47,74,96);
    text-decoration: none;
    letter-spacing: 3px;
    color: Black;
}

.portFooter a:active{
    color:rgb(47,74,96);
    text-decoration: none;
    letter-spacing: 3px;
}

.floatLeft {
    float: left;
    padding-right: 20px;
}

.floatRight {
    float: right;
    padding-left: 20px;
}