/* Global */
body
{
    margin: 0px auto 10px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    padding: 0;
    background: url(Images/bkgrnd2.jpg) #b6d2b6 fixed no-repeat center center;
}

a
{
    color: #446644;
    text-decoration: underline;
}
a:hover
{
    text-decoration: none;
}

img
{
    border: 0;
}

h1
{
    text-align: center;
    color: #446644;
    font: bold 18px Arial, Helvetica, sans-serif;
    margin: 5px 0px 5px 0;
}
h2
{
    text-align: center;
    color: #446644;
    font: bold 16px Arial, Helvetica, sans-serif;
    margin: 8px 0px 3px 0;
}
h3
{
    text-align: left;
    border-bottom: 2px solid #446644;
    color: #446644;
    font: bold 14px Arial, Helvetica, sans-serif;
    margin: 15px 10px 5px 10px;
}
h4
{
    text-align: center;
    border-bottom: 2px solid #446644;
    color: #446644;
    font: bold 14px Arial, Helvetica, sans-serif;
    margin: 15px 10px 15px 10px;
}
h5
{
    text-align: center;
    color: #446644;
    font: bold 10px Arial, Helvetica, sans-serif;
    margin: 1px 0px 1px 0;
}
h6
{
    height: 30px;
    color: #446644;
    background: url('images/menu2.gif') repeat left top;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 9px;
    padding-bottom: 3px;
}
h7
{
    text-align: left;
    color: #446644;
    font: 10px Arial, Helvetica, sans-serif;
    margin: 0px 5px 5px 0;
}
h8
{
    text-align: left;
    color: #446644;
    font: 12px Arial, Helvetica, sans-serif;
    margin: 0px 5px 5px 0;
}
h9
{
    text-align: left;
    font: bold 10px Arial, Helvetica, sans-serif;
}
h3.alert
{
    color: Red;
    border-bottom: 2px solid Red;
}

/******* Layout **********/
#wrapper
{
    width: 955px;
    margin: auto;
    background: White;
    padding-top: 0px;
    margin-top: 4px;
    margin-bottom: 0px;
    border-right: #778877 1px solid;
    border-left: #778877 1px solid;
    border-bottom: #778877 1px solid;
}

#top-right-wrapper
{
    clear: right;
    float: right;
    font-family: Verdana,Arial;
    font-size: 0.9em;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: normal;
    margin: 0pt;
    overflow: visible;
    padding: 0pt 15px 0pt 0pt;
    text-align: right;
    white-space: normal;
    width: 350px;
}
#header
{
    background: #E6F2E6 url(Images/banner_background.gif) repeat-x scroll center top;
    width: 955px;
    margin-right: 0px;
    margin-left: 0px;
}

#logo
{
    float: left;
    padding: 0px 0 0 0px;
}
#sm
{
    float: right;
    padding: 15px 0px 0 0;
}
#smcbx
{
    float: right;
    padding: 38px 0px 0 0;
    font-size: 8pt;
    font-family: Verdana;
}
/***** Calendar page *********/
#calendarcbx
{
    color: #336633;
    float: right;
    padding: 10px 10px 0 0;
    font-size: 8pt;
    font-family: Arial;
}

/****** Navigation **********/
#nav
{
    background: url('images/hover.gif') repeat-x top;
    height: 25px;
    margin-left: 0px;
    margin-right: 0px;
    width: 955px;
}
#nav ul
{
    margin: 0;
    list-style: none;
    padding: 0;
}
#nav li
{
    display: block;
    float: left;
}
#nav li a
{
    font: 12px Verdana;
    color: #dddddd;
    text-decoration: none;
    display: block;
    padding: 5px 15px 5px 15px;
    border-right: #ffffff 1px groove;
}
#nav li a:hover
{
    background: url('images/nav.gif') repeat-x top;
    text-decoration: underline;
}
#nav li a.current
{
    background: url('images/nav.gif') repeat-x top;
    color: White;
}

/****** Navigation2 **********/
#nav2
{
    background: url('images/hover.gif') repeat-x top;
    height: 15px;
    margin-left: 0px;
    margin-right: 0px;
    width: 955px;
}
#nav2 ul
{
    margin: 0;
    list-style: none;
    padding: 0;
}
#nav2 li
{
    display: block;
    float: left;
}
#nav2 li a
{
    font: 12px Arial, Helvetica, sans-serif;
    color: #dddddd;
    text-decoration: none;
    display: block;
    padding: 5px 15px 5px 15px;
    border-right: #ffffff 1px groove;
}
#nav2 li a:hover
{
    background: url('images/nav.gif') repeat-x top;
    text-decoration: underline;
}
#nav2 li a.current
{
    background: url('images/nav.gif') repeat-x top;
    color: White;
}

/******* Content *********/
#content
{
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 15px;
    width: 930px;
    padding: 0px;
    overflow: hidden;
    clear: both;
}
#content p
{
    margin: 5px;
}
#content ul
{
    margin-left: 20px;
    margin-right: 0;
    margin-top: 5px;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0px;
}
#content li
{
    margin: 5px;
    padding: 0 0px 4px 0;
}

/******* Left Content *********/
#leftcontent
{
    width: 675px;
    float: left;
}
#leftcontent p
{
    margin: 5px;
}
#leftcontent ul
{
    margin-left: 20px;
    margin-right: 0;
    margin-top: 5px;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0px;
}
#leftcontent li
{
    margin: 5px;
    padding: 0 5px 4px 0;
}

.img
{
    border: 1px solid #e5e5e5;
    padding: 5px;
    margin: 0 0 0px 0;
    background-color: #fff;
}
.viewall
{
    text-align: right;
    margin-top: 0px;
    font-family: Verdana;
    font-size: 11px;
}
.viewclass a
{
    background: url(Images/icon_view_17x18.gif) no-repeat 0% 50%;
    text-decoration: none;
    font-weight: bold;
    line-height: 18px;
    padding: 2px 0pt 2px 20px;
}
.viewclass a:hover
{
    text-decoration: underline;
}

.editclass a
{
    background: url(Images/icon_edit_17x18.gif) no-repeat 0% 50%;
    text-decoration: none;
    color: Red;
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    line-height: 18px;
    padding: 5px 0pt 5px 20px;
}
.editclass a:hover
{
    text-decoration: underline;
}

.deleteclass a
{
    background: url(Images/delete1-sm.gif) no-repeat 0% 50%;
    text-decoration: none;
    color: Red;
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    line-height: 18px;
    padding: 5px 0pt 5px 20px;
}
.deleteclass a:hover
{
    text-decoration: underline;
}

.box3
{
    margin-top: 0px;
    margin-bottom: 10px;
    width: 925px;
    float: left;
    padding: 0px;
    border: 1px solid #e5e5e5;
    background-color: #ffffff;
}
.box4
{
    margin-top: 0px;
    margin-bottom: 10px;
    width: 675px;
    float: left;
    padding: 5px;
    border: 1px solid #e5e5e5;
    background-color: #ffffff;
}
.box4wide
{
    margin-top: 0px;
    margin-bottom: 10px;
    width: 900px;
    float: left;
    padding: 5px;
    border: 1px solid #e5e5e5;
    background-color: #ffffff;
}
.box5
{
    margin: 0px;
    width: 675px;
    float: left;
    border: 1px solid #e0e0e0;
    background-color: #ffffff;
    color: #006699;
    margin-bottom: 20px;
}

.box5 h5
{
    text-align: right;
    color: #777777;
    font-size: 0.8em;
    font-style: italic;
    font-variant: normal;
    font-weight: normal;
    line-height: normal;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 3px;
}

.box5 h2
{
    text-align: center;
    color: #446644;
    font: bold 14px Arial, Helvetica, sans-serif;
}

.cont
{
    display: block;
    padding-top: 5px;
    padding-left: 10px;
    padding-bottom: 5px;
    padding-right: 10px;
}
.previouspage
{
    text-align: right;
    margin-right: 15px;
    margin-top: 2px;
    margin-bottom: -15px;
}

/*** Knowledge base articles ***********************************************************************/
.kb
{
    font: 10px Arial;
    border: 1px solid #AAAAAA;
    margin-top: 5px;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    background-color: #f7f9f9;
    color: #446644;
}
.kb h1
{
    text-align: left;
    font: bold 12px Arial;
    padding-left: 3px;
}
.kb h2
{
    text-align: right;
    color: #778877;
    font: italic 12px Arial;
    padding: 4px;
    border-top: 1px solid #dddddd;
}
.kb h3
{
    text-align: left;
    font: bold 12px Arial;
    border-bottom: 1px solid #446644;
    padding-left: 3px;
}
.kb h4
{
    text-align: left;
    font: bold 12px Arial;
    border-bottom: 1px solid #446644;
    padding-left: 3px;
}
.kb p
{
    color: #446644;
    padding-left: 15px;
}
.kb a
{
    text-decoration: underline;
}
.kb a:hover
{
    text-decoration: underline;
}
.kbsearch
{
    text-align: right;
    margin-top: -35px;
    margin-right: 10px;
    color: #446644;
}

.highlight
{
    text-decoration: none;
    color: black;
    background: yellow;
}

/***** Side Bar **********/
#sidebar
{
    width: 235px;
    margin: 0px 0px 0px 690px;
    border: 1px solid #e5e5e5;
    background-color: #ffffff;
    font-family: Verdana;
}
#sidebar .sidebarmenu1 li
{
    background-image: url(Images/menu.gif);
    background-repeat: no-repeat;
    background-position: left;
    list-style-type: none;
    height: 40px;
    margin-left: -12px;
    font-size: 11px;
}
#sidebar .sidebarmenu1 li a
{
    text-decoration: none;
    font-size: 11px;
}
#sidebar .sidebarmenu1 li a:hover
{
    text-decoration: underline;
    font-weight: bold;
}


#sidebar h3
{
    text-align: left;
    border-bottom: 1px solid #446644;
    color: #446644;
    font: bold 12px Arial, Helvetica, sans-serif;
    margin: 8px 5px 8px 5px;
}
#sidebar .viewall
{
    text-align: right;
    margin-top: 0px;
    font-family: Verdana;
    font-size: 11px;
}

.breadcrumbs
{
    margin: 10px 0px 10px 5px;
}


/******** Footer *******/
#footer
{
    background: #E6F2E6 url(Images/footer_sunburst.gif) no-repeat scroll right top;
    font: 12px Arial, Helvetica, sans-serif;
    color: #446644;
    text-decoration: none;
    border-top: solid 1px #D6E2D6;
    text-align: center;
    width: 955px;
    height: 50px;
    margin: 0pt;
    padding: 10px 0pt;
}
#footer a
{
    font: bold 12px Arial, Helvetica, sans-serif;
    text-decoration: underline;
}

.article
{
    background: transparent url(images/feature_bg.gif) repeat-x scroll left bottom;
    border: 1px solid #ECECEC;
    margin: 5px;
}

.article h2
{
    text-align: left;
    color: #446644;
    font-size: 1.1em;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    line-height: normal;
    border-bottom: 1px solid #446644;
}

.article h5
{
    text-align: right;
    color: #A7A7A7;
    font-size: 0.8em;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: normal;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 10px;
}

.article .shortStory
{
    font-size: 0.9em;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 14px;
}

.article a, .article a:link, .article a:visited
{
    font-weight: bold;
    font-size: 1.1em;
}


.date_box
{
    background-color: #FFFFFF;
    background-image: url(images/date.jpg);
    margin-right: 5px;
    margin-top: 5px;
    height: 51px;
    width: 52px;
    float: left;
}

.date_box_month
{
    padding-top: 6px;
    font-size: 11px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    padding-left: 3px;
    text-align: center;
    color: #75a006;
}

.date_box_day
{
    font-size: 18px;
    font-weight: bold;
    padding-left: 3px;
    text-align: center;
    font-style: italic;
    color: #654040;
}

.img-shadow
{
    float: right;
    background: url(images/trans-shadow.png) no-repeat bottom right; /* Most major browsers other than IE supports transparent shadow. Newer release of IE should be able to support that. */
}
.img-shadow img
{
    text-align: center;
    display: block; /* IE won't do well without this */
    position: relative; /* Make the shadow's position relative to its image */
    padding: 4px; /* This creates a border around the image */
    background-color: #fff; /* Background color of the border created by the padding */
    border: 1px solid #cecece; /* A 1 pixel greyish border is applied to the white border created by the padding */
    margin: -6px 6px 6px -6px; /* Offset the image by certain pixels to reveal the shadow, as the shadows are 6 pixels wide, offset it by that amount to get a perfect shadow */
}
table.permits
{
}

table.permits td.label
{
    font-weight: bold;
    text-align: right;
    background-color: #DFF2DF;
}
table.permits td.data
{
    font-weight: normal;
    background-color: #F3F3F3;
}

table.budget
{
    font-family: Verdana;
    font-size: 0.9em;
    margin-top: 5px;
    margin-bottom: 25px;
    border-width: 1px 1px 7px 1px;
    border-style: none;
    border-color: #000000;
    border-collapse: collapse;
    padding-right: 10px;
    background-color: White;
}
table.budget tr
{
    height: 20px;
}

table.budget th
{
    border-width: 1px 1px 1px 1px;
    padding: 5px 5px 5px 5px;
    border-style: solid solid solid solid;
    border-color: white White White white;
    border-collapse: collapse;
    vertical-align: bottom;
    text-align: center;
    color: White;
    background-color: #446644;
    font-family: Arial;
    font-weight: bold;
    height: 10px;
}
table.budget td
{
    border-width: 1px 1px 1px 1px;
    padding: 1px 1px 1px 1px;
    border-style: solid solid solid solid;
    border-color: #eeeeee;
    background-color: #FFFFFF;
    padding-right: 3px;
}
table.budget tr.subtotal
{
    background-color: #EEEEEE;
    height: 20px;
}
table.budget td.subtotal
{
    border-width: 1px 1px 1px 1px;
    padding: 1px 1px 1px 1px;
    border-style: solid solid solid solid;
    border-color: #DDDDDD #DDDDDD #DDDDDD #DDDDDD;
    background-color: #EEEEEE;
    padding-right: 3px;
}
table.budget td.category
{
    border-width: 1px 1px 1px 1px;
    padding: 1px 1px 1px 1px;
    border-style: solid solid solid solid;
    border-color: #DDDDDD #DDDDDD #DDDDDD #DDDDDD;
    background-color: #f7f7f7;
}
table.budget tr.total
{
    background-color: #CCCCCC;
    height: 30px;
}
table.budget td.total
{
    border-width: 1px 1px 1px 1px;
    padding: 1px 1px 1px 1px;
    border-style: solid solid solid solid;
    border-color: #DDDDDD #DDDDDD #DDDDDD #DDDDDD;
    background-color: #CCCCCC;
    padding-right: 3px;
}

.calendar
{
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    font-family: verdana;
    font-size: 70%;
    margin: 0;
    padding: 2px 5px;
}

.mvcontainer
{
    font-size: 8pt;
}

table
{
    border-collapse: separate;
    border-spacing: 2px;
    text-indent: 0;
}

.monthview .week td h3.nonmonthday
{
    background-color: #EEEEEE;
    color: #777777;
}
.monthview .week td h3
{
    background-color: #E8EEF7;
    color: #444444;
    font-size: 8pt;
    font-weight: normal;
    line-height: 16px;
    margin: 0;
    padding: 0 1px 0 0;
    text-align: right;
}


.agenda ul
{
    margin: 0;
    padding: 0;
}
.agenda li
{
    margin: 0;
    padding: 0;
    display: block;
    float: left;
    list-style-type: upper-roman;
}