@charset "utf-8";
/* CSS Document */

/*
 * These are the style rules for the Home page
*/

#content {
	height: 355px;
	padding-top: 20px;
}

#leftHalf {
    width: 350px;
    height: 350px;
    float: left;
}

#upperLeftRow {
    width: 100%;
    height: 111px;
}

#one {
    width: 111px;
    height: 111px;
    background: #CCC url(../img/homehover1.jpg) no-repeat;
    float: left;
    cursor: pointer;
}

#one-hover {
    width: 100%;
    height: 100%;
    background: url(../img/home1.jpg) no-repeat;
    float: left;
    
}

#two {
    width: 225px;
    height: 111px;
    background: #CCC url(../img/homehover2.jpg) no-repeat;
    float: right;
    cursor: pointer;
}

#two-hover {
    width: 100%;
    height: 100%;
    background: url(../img/home2.jpg) no-repeat;
    float: left;
    
}

#six {
    width: 350px;
    height: 234px;
    margin-top: 12px;
    background: #CCC url(../img/homehover6.jpg) no-repeat;
    cursor: pointer;
}

#six-hover {
    width: 100%;
    height: 100%;
    background: url(../img/home6.jpg) no-repeat;
    float: left;
    
}

#rightHalf {
    width: 485px;
    height: 350px;
    float: right;
}

#middleColumn {
    width: 111px;
    height: 350px;
    float: left;
}

#three {
    width: 111px;
    height: 111px;
    float: left;
    background: #CCC url(../img/homehover3.jpg) no-repeat;
    cursor: pointer;
}

#three-hover {
    width: 100%;
    height: 100%;
    background: url(../img/home3.jpg) no-repeat;
    float: left;
    
}

#seven {
    width: 111px;
    height: 234px;
    margin-top: 12px;
    float: left;
    background: #CCC url(../img/homehover7.jpg) no-repeat;
    cursor: pointer;
}

#seven-hover {
    width: 100%;
    height: 100%;
    background: #CCC url(../img/home7.jpg)no-repeat;
    float: left;
    
}

#rightColumn {
    width: 360px;
    height: 350px;
    float: right;
}

#upperRightRow {
    width: 360px;
    height: 234px;
    float: left;
}

#four {
    width: 234px;
    height: 234px;
    float: left;
    background: #CCC url(../img/homehover4.jpg) no-repeat;
    cursor: pointer;
}

#four-hover {
    width: 100%;
    height: 100%;
    background: url(../img/home4.jpg) no-repeat;
    float: left;
    
}

#farRightColumn {
    width: 111px;
    height: 234px;
    float: right;
}

#five {
    width: 111px;
    height: 111px;
    float: right;
    background: #CCC url(../img/homehover5.jpg) no-repeat;
    cursor: pointer;
}

#five-hover {
    width: 100%;
    height: 100%;
    background: url(../img/home5.jpg) no-repeat;
    float: left;
    
}

#eight {
    width: 111px;
    height: 111px;
    margin-top: 12px;
    float: right;
    background: #CCC url(../img/homehover8.jpg) no-repeat;
    cursor: pointer;
}

#eight-hover {
    width: 100%;
    height: 100%;
    background: url(../img/home8.jpg) no-repeat;
    float: left;
    
}

#lowerRightRow {
    width: 360px;
    height: 111px;
    margin-top: 12px;
    float: left;
}

#ten {
    width: 111px;
    height: 111px;
    float: left;
    background: #CCC url(../img/homehover10.jpg) no-repeat;
    cursor: pointer;
}

#ten-hover {
    width: 100%;
    height: 100%;
    background: url(../img/home10.jpg) no-repeat;
    float: left;
    
}

#eleven {
    width: 234px;
    height: 111px;
    float: right;
    background: #CCC url(../img/homehover11.jpg) no-repeat;
    cursor: pointer;
}

#eleven-hover {
    width: 100%;
    height: 100%;
    background: url(../img/home11.jpg) no-repeat;
    float: left;
    
}