body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	margin:0px;
}
.middle .body ul li {
	list-style-image: url(../imgs/bodyListImage.png);
}

form.search {
height:100%;
margin:0px;
padding:0px;
}

form.search .formWrapper {
height:30px;
overflow:auto;
width:300px;
}

form.search .left {
display:inline;
float:left;
height:100%;
margin:0;
padding:0;
width:255px;
}

form.search .right {
display:inline;
float:left;
height:100%;
width:31px;
}
form.search label {
margin:0px 10px 0px 0px;
padding:0px 0px 0px 0px;
font-size:11px;
vertical-align:middle;
}

form.search input {
width:185px;
font-size:10px;
height:16px;
padding:3px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

form.search .btn {
font-size:12px;
font-weight:bold;
height:24px;
margin:0 0 0 10px;
padding:0;
width:31px;
}
script {
padding:0px;
margin:0px;
}

h1 {

}

h2 {

}

p {

}

img, img a {
	border:none;
	text-decoration:none;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.clear {
clear:both;
}


/***************************************
GLOBAL NAVIGATION BRANDING STYLES
****************************************/

.globalNav {
height:25px;
padding:5px 0px 0px 0px;
margin:0px;
overflow:hidden;
}

.globalNav .content {
width:960px;
margin:0 auto;
padding:0px;
}

.globalNav .content .linkArea {
width:60%;
float:left;
}

.globalNav .content .linkArea ul {
margin:0px;
padding:0px;
}

.globalNav .content .linkArea ul li {
display:inline;
margin:0px;
width:80px;
}

.globalNav .content .linkArea ul li:hover {

}

.globalNav .content .linkArea ul li a {
text-decoration:none;
float:left;
padding:5px 0px 3px 0px;
width:80px;
text-align:center;
}

.globalNav .content .linkArea ul li a:hover {
height:25px;
}

.globalNav .content .helpArea {

text-align:right;
padding:0px 12px 0px 0px;
margin:0px;
float:right;
}


/***************************************
MAIN PAGE LAYOUT STYLES
****************************************/

.page {
width:960px;
margin:0 auto;
margin-top:0px;
padding:0px;
}




/***************************************
HEADER LAYOUT STYLES START
****************************************/

.page .header {
height:105px;
}

.page .header .logoArea {
width:65px;
margin:0px;
padding:15px 0px 0px 0px;
float:left;
height:80px;
background:none;
}

.page .header .deptName {
width:365px;
height:auto;
float:left;
margin:27px 0px 0px 10px;
}

.page .header .searchArea {
width:300px;
float:right;
margin:40px 0px 0px 0px;
}

/***************************************
HEADER LAYOUT STYLES END
****************************************/












/***************************************
MENU LAYOUT STYLES START
****************************************/

.page .menu {
height:30px;
padding:0px 0px 0px 5px;
font-size:14px;
margin:0px;
background:url(../imgs/navBG.gif) bottom left no-repeat;
overflow:hidden;
}

.page .menu ul {
margin:0px;
height:30px;
padding:0px 0px 0px 6px;
}

.page .menu ul li {
display: inline;
margin:0px;
}

.page .menu ul li:hover {
height:30px;
margin:0px;
padding:0px;
}

.page .menu ul li a {
float: left;
margin:0px;
padding:6px 12px 0px 12px;
text-decoration:none;
height:24px;
}


.page .menu ul li a:hover {
height:24px;
padding:6px 12px 0px 12px;
}


/***************************************
MENU LAYOUT STYLES END
****************************************/






.page .content {
padding:4px;
margin:0px;
}


.page .content .top {
height:255px;
margin:15px 0px 10px 0px;
padding:0px;
}







/***************************************
BASIC WIDGET START
****************************************/

.widget {
width:310px;
float:left;
padding:0px;
margin:0px;
}

.widget .heading {

}

.widget .heading .icon {
width:35px;
float:left;
margin:0px 15px 0px 0px;
}

.widget .heading .icon img {
margin:-5px 10px 0px 10px;
}

.widget .heading .title {
font-size:14px;
float:left;
padding:3px 0px 0px 0px;
}

.widget .body {
padding:5px 0px 0px 12px;
}

.widget .body p {
	margin-top:2px;
	margin-bottom:5px;
}
/***************************************
BASIC WIDGET END
****************************************/





/***************************************
CUSTOM (news) WIDGET START 
****************************************/

/* use for MIDDLE placement */
.widget.center {
margin:0px 9px 0px 9px;
}

.widget.news .heading {
height:30px;
}

.widget .heading a {
text-decoration:none;
}

.widget .heading a:hover {
text-decoration:underline;
}

.widget.news.last {
height:135px;
}

.widget.news.under {
height:135px;
float:right;
}


#news {
clear:both;
width:290px;
height:235px;
float:left;
overflow:hidden;
}

#news .story .title {
font-size:12px;
font-weight:bold;
text-transform:uppercase;
}

#news .story .blurb {
font-size:11px;
line-height:17px;
white-space:normal;
}

#news .story .link,
#news .story .link a {
font-size:10px;
font-weight:bold;
text-decoration:underline;
margin:0px 0px 10px 0px;
}

#news .story .link a:hover {
text-decoration:none;
}

/***************************************
CUSTOM (news) WIDGET END 
****************************************/






/***************************************
CUSTOM (linklist) WIDGET START 
****************************************/

.widget.linklist {
width:300px;
float:left;
padding:5px;
margin:0px;
}

.widget.linklist .heading {
height:auto;
}

.widget.linklist .heading .title {
font-size:14px;
margin:0px 0px 5px 0px;
width:300px;
}

.widget.linklist .body {
padding:0px;
clear:both;
}

.widget.linklist .body ul {
padding:0px 0px 0px 15px;
margin:0px;
}

.widget.linklist .body ul li {
padding:0px 0px 0px 4px;
margin:4px 0px 4px 0px;
width:280px;
}

.widget.linklist .body ul li.alt {
width:280px;
}

.widget.linklist .body ul li a {
color:#f9f9f9;
}

.widget.linklist .body ul li a:hover {
text-decoration:none;
}

.widget.linklist.center {
margin:0px 5px 0px 5px;
}

.widget.linklist.last {

}

.widget.linklist.last .body ul li {
width:290px;
list-style:none;
list-style-image:none;
margin-left:-12px;
}

.widget.linklist.last .body ul li.alt {
width:290px;
list-style:none;
list-style-image:none;
margin-left:-12px;
}




/***************************************
CUSTOM (linklist) WIDGET END
****************************************/



.page .content .top .story {
height:252px;
width:628px;
float:left;
padding:5px;
margin:0px;
}

.page .content .top .story #holder {
height:200px;
width:585px;
}

.page .content .top .story #holder .image {
width:210px;
height:200px;
float:left;
margin:0px 15px 0px 0px;
padding:0px 0px 0px 0px;
}

.page .content .top .story #holder .text {
width:380px;
float:left;
}

.page .content .top .story #holder .text .date {
font-size:10px;
margin:0px 0px 4px 0px;
}

.page .content .top .story #holder .text .title {
font-size:16px;
font-weight:bold;
margin:0px 0px 5px 0px;
}

.page .content .top .story #holder .text .date.mayor,
.page .content .top .story #holder .text .title.mayor {

}

.page .content .top .story #holder .text .subTitle {
font-size:14px;
font-style:italic;
margin:0px 0px 6px 0px;
}

.page .content .top .story #holder .text .storyText {
font-size:11px;
line-height:17px;
}

.page .content .top .story #holder .text .storyText a {
text-decoration:underline;
font-size:10px;
font-weight:bold;
}

.page .content .top .story #holder .text .storyText a:hover {
text-decoration:none;
}

.page .content .top .story .thumbnailList {
height:55px;
margin:10px 0px 0px 0px;
overflow:hidden;
}







/***************************************
TOP STORY WIDGET START
****************************************

.page .content .top .story {
height:225px;
width:628px;
float:left;
padding:5px;
margin:0px;
}

.page .content .top .story #holder {
height:160px;
width:628px;
}

.page .content .top .story #holder .image {
width:210px;
height:160px;
float:left;
margin:0px 15px 0px 0px;
padding:0px 0px 0px 0px;
}

.page .content .top .story #holder .text {
width:380px;
float:left;
}

.page .content .top .story #holder .text .date {
font-size:10px;
margin:0px 0px 4px 0px;
}

.page .content .top .story #holder .text .title {
font-size:16px;
font-weight:bold;
margin:0px 0px 5px 0px;
}

.page .content .top .story #holder .text .date.mayor,
.page .content .top .story #holder .text .title.mayor {

}

.page .content .top .story #holder .text .subTitle {
font-size:14px;
font-style:italic;
margin:0px 0px 6px 0px;
}

.page .content .top .story #holder .text .storyText {
font-size:11px;
line-height:17px;
}

.page .content .top .story #holder .text .storyText a {
text-decoration:underline;
font-size:10px;
font-weight:bold;
}

.page .content .top .story #holder .text .storyText a:hover {
text-decoration:none;
}

.page .content .top .story .thumbnailList {
height:55px;
margin:10px 0px 0px 0px;
overflow:hidden;
}

***************************************
TOP STORY WIDGET END
****************************************/




.page .content .top .siteImage {
	float:left;
	height:260px;
	margin:0;
	padding-left:10px;
	padding-right:5px;
	padding-top:5px;
	width:289px;
}

.page .content .top .siteImage p {
	margin-top:2px;
	margin-bottom:5px;
}
.page .content .middle {
height:285px;
margin:0px 0px 12px 0px;
padding:0px;
}




/***************************************
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 {
height:175px;
}

.page .content .bottom .between {
height:175px;
width:5px;
float:left;
}



/****************************************
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 {
height:30px;

}

.page .footer .footerContent {
font-size:10px;
padding:7px 0px 0px 0px;
margin:0px;
}