body {
background:url(../imgs/siteBG.jpg) repeat-x fixed;
}
/***** Form *********/
form.search {

}

form.search label {
color:#2e2e2e;
}

form.search input {
color:#666666;
}

form.search .btn {
color:#2e2e2e;
}
/*********************/

/***** Breadcrumbs *********/
 .breadCrumbs {
	height:18px;
	padding-top:0px;
	margin-right:15px;
	float:right;
}
 .breadCrumbs ul {
	margin:0px;
	margin-top:0px;
	padding:0px;
	text-align:right;
}
 .breadCrumbs li {	
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	display:inline;
	color:#ffffff;
	margin:0px;
}
 .breadCrumbs li a{
	color: #ffffff;
	padding: 15px 2px;
	text-decoration: none;
}
 .breadCrumbs li a:hover {
	color:#ffffff;
	padding-top:15px; 
	padding-bottom:10px;
	text-decoration:underline;
}
 .breadCrumbs li.crumbCurrent {
	color:#ffffff;
	padding-top: 15px; 
	padding-bottom: 10px; 
	font-weight:bold;
}






/*********************/
/*********sub page title bar************/
.subPageTitlebar  {
	height:27px;
	width:943px;
	padding-left:15px;
	margin-top:0px;
	padding-top:8px;
    background: url(../imgs/navigation2.jpg) repeat-x;
}
.subPageTitlebar .titlebox {
	height:18px;
	width:560px;
	float:left;
}
.subPageTitlebar h1 {
    color:#ffffff;
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
}
/***********************/
script {

}

h1 {

}

h2 {

}

p {
color:#555555;
}

img, img a {

}

.clear {

}


/***************************************
GLOBAL NAVIGATION BRANDING STYLES
****************************************/

.globalNav {
background:url(../imgs/globalNavBG.jpg) top left repeat-x #2e2e2e;
color:#f9f9f9;
}
.globalNav a.current {
background:url(../imgs/globalNavBGroll.gif) top left repeat-x;
color:#333333;

}

.globalNav .content {

}

.globalNav .content .linkArea {

}

.globalNav .content .linkArea ul {

}

.globalNav .content .linkArea ul li {

}

.globalNav .content .linkArea ul li:hover {

}

.globalNav .content .linkArea ul li a {
color:#f9f9f9;
}

.globalNav .content .linkArea ul li a:hover {
background:url(../imgs/globalNavBGroll.gif) top no-repeat;
color:#333333;
}

.globalNav .content .helpArea a{
color:#F9F9F9;
text-decoration:underline;
}
.globalNav .content .helpArea a:hover {
color:#F9F9F9;
text-decoration:none;
}


/***************************************
MAIN PAGE LAYOUT STYLES
****************************************/

.page {

}




/***************************************
HEADER LAYOUT STYLES START
****************************************/

.page .header {

}

.page .header .logoArea {

}

.page .header .deptName {

}

.page .header .searchArea {

}

/***************************************
HEADER LAYOUT STYLES END
****************************************/












/***************************************
MENU LAYOUT STYLES START
****************************************/

.page .menu {
background:url(../imgs/navBG.gif) bottom left no-repeat;
}

.page .menu ul {

}

.page .menu ul li {

}

.page .menu ul li:hover {

}

.page .menu ul li a {
color:#f9f9f9;
border-left:1px solid #255e8e;
border-right:1px solid #8cc2ee;
}


.page .menu ul li a:hover {
color:#ffffff;
background:url(../imgs/navBGroll.jpg) top repeat-x;
}

.page .menu ul .contactInfo {
float:right;
width:290px;
text-align:right;
color:#f9f9f9;
font-size:11px;
padding:6px 8px 0px 0px;
}

.page .menu ul .contactInfo a {
color:#f9f9f9;
text-decoration:none;
border:none;
text-align:right;
float:right;
padding:0px 0px 0px 0px;
margin:0px 5px 0px 0px;
}

.page .menu ul .contactInfo a:hover {
text-decoration:underline;
background:#f9f9f9;
color:#3a77ab;
padding:0px;
height:auto;
}


/***************************************
MENU LAYOUT STYLES END
****************************************/






.page .content {
	border:1px solid #333333;
	background-color: #FFFFFF;
	background-image: url(../imgs/shadowContentTopRepeat.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}


.page .content .top {

}







/***************************************
BASIC WIDGET START
****************************************/

.widget {

}

.widget .heading {

}

.widget .heading .icon {

}

.widget .heading .icon img {

}

.widget .heading .title {
color:#e0ffdd;
}

.widget .body {

}

.widget .body .moreLink {
float:right;
}

.widget .body .moreLink.white a {
color:#ffffff;
font-weight:bold;
font-size:11px;
text-decoration:none;
}

.widget .body .moreLink.white a:hover {
color:#ffffff;
text-decoration:underline;
}

.widget .body .moreLink.color a {
color:#5f9dd0;
font-weight:bold;
font-size:11px;
text-decoration:none;
}

.widget .body .moreLink.color a:hover {
color:#5f9dd0;
text-decoration:underline;
}

.widget .body a {
color: #663333;
font-weight:bold;
font-size:11px;
text-decoration:none;
}

.widget .body a:hover {
color:#663333;
text-decoration:underline;
}

/***************************************
BASIC WIDGET END
****************************************/





/***************************************
CUSTOM (news) WIDGET START 
****************************************/

/* use for MIDDLE placement */
.widget.center {

}

.widget.news .heading {
background:url(../imgs/widgetHeaderBGrepeat.jpg) top repeat-x;
}

.widget .heading a {
color:#e0ffdd;
}

.widget .heading a:hover {

}

.widget.news.last {

}

.widget.news.under {

}


#news {

}

#news .story .title {
color:#702021;
}

#news .story .blurb {
color:#2e2e2e;
}

#news .story .link,
#news .story .link a {
color:#2e2e2e;
}

#news .story .link a:hover {
color:#702021;
}

/***************************************
CUSTOM (news) WIDGET END 
****************************************/






/***************************************
CUSTOM (linklist) WIDGET START 
****************************************/

.widget.linklist {
	color:#ffffff;
}

.widget.linklist .heading {

}

.widget.linklist .heading .title {
color:#f9f9f9;
border-bottom:1px solid #f9f9f9;
}

.widget.linklist .body {
}

.widget.linklist .body ul {
}

.widget.linklist .body ul li {
list-style-image:url(../imgs/preFooterListImage.png);
}

.widget.linklist .body ul li.alt {
background:url(../imgs/altRowBG.png) top left no-repeat;
list-style-image:url(../imgs/preFooterListImage.png);
}

.widget.linklist .body ul li a {
color:#f9f9f9;
}

.widget.linklist .body ul li a:hover {

}

.widget.linklist.center {

}
.widget.linklist.center .body a {
	color:#ffffff;
	
}
.widget.linklist.center .body a:hover {
	color:#ffffff;
	
}
.widget.linklist.last {

}
.widget.linklist.last .body a {
	color:#ffffff;
	
}
.widget.linklist.last .body a:hover {
	color:#ffffff;
	
}
.widget.linklist.last .body ul li {
list-style-image:none;
}

.widget.linklist.last .body ul li.alt {
background:url(../imgs/altRowBG.png) top left no-repeat;
list-style-image:none;

}




/***************************************
CUSTOM (linklist) WIDGET END
****************************************/










/***************************************
TOP STORY WIDGET START
****************************************/

.page .content .top .story {
border:1px solid #333333;
}

.page .content .top .story #holder {

}

.page .content .top .story #holder .image {
background:#666666;
}

.page .content .top .story #holder .text {

}

.page .content .top .story #holder .text .date {
color:#2e2e2e;
}

.page .content .top .story #holder .text .title {
color:#2e2e2e;
}

.page .content .top .story #holder .text .date.mayor,
.page .content .top .story #holder .text .title.mayor {
color:#3c79ad;
}

.page .content .top .story #holder .text .subTitle {
color:#2e2e2e;
}

.page .content .top .story #holder .text .storyText {
color:#2e2e2e;
}

.page .content .top .story #holder .text .storyText a {
color:#2e2e2e;
}

.page .content .top .story #holder .text .storyText a:hover {
color:#3c79ad;
}

.page .content .top .story .thumbnailList {
background:#cccccc;
}

/***************************************
TOP STORY WIDGET END
****************************************/




.page .content .top .siteImage {
border:1px solid #2e2e2e;

}

.page .content .top .right {
width:290px;
height:237px;
background: url(../imgs/right_Bg_03.gif) top left repeat-x;
float:left;
margin:0px 0px 0px 10px;
}




.page .content .middle {

}
.page .content .middle .twothirds {
	float:left;
	display:inline;
	height:255px;
	width:622px;
}



/***************************************
INFO WIDGET START

.page .content .middle .infoWidget {
width:310px;
height:170px;
float:left;
padding:0px;
margin:0px;
height:280px;

}

.page .content .middle .infoWidget .heading {
height:30px;

background:url(../imgs/widgetHeaderBGrepeat.jpg) top repeat-x;
}

.page .content .middle .infoWidget .heading .icon {
width:35px;
float:left;
margin:0px 15px 0px 0px;
}

.page .content .middle .infoWidget .heading .icon img {
margin:-5px 10px 0px 10px;
}

.page .content .middle .infoWidget .heading .title {
color:#f9f9f9;
font-size:14px;
float:left;
padding:3px 0px 0px 0px;

}

.page .content .middle .infoWidget .body {
padding:5px 0px 0px 12px;

}

.page .content .middle .infoWidget.middle {
margin:0px 9px 0px 9px;
}

INFO WIDGET END
****************************************/


.page .content .bottom {
	background-color:#8CABC7;
	margin-bottom:0px;
	padding-bottom:0px;
	background-image: url(../imgs/preFooterBGrepeat.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
}
.bottom .widget .body p {
color:#ffffff;
}
.page .content .bottom .between {
background:url(../imgs/betweenWidgets.png) center center no-repeat;
}



/****************************************
LIST WIDGET START

.page .content .bottom .listWidget {
width:300px;
float:left;
padding:5px;
margin:0px;
}

.page .content .bottom .listWidget .heading {
}

.page .content .bottom .listWidget .heading .title {
font-size:14px;
color:#f9f9f9;
border-bottom:1px solid #f9f9f9;
margin:0px 0px 5px 0px;
}

.page .content .bottom .listWidget .body {
padding:0px;
}

.page .content .bottom .listWidget .body ul {
padding:0px 0px 0px 15px;
margin:0px;
}

.page .content .bottom .listWidget .body ul li {
padding:0px 0px 0px 4px;
margin:4px 0px 4px 0px;
width:280px;
list-style-image:url(../imgs/preFooterListImage.png);
}

.page .content .bottom .listWidget .body ul li.alt {
width:280px;
background:url(../imgs/altRowBG.png) top left no-repeat;
list-style-image:url(../imgs/preFooterListImage.png);
}

.page .content .bottom .listWidget .body ul li a {
color:#f9f9f9;
}

.page .content .bottom .listWidget .body ul li a:hover {
text-decoration:none;
}

.page .content .bottom .listWidget.middle {
width:310px;
float:left;
padding:0px;
margin:5px 5px 0px 5px;
}

LIST WIDGET END
****************************************/





.page .footer {
background:url(../imgs/footerBg.gif) bottom left no-repeat;
}

.page .footer .footerContent {
color:#f9f9f9;
}
.page .footer .footerContent a {
color:#f9f9f9;
}
.page .footer .footerContent a:hover {
color:#ffffff;
text-decoration:underline;
}

