/**********************************/
/* Solution Model                 */
/**********************************/
#solutions_model {
    position: relative;
    display: block;
    width: 358px;
    height: 358px;

    margin: 12px 0px 12px 25px;

    background-image: url(../images/solutions.png);
    background-position: top left;
}

#solutions_model_default {
    display: none;
}

#solutions_model[class~="business_strategy"] {
    background-position: top center;
}

#solutions_model[class~="gis"] {
    background-position: top right;
}

#solutions_model[class~="enabling_technology"] {
    background-position: bottom left;
}

#solutions_model[class~="field_data_collection"] {
    background-position: bottom center;
}

#solutions_model[class~="data_management"] {
    background-position: bottom right;
}
/* oh so evil */
/* The reason that there is duplication here for the "prioritised" classes */
/* is so that when css styles are overridden the ones below will take      */
/* precendence over the styles above.                                      */
#solutions_model[class~="business_strategy_priority"] {
    background-position: top center;
}

#solutions_model[class~="gis_priority"] {
    background-position: top right;
}

#solutions_model[class~="enabling_technology_priority"] {
    background-position: bottom left;
}

#solutions_model[class~="field_data_collection_priority"] {
    background-position: bottom center;
}

#solutions_model[class~="data_management_priority"] {
    background-position: bottom right;
}

#solutions_model a {
    position: absolute;
}

#solutions_model #business_strategy {
    top: 1px;
    left: 120px;
    width: 105px;
    height: 105px;
}

#solutions_model #gis {
    top: 120px;
    left: 240px;
    width: 105px;
    height: 105px;
}

#solutions_model #enabling_technology {
    top: 240px;
    left: 120px;
    width: 105px;
    height: 105px;
}

#solutions_model #field_data_collection {
    top: 105px;
    left: 0px;
    width: 105px;
    height: 120px;
}

#solutions_model #data_management {
    top: 120px;
    left: 120px;
    width: 105px;
    height: 105px;
}

#home_news_link a {
    float: none;
}

#home_news_link, .find_out_more {
    font-size: 1.4em;
    display: block;
    /* Padding is the size of the line height */
    padding-top: 0.8em;
}

/**********************************/
/* Home Page                      */
/**********************************/

#home {
    text-align: center;
    vertical-align: middle;
	height: 450px;
}

#MySlideShow {
	display: none;
	width: 450px;
	height: 150px;
	padding-left: 50px;
	text-align: left;
}


/**********************************/
/* Summary Pages                  */
/**********************************/
.summary_cell {
    padding-right: 16px;
}

#summary_images {
    padding: 24px 0px 0px 0px;
}

#business_strategy_summary .summary_image {
    background-image: url(../images/home/bs.png);
}

#field_data_collection_summary .summary_image {
    background-image: url(../images/home/fdc.png);
}

#data_management_summary .summary_image {
    background-image: url(../images/home/dm.png);
}

#enabling_technology_summary .summary_image {
    background-image: url(../images/home/et.png);
}

#geographical_information_systems_summary .summary_image {
    background-image: url(../images/home/gis.png);
}

.summary_image {
    display: inline-block;
    margin: 0px 4px 0px 4px;
    width: 100px;
    height: 100px;
    border: 1px solid #658796;
}

#summary_images #image_one {
    background-position: top left;
}

#summary_images #image_two {
    background-position: top right;
}

#summary_images #image_three {
    background-position: bottom left;
}

#summary_images #image_four {
    background-position: bottom right;
}

/**********************************/
/* Detail Pages                   */
/**********************************/
#detail {
    border-collapse: separate;
    padding: 0px 16px 16px 16px;
}

#detail #detail_content_container {
    vertical-align: top;
}

#detail #detail_images_container {
    vertical-align: top;
    text-align: center;
    padding: 24px 0px 0px 0px;
    width: 156px;
}

#detail_images_container #detail_img_scroll_container {
    overflow: auto;
}

#detail #detail_images_container a img {
    border: 1px solid #005182;
    width: 128px;
}

/**********************************/
/* News                           */
/**********************************/

.news_entry {
    padding: 0em 0em 2em 0em;
}

#news_article_list_container {
    width: 300px;
    float: right;
    padding: 8px 8px 8px 8px;
    margin: 0px 0px 0px 0px;
}

.news_article_list_item {
    margin: 0em 0em 1em 0em;
}

.news_article_list_item .header {
    font-size: 1.4em;
}

.news_article_list_item .subline {
    color: #BEDCF0;
}

#news_article {
    width: 600px;
    float: left;
}

#news_list, #news_article {
    padding: 8px 8px 8px 8px;
}

#recent_news {
    padding: 8em 0em 0em 0em;
}

.byline {
    line-height: 1.4em;
    color: #BEDCF0;
}

.author {
    font-weight: bold;
}

.article_title {
    font-size: 1.4em;
}

/* Pagination */
.pagination {
    text-align:center;
    font-size: 1.4em;
    color: #FFFFFF;
    padding: 48px 0px 24px 0px;
}

.pagination .current {
    padding: 0px 24px 0px 24px;
}

/**********************************/
/* Blog Comments                  */
/**********************************/

#comment_count {
    font-size: 1.4em;
    color: #FFFFFF;
    border-bottom: 1px dotted #FFFFFF;
    margin-bottom: 16px;
}

.comment {
    padding: 0px 0px 16px 0px;
    border-bottom: 1px solid #005182;
}

.comment .comment_header {
    padding: 4px 0px 4px 0px;
}

.comment_header .comment_name {
    font-size: 1.4em;
}

.comment_header .comment_date {
    display: block;
    color: #BEDCF0;
    font-weight: bold;
}

.comment_header .commenter_url {
    font-size: 1.4em;
    color: #FFFFFF;
    float: right;
}

.comment .comment_content {
    display: block;
    color: #FFFFFF;
    font-size: 1.4em;
}

.comment .comment_removed {
    font-style: italic;
}

ul.errorlist {
    background-color: #DAA520;
    padding: 0;
    margin: 0;
}

ul.errorlist li {
    list-style-type: none;
    color: #000000;
    padding: 0px 0px 0px 8px;
    margin: 0;
}

/**********************************/
/* Contact Us                     */
/**********************************/

.contact_us_method {
    color: #FFFFFF;
    font-size: 1.4em;
}