body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:17px;
margin:0px;
}


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

form.search .formWrapper{
width:100%;
overflow:auto;
}

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

form.search .right {
width:31px;
float:left;
display:inline;
}

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 {
width:31px;
font-size:12px;
height:24px;
font-weight:bold;
margin:0px 0px 0px 10px;
padding:0px 0px 0px 0px;
}


script {
padding:0px;
margin:0px;
}

h1 {

}

h2 {

}

p {

}

img, img a {
border:none;
text-decoration:none;
}

.clear { height:1px; overflow:hidden; clear:both; padding:0px; margin:0px; }


/***************************************
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:70%;
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 {
width:25%;
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;
}

.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 {padding:0px;}






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

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

.widget .heading {
float:left;
color:#ffffff; 
}

.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;
display:block;
padding:3px 0px 0px 0px;
color:#ffffff; 
border-bottom:1px solid #ffffff;
}

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

/***************************************
BASIC WIDGET END
****************************************/





/***************************************
CUSTOM (news) WIDGET START 
****************************************/
.middle .widget.news { width:305px; float:left; }
				 
/* use for MIDDLE placement */
.middle .widget.center {
margin:0px 9px 0px 9px;
}

.middle .widget.news .heading {  padding:0px; margin:0px; margin-bottom:8px;
width:100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.middle .widget.news .heading .title {
padding:0px; margin:0px; border:none; margin-left:0px !important;
}

.middle .widget.news .heading a { padding:4px 0px 4px 10px; margin:0px;
display:block;
text-decoration:none;
}

.middle .widget.news .heading a:hover {
text-decoration:none;
background:#ffffff;
color:#2e2e2e;
}

.middle .widget.news.last {
width:305px;
height:135px;
}

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






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






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

.widget.linklist {
width:290px;
float:left;
padding:5px;
margin:0px;
padding-right:5px;
margin-right:5px;
}

.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-position:inside;
list-style-image:none;
padding:0px 0px 0px 4px;
margin:4px 0px 4px 5px;
}

.widget.linklist.last .body ul li.alt {
width:290px;
list-style:none;
list-style-position:inside;
list-style-image:none;
padding:0px 0px 0px 4px;
margin:4px 0px 4px 5px;
}




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










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

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

.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 {
width:290px;
height:235px;
float:left;
margin:0px 0px 0px 10px;
}


.page .content .middle {
height:335px;
overflow:hidden;
margin:0px 0px 12px 0px;
padding:0px 0px 12px 0px;
}



.page .content .bottom {
height:250px;
overflow:hidden;
padding-bottom:20px;
}

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


.page .footer {
height:30px;

}

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