/* CSS Document */

/* -------------------------- Styles for the HOME page -------------------------- */
#main-image-container {
float: left;
height: 300px;
width:978px;
background-image: url(../images/main-header-image.gif);
background-repeat: repeat-x;
background-color: #ffffff;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
}
#main-image-container-home {
float: left;
height: 300px;
width:978px;
background-image: url(../images/sample-home-banner.jpg);
background-repeat: no-repeat;
background-color: #ffffff;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
}
#main-image-container-profile {
float: left;
height: 300px;
width:978px;
background-image: url(../images/terese-mudgway-banner.jpg);
background-repeat: no-repeat;
background-color: #ffffff;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
}
#main-image-container-blank { float: left; height: 300px; width:978px; background: white; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; }
#main-image-text {
float: left;
height: 220px;
width: 480px;
margin-left: 20px;
margin-top: 20px;
color: #6a6967;
}
#main-image {
float: right;
height: 290px;
width: 410px;
margin-right: 40px;
padding-top: 10px;
}




#home-button-base-container {
float: left;
margin-top: 6px;
}
#home-button-base-spacer {
float: left;
height: 26px;
width: 6px;
background-image: url(../images/home-button-base.gif);
background-repeat: repeat-x;
}
#home-button-base-text {
float: left;
height: 22px;
padding-left: 4px;
padding-right: 4px;
padding-top: 4px;
background-image: url(../images/home-button-base.gif);
background-repeat: repeat-x;
color: #ffffff;
}



#home-email-container {
float: left;
}





#home-left-top-container {
float: left;
overflow: hidden;
width: 250px;
border-bottom: 1px solid #979797;
padding-bottom: 10px;
}
#home-left-image { float: right; height: 94px; width: 94px; background: white; margin-left: 10px; border: 1px solid #979797; }
#home-left-text {
float: left;
overflow: hidden;
width: 134px;
}
#home-left-heading {
float: left;
overflow: hidden;
width: 250px;
}
#home-left-bottom-container {
float: left;
overflow: hidden;
width: 250px;
padding-top: 10px;
padding-bottom: 10px;
}
















#home-right-top-container {
float: left;
width: 680px;
overflow: hidden;
margin-bottom: 10px;
background-color: #696866;
padding-top: 10px;
padding-left: 10px;
padding-bottom: 10px;
}

#home-right-top-unit {
float: left;
width: 110px;
overflow: hidden;
margin-right: 3px;
}
#home-right-top-image {
float: left;
width: 94px;
height: 94px;
background-color: white;
border: 1px solid #979797;
margin-bottom: 1px;
}
#home-right-top-header { float: left; text-align: left; width: 94px; overflow: hidden; }
#home-right-top-text { float: left; width: 94px; overflow: hidden; }



















#home-right-bottom-left-container {
float: left;
width: 296px;
overflow: hidden;
margin-right: 10px;
}
#home-right-bottom-left-image {
float: left;
width: 84px;
height: 84px;
background-color: white;
border: 1px solid #979797;
margin-right: 10px;
}
#home-right-bottom-left-heading {
float: left;
width: 276px;
overflow: hidden;
text-align: left;
}
#home-right-bottom-left-text {
float: left;
width: 180px;
overflow: hidden;
}









#home-right-bottom-right-container {
float: left;
width: 364px;
overflow: hidden;
padding: 10px;
background-color: #888888;
}

















#home-noticeboard-wrapper {
position: relative;
left: 0px;
top: 0px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px;
width: 940px;
overflow: hidden;
}

#home-noticeboard-top {
float: left;
width: 940px;
height: 30px;
background-image: url(../images/home-noticeboard-top.gif);
background-position-x: -10px;
background-repeat: no-repeat;
}
#home-noticeboard-bottom {
float: left;
width: 940px;
height: 30px;
background-image: url(../images/home-noticeboard-bottom.gif);
background-position-x: -10px;
background-repeat: no-repeat;
}
#home-noticeboard-mid {
float: left;
width: 900px;
padding-left: 20px;
padding-right: 20px;
color: #222;
line-height: 20px;
overflow: hidden;
background-image: url(../images/home-noticeboard-mid.gif);
background-position-x: -10px;
background-repeat: repeat-y;
}
#home-noticeboard-content {
float: left;
width: 205px;
overflow: hidden;
margin-right: 20px;
}
#home-noticeboard-form {
float: left;
width: 185px;
padding: 10px;
overflow: hidden;
background-color: #e4e4e4;
margin-top: 10px;
}