/*****

    Home.CSS

    This file contains CSS used on the home page (various dynamic display modules).

*****/

/***** Common stuff (titles, etc). *****/

div.title
{
    border-bottom: 2px solid #602020;
    background-position: left;
    background-repeat: no-repeat;
    text-align: left;
}

div.title span
{
    margin: 0px 0px 0px 20px;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 11pt;
    font-style: normal;
    font-variant: small-caps;
    font-weight: bold;
    color: #663333;
    line-height: 24px;
}

div.content
{
    margin: 10px 0px 0px 0px;
    text-align: left;
}

div.content *
{
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 9pt;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 130%;
}

div.content p
{
    margin: 0px 0px 10px 0px;
}

div.content img
{
    border: 1px solid #602020;
}

div.content a
{
    color: #FF0000;
    text-decoration: none;
}

div.content a:hover
{
    color: #0000FF;
    text-decoration: none;
    cursor: pointer;
}

div.content ul.links
{
    margin-left: 30px;
    list-style-image: none;
    list-style-type: disc;
    list-style-position: outside;
}

div.content ul.links li
{
    margin-bottom: 4px;
}

div.content strong
{
    font-weight: bold;
}

/***** The useful links menu. *****/

div#links
{
    width: 170px;
    margin: 0px 0px 10px 0px;
}

div#links div.title
{
    background-image: url('/Images/Icons/generic.gif');
}

div#links div.content *
{
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 8pt;
    color: #000000;
    line-height: 1.3em;
}

div#links div.content ul.links
{
    margin: 0px 0px;
    list-style-position: outside;
    list-style: none;
}

div#links div.content ul.links li
{
    margin-bottom: 1px;
    padding: 2px 4px;
}

div#links div.content ul.links li:first-child
{
    margin-bottom: 5px;
}

div#links div.content ul.links li a
{
    font-weight: bold;
    text-decoration: none;
}

div#links div.content ul.links li a:hover
{
    color: #DD0000;
}

div#links div.content ul.links li.sub
{
    margin-bottom: 1px;
    padding: 2px 4px;
    list-style-position: inside;
    list-style-type: disc;
}

div#links div.content ul.links li.sub a
{
    font-size: 7pt;
    font-weight: bold;
    text-decoration: none;
}

div#links div.content ul.links li.sub a:hover
{
    color: #DD0000;
}

div#links div.content a
{
    color: #663333;
    text-decoration: none;
}

div#links div.content a:hover
{
    color: #DD0000;
    text-decoration: none;
    cursor: pointer;
}

/***** The random photos module. *****/

div#random-photos
{
    width: 170px;
    margin: 0px 0px 10px 0px;
}

div#random-photos div.title
{
    background-image: url('/Images/Icons/random-photos.gif');
}

div#random-photos div.content
{
    text-align: center;
}

/***** The 'Welcome' module. *****/

div#welcome
{
    width: 364px;
    margin: 0px 0px 10px 0px;
}

div#welcome div.title
{
    background-image: url('/Images/Icons/from-tm.gif');
}

/***** The town budget module. *****/

div#budget2k7
{
    width: 364px;
    margin: 0px 0px 10px 0px;
}

div#budget2k7 div.title
{
    background-image: url('/Images/Icons/dollar.gif');
}

/***** The 'Jobs' section of the home page. *****/

div#jobs
{
    width: 364px;
    margin: 0px 0px 10px 0px;
}

div#jobs div.title
{
    background-image: url('/Images/Icons/staff.gif');
}

div#jobs div#jobs_section p.article_title
{
    text-align: center;
}

/***** The 'Jobs' section of the home page. *****/

div#hours
{
    width: 364px;
    margin: 0px 0px 10px 0px;
}

div#hours div.title
{
    background-image: url('/Images/Icons/upcoming-events.gif');
}

/***** The news highlights module. *****/

div#news_highlights
{
    width: 364px;
    margin: 0px 0px 10px 0px;
}

div#news_highlights div.title
{
    background-image: url('/Images/Icons/news.gif');
}

div#news_highlights div.content span.title
{
    font-weight: bold;
    color: #663333;
}

div#news_highlights div.content div.article_summary
{
    padding-bottom: 5px;
}

div#news_highlights div.content div.article_summary_short
{
    padding-bottom: 0px;
}

div#news_highlights div.content p.article_title
{
    margin: 0px 0px 3px 0px;
}

div#news_highlights div.content p.article_title a
{
    font-weight: bold;
    color: #602020;
}

div#news_highlights div.content p.article_info
{
    margin: 0px 0px 3px 0px;
    font-size: 7pt;
    color: #404040;
}

div#news_highlights div.content p.article_title a:hover
{
    color: #990000;
}

/***** The upcoming events module. *****/

div#event_highlights
{
    width: 170px;
    margin: 0px 0px 10px 0px;
}

div#event_highlights div.title
{
    background-image: url('/Images/Icons/upcoming-events.gif');
}

div#event_highlights div.content *
{
    line-height: 130%;
}

div#event_highlights div.content span.event_title a
{
    font-weight: bold;
    color: #663333;
}

div#event_highlights div.content span.event_title a:hover
{
    color: #DD0000;
}

div#event_highlights div.content spen.event_description
{
    /* Nothing needed here. */
}

div#event_highlights div.content span.event_description a
{
    font-weight: bold;
    color: #663333;
}

div#event_highlights div.content span.event_description a:hover
{
    color: #DD0000;
}

/***** The upcoming events module. *****/

div#upcoming-events
{
    width: 170px;
    margin: 0px 0px 10px 0px;
}

div#upcoming-events div.title
{
    background-image: url('/Images/Icons/upcoming-events.gif');
}

div#upcoming-events div.content span.date a
{
    font-weight: bold;
    color: #663333;
}

div#upcoming-events div.content span.date a:hover
{
    font-weight: bold;
    color: #DD0000;
}

div#upcoming-events div.content span.name
{
    font-weight: bold;
    color: #663333;
}

div#upcoming-events div.content span.desc
{
    /* Nothing needed here. */
}

/***** Yahoo! Weather module. *****/

div#yahoo-weather
{
    width: 170px;
    margin: 0px 0px 10px 0px;
}

div#yahoo-weather div.title
{
    background-image: url('/Images/Icons/local-weather.gif');
}

/***** Yahoo! Weather module. *****/

div#public_auction
{
    width: 364px;
    margin: 0px 0px 10px 0px;
}

div#public_auction div.title
{
    background-image: url('/Images/Icons/alarm.gif');
}

/***** Community Videos *****/

div#videos
{
    width: 170px;
    margin: 0px 0px 10px 0px;
}

div#videos div.title
{
    background-image: url('/Images/Icons/videos.gif');
}


/*****/