body {
        background-color: #BBDC9B;
        color: #666666;
        ;
}

p, .defaulttext {
        color: #333333;
}

table {
        color: #333333;
}

.pageHeader {
}
.reverseHeader {
        background-color: #0065CC;
}
.headerNavBar {
        background-color: #0065CC;
}
.portletHeader {
        color: #FFFFFF;
        background-color: #0065CC;
}

.portletBody {
        font-color: #3F6087;
        background-color: rgb(243,247,253);
}
.portletDate {
        color: #666666;
}
.portletHeaderG {
        color: #FFFFFF;
        background-color: #FFFFFF;
        border-width: 1px;
        border-style: solid;
        border-color: #000080;

}
.portletCalloutCorner1 {
	background-image: url(http://www.jlweb.org/content/suffolk/site_design_elements/spotbg_1a.jpg);
	height: 54px;
	width: 17px;
 border-top: 1px solid navy;
}
.portletCalloutCorner3 {
	background-image: url();
	border-bottom: 1px solid navy;
}
.portletHeaderCellG {
	color: #000080;
	background-image: url(http://www.jlweb.org/content/suffolk/site_design_elements/spotbg_2b.jpg);
	height: 54px;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
 border-top: 1px solid navy;
}
.portletBodyCellG {
	background-color: rgb(243,247,253);

}

.portletTable {
	border-width: 1px;
	border-style: solid;
	border-color: rgb(108,145,148);
}

.portletTableG {
	border-width: 0px;
	border-style: solid;
	border-color: #000080;
                     background-image: none
                     float: none
                     text-align: left
                     vertical-align: top
}
.portletFooterCellG {
	background-color: rgb(243,247,253);
	text-align: right;
                     vertical-align: top;
	height: 30px;     
border-bottom: 1px solid navy;    
}
.portletBodyG {
        background-color: white;
}
/* calendar stuff */
.not-in-month {
        background-color: #E6E6E6;
        color: #333333;
}
.weekend {
        background-color: #E1F0FF;
}
.weekday {
        background-color: white;
}
.calendar-header {
        color: #FFFFFF;
        background-color: #999999;
}

/* text, links, etc. */
a, a:link, a:visited, a:active {
        color: #0065CC
}

.headline, .headline a, .headline a:link, .headline a:active, .headline a:visited {
        color: #0066CC;
}

.subheadline, .subheadline a, .subheadline a:link, .subheadline a:active, .subheadline a:visited {
       color: #0066CC;
}

.footnote, .footnote a:hover, .footnote a:link, .footnote a:active, .footnote a:visited {
        color: #333333;
}

.tabletop {
        border-top-color: #999999;
}


.primarynav-current, .primarynav-current a:link, .primarynav-current a:active, .primarynav-current a:visited {
        color: #99CCFF;
}

.primarynav a:link, .primarynav a:active, .primarynav a:visited {
        color: #FFFFFF;
}

.secondarynav {
        color: #0065CC;
        font-weight: bold;
}

.secondarynav a:link, .secondarynav a:active, .secondarynav a:visited {
        color: #0065CC;
        font-weight: bold;
}
.tabnav {
        color: #0065CC;
}

.tabnav a:link, .tabnav a:active, .tabnav a:visited {
        color: #666666;
}
.plusnav {
        color: #333399;
}

.plusnav a:link, .plusnav a:active, .plusnav a:visited {
        color: #336699;
}

.plusnav a:hover {
        color: #003366;
}

.stepnav {
        padding-left: 10px;
        padding-right: 10px;
        color: white;
        background-color: #83A1C5;
        font-weight: bold;
}
.currentstep {
        padding-left: 10px;
        padding-right: 10px;
        background-color: lightblue;
        color: #41638B;
        border-color: #83A1C5;
        font-weight: bold;
}

.tabon {
        border-top-color: #999999;
        border-right-color: #999999;
        border-left-color: #999999;
        background-color: #ffffff;
}

.taboff {
        border-top-color: #999999;
        border-right-color: #999999;
        border-left-color: #999999;
        border-bottom-color: #999999;
        background-color: #ffffff;
}

.pageActions {
        border-color: #BBDC9B;
        text-color: #ffffff;
        background-color: #BBDC9B;
border-bottom: 2px solid navy;    
border-right: 2px solid navy;    

}
.pageActions a:link, .pageActions a:active, .pageActions a:visited {
        border-color: #666666;
        text-color: #ffffff;
}

.pageActions a:hover {
        border-color: #BBDC9B;
        text-color: #ffffff;
        background-color: #BBDC9B;

}

.utilitybar {
                background-color: white;
                height: 10px;
}

.utility-table {
        background-color: #FFFFFF;
}

.footer-table {


}
.pagetitle, .pagetitle a, .pagetitle a:link, .pagetitle a:active, .pagetitle a:visited {
        color: #0066CC;
        border-bottom-color: #7AC142;
}
.pagesubtitle, .pagesubtitle a, .pagesubtitle a:link, .pagesubtitle a:active, .pagesubtitle a:visited {
        color: #0066CC;
        border-bottom-color: #7AC142;
}
.outlined {
        border-color: lightgrey;
}
.lightseparator {
        border-color: #cccccc;
}

table.portlet-white{
        border-width: 1px;
        border-style: solid;
        border-color: #ffffff;
}

.portlet-white-header {
        text-align: left;
        padding-left:  10px;
        padding-right: 10px;
        font-weight: bold;
        height: 0px;
        color: #FFFFFF;
        background-color: #ffffff;
}
.portlet-white-date {
        text-align: left;
        padding-left:  0px;
        padding-right: 0px;
        font-weight: bold;
        height: 23px;
        color: white;
        background-color: white;
        width: 0px;
}
.portlet-white {
        text-align: left;
        padding-left:   10px;
        padding-right:  10px;
        padding-top:     3px;
        padding-bottom:  3px;
        font-color: #333333;
        background-color: white;
}

table.portlet-bold {
        border-width: 1px;
        border-style: solid;
        border-color: #41638B;
}

.portlet-bold-header {
        text-align: center;
        padding-left:  10px;
        padding-right: 10px;
        font-weight: bold;
        height: 23px;
        color: #FFFFFF;
        background-color: #41638B;
}
.portlet-bold-date {
        text-align: left;
        padding-left:  0px;
        padding-right: 0px;
        font-weight: bold;
        height: 23px;
        color: #41638B;
        background-color: white;
        width: 0px;
}
.portlet-bold {
        text-align: left;
        padding-left:   10px;
        padding-right:  10px;
        padding-top:     3px;
        padding-bottom:  3px;
        font-color: #333333;
        background-color: white;
}

table.portlet-light {
        border-width: 1px;
        border-style: solid;
        border-color: #ffffff;
}

.portlet-light-header {
        text-align: left;
        padding-left:  10px;
        padding-right: 10px;
        font-weight: bold;
        height: 0px;
        color: #FFFFFF;
        background-color: #ffffff;
}
.portlet-light-date {
        text-align: left;
        padding-left:  0px;
        padding-right: 0px;
        font-weight: bold;
        height: 23px;
        color: white;
        background-color: white;
        width: 0px;
}
.portlet-light {
        text-align: left;
        padding-left:   10px;
        padding-right:  10px;
        padding-top:     3px;
        padding-bottom:  3px;
        font-color: #333333;
        background-color: white;
}

.vertnav-primary {
        color: white;
        background-color: #999999;
        font-weight: bold;
}

.vertnav-primary-current, .vertnav-primary-current a:link, .vertnav-primary-current a:active, .vertnav-primary-current a:visited {
        color: lightblue;
}

.vertnav-primary a:link, .vertnav-primary a:active, .vertnav-primary a:visited {
        color: white;
}

.vertnav-secondary {
        color: #20396D;
        background-color: #E8EFF8;
        font-weight: bold;
        font-size: 11px;
}

.vertnav-secondary a:link, .vertnav-secondary a:active, .vertnav-secondary a:visited {
        color: #20396D;
        text-decoration: none;
        font-size: 11px;
}

.vertnav-secondary-current, .vertnav-secondary-current a:link, .vertnav-secondary-current a:active, .vertnav-secondary-current a:visited {
        font-weight: bold;
        font-size: 11px;
}

.vertnav-secondary a:hover {
        text-decoration: underline;
        font-size: 11px;
}

.vertnav {
        background-color: #C6D7ED;
}