﻿/* TYPOGRAPHY */
body, p, ul
{
    font-family: Georgia, Times New Roman, Serif;
    color: #003366;
    font-size: 95%;
}
body, p
{
    line-height: 1.5em;
}
h1, h2, h3, a.navlink
{
    font-family: Arial, Helvetica, Sans-Serif;
}
h1
{
    font-size: 150%;
    margin-bottom: .5em;
}
h2
{
    font-size: 120%;
    margin-bottom: .5em;
}
h3
{
    font-size: 105%;
    margin-bottom: .5em;
}
p, ul
{
    margin: 0 0 1em 0;
}
ul
{
    list-style-type: disc;
    padding-left: 2em;
    margin-left: 2em;
}

/* PAGE ELEMENTS */
body
{
    background-image: url(../images/bgblend.jpg);
    background-repeat: repeat-x; 
}
#header
{
    width: 100%;
    height:  120px;
    background-color: #fff;
    border-bottom: solid 1px #666666;
}
#headerinner
{
    height: 80px;
    width: 900px;
    margin: 0 auto;
}
#logo
{
    float: left;
    padding-top: 20px;
}
#servicetimes
{
    float: right;
    text-align: right;
    padding-top: 25px;
}

#navbar
{   
    height: 40px;
    width: 900px;
    margin: 0 auto 0 auto;
    line-height: 1em;
}
#navbar a
{
    text-decoration: none;
    color: #666666;
}
.nav, .navfirst
{
    float: left;
    height: 25px;
	margin-top: 10px;
	padding: 5px 15px 0 15px;
	cursor: pointer;
}
.nav
{
    border-left: solid 1px #666666;
}
.navfirst
{
    padding-left: 5px;
}
.navsel
{
    font-weight: bold; 
}
#comegrow
{
    float: right;
    padding-top: 5px;
}


#content
{
    width: 900px;
    margin: 0 auto;
}


#picbar
{
    width: 900px;
    height: 245px;
    margin: 25px 0 5px 0;
    color: White;
}


#main
{
    margin-top: 15px;
}
#leftmain
{
    width: 500px;
    float: left;
    
}
#rightmain
{
    width: 385px;
    float: right;
}
#leftbar
{
    width: 500px;
    height: 30px;
    background-image: url(../images/graybar.png);
    background-repeat: no-repeat;
}
#rightbar
{
    width: 385px;
    height: 30px;
    background-image: url(../images/bluebar.png);
    background-repeat: no-repeat;
}

#leftinner, #rightinner
{
    background-color: #fff;
    border: solid 1px #666666;
    padding: 0 15px 15px 15px;
}
#leftinner.transp, #rightinner.transp
{
    background-color: Transparent;
    border: none;
    padding: 0;
}


/* some pages, such as AboutUs, need a slightly different layout */
#leftmain2
{
    width: 175px;
    float: left;
    margin: 5px 0 0 5px;
}
#rightmain2
{
    width: 710px;
    float: right;
    margin-top: 5px;
}
#leftmain2 h1
{
    font-size: 120%;
}
#rightmain2 h2
{
    font-weight: normal;
    font-size: 150%;
}
ul.subnav
{
    font-size: 100%;
    list-style-type: none;
    padding: 0;
    margin: 0;
    line-height: 2em;
}
ul.subnav a
{
    text-decoration: none;
    color: #003366;
}

.sectitle
{
    line-height: 30px;
    margin: 0;
    padding: 0 0 0 8px;
    font-size: 110%;
    color: #fff;
}
.ann, .cal
{
    margin: 0;
    padding: 0;
}
h2.ann, h2.cal
{
    padding-top: .75em;
    font-size: 100%;
}
h3.ann, h3.cal
{
    font-size: 90%;
    font-style: italic;
    font-weight: normal;
}
p.ann
{
    padding-bottom: .25em;
}


#footerbuffer
{
    clear: both;
    height: 30px;
}
#footer
{
    clear: both;
    border-top: solid 1px #666666;
    padding-top: 15px;
    padding-bottom: 20px;
}
#footerinner
{
    width: 900px;
    margin: 0 auto;
}



/* Special-case formatting */

/* contact table */
#contactinfo td
{
    padding: 0 20px 5px 0;
}

/* service times table */
#servicetimestable td
{
    padding: 0 20px 5px 0;
}
#servicetimestable td.time
{
    text-align: right;
}

.feedlink, .icallink, #footer, #servicetimes, table#servicetimestable, table#contactinfo
{
    font-family: Arial, Helvetica, Sans-Serif;
    color: #666666;
}

/* feed stuff */
.feedlink, .icallink
{
    width: 100%;
    text-align: right;
    padding: .25em 0 .25em 0;
}
.feedlink a, .icallink a
{
    text-transform: uppercase;
    font-size: 80%;
    padding: 0 0 0 19px;
    text-decoration: none;
    color: #666666;
}
.feedlink a
{
    background: url("../images/feed-icon-14x14.png") no-repeat 0 50%;
}
.icallink a
{
    background: url("../images/calendaricon.png") no-repeat 0 50%;
}