body {
    color: #503882;
    background: #979797;
    font: 10px/13px Verdana,Arial,Helvetica,sans-serif;
    margin: 0;
    padding: 0;
    text-align: left;
    text-decoration: none;
}
div, img {
    background-repeat: no-repeat;
    border: 0 none;
    margin: 0;
    padding: 0;
}
p {
    margin: 10px 0 19px;
}
ul {
    margin: 15px 0;
}
li {
    margin: 0 0 0 20px;
}
a {
    color: #503882;
    text-decoration: underline;
}
a:hover {
    color: #55A231;
    text-decoration: underline;
}
.header {
    color: #55A231;
    font: bold 16px Arial,Helvetica,sans-serif;
}

#header-container {
    background-color: #FFFFFF;
    height: 189px;
    margin: auto;
    width: 898px;
}
#header-logo {
    background-image: url("../images/surreypa_logo.jpg");
    float: left;
    height: 189px;
    width: 225px;
}
#header-infobox {
    float: left;
    height: 169px;
    margin: 10px 0 0;
    width: 219px;
}
#header-pic {
    float: left;
    height: 169px;
    margin: 10px 0 0;
    width: 663px;
}

#top_menu
{
	display:none;
}
#container
{
	border:0;
	margin: 15px auto 0;
	width:898px;
}
#header,#content,#footer
{
	margin: 0;
	padding: 0;
	width: 898px;
	border:0;
}
#footer
{
	padding-bottom: 20px;
}

#main_menu
{
	margin-left: 10px;
	margin-right: 10px;
}

#main_menu ul li {margin: 0 10px 0 0}
#main_menu, #main_menu ul li a {
    background-color: #fff;
}

#main_menu ul li a,
#main_menu ul li a.active:hover {
    background-image: url("../images/bg_menu_level_1.gif");
    background-position: 3px center;
    background-repeat: no-repeat;
    color: #503882;
    display: block;
    font-weight: bold;
    padding: 0 0 0 15px;
    text-decoration: none;
    height: 2.45em;
    line-height: 2.45em;
}
#main_menu ul li a:hover {
    background-image: url("../images/bg_menu_level_1_hover.gif");
    background-position: 3px center;
    background-repeat: no-repeat;
    background-color: #fff;
}
#main_menu ul li a.active,
#main_menu ul li a.active:hover {
	background-color: #503882;
	color:#fff;
	padding-right: 15px;
}

#main_menu .search {
    background-image: url("../images/bg_searchdate.gif");
    background-repeat: repeat-y;
    float: left;
    width: 205px;
    padding: 5px;
    margin:0;
    margin-bottom: 5px;
    height:auto;
}
#main_menu .search form {
    float: left;
    height: 15px;
    margin: 0;
    padding: 0;
    width: 194px;
}
#main_menu .search input {
    border: 0 none;
    color: #55A231;
    display: block;
    float: left;
    font: bold 10px Verdana,Arial,Helvetica,sans-serif;
    height: 11px;
    margin: 0;
    padding: 1px 2px 2px 4px;
    width: 163px;
}
#main_menu .search input.submit {
    border: medium none;
    color: #fff;
    font-weight:bold;
    display: block;
    float: left;
    height: 15px;
    margin: 0 0 0 5px;
    width: 20px;
	padding:inherit;
	line-height: -999px;
	text-indent: 0;
	background: url(../images/btn_go.gif) #503882;
	text-indent: -999px;
	font-size: 0;
}

#col_1 {
    float: left;
    margin: 0 10px;
    width: 552px;
}
#col_2 {
    float: left;
    width: 316px;
}


.pi_widget .pi_widget_footer .call,
a:link {color:#503882; }
.pi_widget .pi_widget_footer .call:hover,
.pi_widget .item.clickable:hover h3 a,
.pi_widget .item.clickable:hover h4 a,
a:hover {color:#55A231;}
a:active {color:#55A231; }


#top_menu .hello,
.pi_widget .pi_widget_footer .call .graphic,
.pi_widget .pi_widget_title,
.pi_widget .pi_widget_title h1,
.pi_widget .pi_widget_title h2,
.pi_widget .pi_widget_title h3 {background-color:#503882;color:#fff}
.pi_widget .pi_widget_sectionheading {
    background-color: #55A231;
    color: #FFFFFF;
}




.pi_widget.pi_widget_type_14 .pi_widget_body .item,
.pi_widget .pi_widget_body {border-color:#e4e0eb;}

.pi_widget.pi_widget_type_3 .pi_widget_body .item .status em,
.pi_widget .pi_widget_subtitle,
.pi_widget .pi_widget_footer,
.calendar_nav,
table.cal_table thead,
table.cal_table tbody td.inactive,
table.cal_table tbody td.inactive span,
.pi_widget .item.clickable:hover,
.pi_widget.pi_widget_type_14 .pi_widget_body .graphic {background-color:#e4e0eb;color:#503882}

/*tag cloud*/
.pi_widget.pi_widget_type_16 .pi_widget_body span a {color:#503882;}
.pi_widget.pi_widget_type_16 .pi_widget_body span a:hover {background-color:#503882;}