html {  background-color: #fff;  font-family: Arial, Verdana, sans-serif;  font-size: 12px;  color: #000;  font-weight: normal;  margin-top: 0px;  } 
    .block-login-box {  background-color: #f5f5f5;  line-height: 150%;  padding-bottom: 10px;  padding-left: 10px;  padding-right: 10px;  padding-top: 10px;  -moz-border-radius: 2px;  } 
    div {  font-family: Arial, sans-serif;  font-size: 12px;  } 
    table {  } 
    tr {  } 
    td {  font-family: Arial, sans-serif;  font-size: 12px;  } 
    body {  font-family: Arial, sans-serif;  font-size: 12px;  margin-top: 0px;  padding-top: 0px;  } 
    p {  font-family: Arial, sans-serif;  font-size: 12px;  margin-bottom: 10pt;  } 
    h1 {  font-size: 16px;  font-weight: bold;  } 
    h2 {  font-size: 14px;  font-weight: bold;  } 
    h3 {  } 
    h4 {  } 
    h5 {  } 
    h6 {  } 
    #iplasma-menu-bottom {  background-color: #c0c0c0;  margin-top: 10px;  padding-bottom: 5px;  padding-left: 5px;  padding-right: 5px;  padding-top: 5px;  -moz-border-radius: 5px;  } 
    #iplasma-menu-left {  border: 1px solid #c0c0c0;  margin-right: 10px;  padding-bottom: 5px;  padding-left: 5px;  padding-right: 5px;  padding-top: 5px;  width: 150px;  } 
    #iplasma-menu-right {  border: 1px solid #c0c0c0;  margin-left: 15px;  padding-bottom: 5px;  padding-left: 5px;  padding-right: 5px;  padding-top: 5px;  width: 150px;  } 
    .iplasma-dropdown {  visibility: hidden; position: absolute; width: 150px; border-left: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; border-bottom: 1px solid #c0c0c0;  } 

/*
 * Permanent CSS
 */

div#iplasma-admin-content-container ul.errors
{
	list-style-type: disc;
	list-style-position: inside;
}

div#iplasma-admin-content-container ul.errors li
{
	color: red;
	display: block;
	margin: 10px 0px;
	font-weight: bold;
}

div#iplasma-admin-content-container td
{
	padding: 6px 0px;
}

div#iplasma-admin-content-container span.mceEditor td
{
	padding: 0px;
}

div#iplasma-admin-content-container div.fc table td
{
	padding: 0px;
}

div#iplasma-admin-content-container div.fc table th
{
	padding: 0px;
}

/*
 * Custom CSS
 */

body
{
	font-size: 0.9em;
	font-family: Arial, Helvetica, sans-serif;
}

a, a:visited
{
	color: #110a70;
	text-decoration: none;
}

em, i
{
	font-style: italic;
}

a:hover
{
	color: black;
	text-decoration: underline;
}

ol li
{
	list-style: decimal;
	list-style-position: inside;
}

ul li
{
	list-style: disc;
	list-style-position: inside;
}

div#wrapper
{
	width: 100%;
	margin: 0px auto;
}

div#header
{
	float: left;
	width: 100%;
}

div#header-top
{
	float: left;
	width: 100%;
	height: 30px;
	color: white;
	font-weight: bold;
	background: black url('../img/header-background.jpg') repeat-x;
	line-height: 30px;
	border-bottom: 1px solid white;
}

div#header-bottom
{
	float: left;
	width: 100%;
	height: 78px;
	color: white;
	font-weight: bold;
	background: url('../img/title-background.jpg') repeat-x;
}

div.header-wrapper
{
	width: 980px;
	margin: 0px auto;
}

div#ghost-wrapper
{
	float: left;
	width: 100%;
	height: 78px;
	background: url('../img/title-background-ghosts.png') no-repeat;
	background-position: top right;
}

span#title
{
	float: left;
	margin-left: 15px;
	font-size: 3.5em;
	letter-spacing: 2px;
}

div#logo
{
	float: right;
	width: 99px;
	height: 96px;
	position: relative;
	margin-right: 30px;
	margin-top: 15px;
	background: url('../img/surry-logo.png') no-repeat;
}

div#established
{
	float: right;
	width: 148px;
	height: 46px;
	margin-top: 16px;
	background: url('../img/established.png') no-repeat;
}

div#main-wrapper
{
	background: #b2b4c9 url('../img/outer-gradient.jpg') repeat-x;
}

div#content-container
{
	width: 980px;
	margin: 0px auto;
}

div#iplasma-main
{
	float: left;
	width: 100%;
	margin: 0px auto;
}

div#inner-wrapper
{
	float: left;
	width: 956px;
	margin: 30px 10px;
	border: 2px solid black;
	background: #0d1139 url('../img/main-gradient.jpg') repeat-x;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

div.iplasma-content-title
{
	float: left;
	width: 94%;
	margin: 10px 3%;
	font-size: 16px;
	font-weight: bold;
}

div.iplasma-content-body
{
	float: left;
	width: 94%;
	margin: 3%;
}

div#main-background
{
	float: left;
	width: 956px;
	height: 251px;
	background: url('../img/main-background.jpg') no-repeat top center;
}

div.inner-wrapper.government, div.inner-wrapper.departments, div.inner-wrapper.about
{
	background: white !important;
}

div.inner-wrapper.government div#main-background
{
	background: url('../img/business-background.jpg') no-repeat top center !important;
	border-bottom: 1px solid black;
}

div.inner-wrapper.about div#main-background
{
	background: url('../img/about-background.jpg') no-repeat top center !important;
	border-bottom: 1px solid black;
}

div.inner-wrapper.departments div#main-background
{
	background: url('../img/government-background.jpg') no-repeat top center !important;
	border-bottom: 1px solid black;
}

div.subpage-block
{
	float: left;
	width: 94%;
	padding: 3%;
}

div.subpage-block-title, div.latest-news-title-welcome
{
	float: left;
	width: 100%;
	padding: 4px 8px;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	font-style: italic;
	color: #FFD84C;
}

div.latest-news-title-welcome
{
	color: #FFD84C;
}

div#latest-news.about, div#latest-news.government, div#latest-news.departments
{
	background: #0d1139 url('../img/main-gradient.jpg') repeat-x !important;
	background-position: -200px -200px !important;
}

div#latest-news.departments
{
	height: 350px !important;
}

div.latest-news-welcome
{
	color: white;
}

div.latest-news-welcome a, div.latest-news-welcome a:visited
{
	color: #FFD84C;
}

div.latest-news-welcome div.latest-news-rss
{
	float: right;
	clear: right;
	position: relative;
	margin-top: -20px;
	margin-bottom: 20px;
	left: -8px;
}

div.latest-news-welcome table
{
	float: left;
	clear: both;
	width: 90%;
	margin: 8px 5%;
	padding: 5px 0px;
	border-bottom: 1px solid #AAAAAA;
}

div.latest-news-welcome table td div
{
	padding: 2px;
}

div.latest-news-welcome div.news-title
{
	font-weight: bold;
}

div.latest-news-welcome div.news-date
{
	font-size: 11px;
}

div.latest-news-welcome div.news-subtitle
{
	font-style: italic;
}

div.latest-news-welcome div.news-readmore
{
	float: right;
}

div#latest-news-viewall
{
	float: left;
	width: 100%;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

div.subpage-block a
{
	float: left;
	width: 90%;
	padding-left: 10%;
	display: block;
	color: white;
}
div#latest-news.inner-wrapper.departments
{
	height: 325px;
	width: 250px;
}

div.inner-wrapper.about div.iplasma-content-title, div.inner-wrapper.government div.iplasma-content-title
{
	margin-top: 100px;
}

div.inner-wrapper.departments div.iplasma-content-title
{
	margin-top: 130px;
}

div.inner-wrapper.default
{
	background: white !important;
}

div.inner-wrapper.default div#main-background
{
	display: none;
	visibility: hidden;
	background: white;
}

div#latest-news.default
{
	display: none;
	visibility: hidden;
}

div.iplasma-breadcrumb
{
	float: left;
	width: 955px;
	color: white;
	font-weight: bold;
	margin-top: -25px;
	position: relative;
}

div.iplasma-breadcrumb a
{
	color: white;
	font-weight: bold;
}

div#latest-news
{
	position: relative;
	top: 15px;
	left: 10px;
	width: 214px;
	height: 300px;
	background: url('../img/seventy-five.png') repeat;
	border: 1px solid #AAAAAA;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

div#main-links
{
	float: left;
	width: 100%;
	background: url('../img/main-gradient.jpg') repeat-x;
	background-position: 0px -250px;
}

div.main-links
{
	float: left;
	width: 238px;
	height: 100px;
	text-align: center;
	border-left: 1px solid #AAAAAA;
}

div.main-links h2
{
	padding: 10px 0px;
	color: #ffd84c;
	font-size: 16px;
	font-weight: bold;
}

div.main-links a
{
	width: 100%;
	display: block;
	margin: 0px auto;
	text-align: center;
}

div.main-links span
{
	color: #ffd84c;
	width: 200px;
	display: block;
	margin: 0px auto;
	padding: 4px 10px;
	font-weight: bold;
}

div.main-links span.purple
{
	color: #9093b2;
	font-weight: normal;
}

div.main-links a:hover span.purple
{
	text-decoration: underline;
}

div.main-links.events
{
	width: 239px;
	font-style: italic;
	border-left: 0px;
	line-height: 140px;
}

div.main-links.events a, div.main-links.events a:visited
{
	color: #ffd84c;
}

div#footer
{
	float: left;
	width: 100%;
	color: white;
	font-weight: bold;
	background: #67624f url('../img/surry-logo-bottom.png') no-repeat;
	background-position: 60% 100%;
}

div.shadow1
{
	float: left;
	width: 100%;
	height: 1px;
	opacity: 0.8;
	background: black;
}

div.shadow2
{
	float: left;
	width: 100%;
	height: 1px;
	opacity: 0.6;
	background: black;
}

div.shadow3
{
	float: left;
	width: 100%;
	height: 1px;
	opacity: 0.4;
	background: black;
}

div.shadow4
{
	float: left;
	width: 100%;
	height: 1px;
	opacity: 0.2;
	background: black;
}

div#iplasma-main div#calendar
{
	float: left;
	width: 64%;
	padding: 3%;
}

div#event-view
{
	float: left;
	width: 64%;
	padding: 3%;
}

div#iplasma-menu-top
{
	float: left;
	width: 100%;
	line-height: 30px;
	background: #c4bb9d url('../img/menu-background.jpg') repeat-x;
}

div#iplasma-menu-top span
{
	float: left;
	display: inline;
	height: 30px;
}

div#top-menu-dropdown-8
{
	left: 731px !important;
}

div#iplasma-menu-top span > a
{
	float: left;
	color: black;
	height: 30px;
	padding: 0px 15px;
	font-weight: bold;
	font-size: 16px;
	border-right: 1px solid #b29323;
	border-left: 1px solid white;
}

div#iplasma-menu-top span > a:hover
{
	text-decoration: none;
	color: white;
}

div#iplasma-menu-top a:hover
{
	background: #b29323;
}

div.iplasma-dropdown
{
	width: 500px;
	z-index: 500;
	background: #b29323;
	border: 1px solid white;
	border-top: 0px;
}

div.iplasma-dropdown a
{
	float: left;
	clear: none;
	color: white;
	margin: 0px 5px;
	padding: 0px 5px;
	width: 228px;
	text-align: left;
	display: inline;
	font-size: 12px;
	font-weight: bold;
	border: 1px solid #b29323;
}

div.iplasma-dropdown a:hover
{
	color: black !important;
	text-decoration: underline;
	background: #c4bb9d !important;
	border: 1px solid white;
}

div#top-menu-dropdown-8
{
	left: 400px !important;
}

div#custom-menu-dropdown-8
{
	margin-top: -300px;
}

span#top-menu-item-1 > a
{
	border-left: 0px !important;
}
span#top-menu-item-8 > a
{
	border-right: 0px !important;
}

div.events-block
{
	float: right;
	width: 234px;
	margin: 25px;
	margin-bottom: 0px;
	border: 1px solid black;
}

div.events-block-title
{
	height: 25px;
	color: white;
	font-size: 14px;
	font-weight: bold;
	line-height: 25px;
	text-align: center;
	background: url('../img/title-background.jpg') repeat-x;
}

div.events-block-categories a
{
	float: left;
	clear: right;
	display: block;
	padding: 5px;
	margin: 5px 0px;
}

div.event-block-upcoming-item, div.event-block-past-item
{
	float: left;
	clear: both;
	width: 94%;
	padding: 10px 3%;
}

div.event-block-title
{
	float: left;
	width: 100%;
	clear: both;
	font-size: 14px;
}

div.event-block-time
{
	float: left;
	clear: both;
	width: 100%;
	font-size: 11px;
	padding: 4px 0px;
}

div.event-block-description
{
	float: left;
	clear: both;
	width: 100%;
	padding: 4px 0px;
}

div.legend-1
{
	color: white;
	background: #3366CC;
}
div.legend-2
{
	color: white;
	background: #EE6633;
}
div.legend-3
{
	color: white;
	background: #66CC33;
}

div.legend-4
{
	color: white;
	background: #FFD700
}

div.legend
{
	float: left;
	width: 13px;
	height: 13px;
	margin: 10px;
	clear: left;
	border: 1px solid black;
}

div#past-events
{
	margin-bottom: 25px;
}

div#event-info
{
	float: left;
	width: 500px;
	margin: 0px 25px;
	padding: 10px;
}

div#event-info h2
{
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

div#event-time
{
	float: left;
	clear: both;
	font-size: 11px;
	padding: 4px 0px;
}

div#event-description
{
	float: left;
	clear: both;
	padding: 4px 0px;
}

div#event-description p
{
	display: inline-block;
}

div#event-location
{
	float: left;
	clear: both;
	padding: 4px 0px;
}

div#event-map
{
	float: left;
	width: 500px;
	margin-left: 35px;
	border: 1px solid black;
}

div.header-wrapper a, div.header-wrapper a:visited
{
	color: white;
}

div#ghost-wrapper a:hover
{
	text-decoration: none;
}

div.header-wrapper a:hover
{
	text-decoration: underline;
}

div.news-index
{
	float: left;
	width: 64%;
	padding: 3%;
}

div.news-view
{
	float: left;
	width: 64%;
	padding: 3%;
}

div.news-category-index
{
	float: left;
	width: 64%;
	padding: 3%;
}

div.news-category-title
{
	float: left;
	width: 100%;
	padding: 5px 0px;
	font-size: 14px;
	font-weight: bold;
}

div.news-post
{
	float: left;
	width: 94%;
	padding: 10px 3%;
}

div.news-post div.news-image, div.news-view div.news-image
{
	float: left;
	clear: left;
}

div.news-post div.news-title, div.news-view div.news-title
{
	clear: right;
	display: block;
	padding: 4px 0px;
	font-size: 14px;
	font-weight: bold;
}

div.news-post div.news-date, div.news-view div.news-date
{
	clear: right;
	display: block;
	padding: 2px 0px;
	font-size: 11px;
}

div.news-post div.news-subtitle, div.news-view div.news-subtitle
{
	clear: right;
	display: block;
	padding: 2px 0px;
	font-style: italic;
}

div.news-post div.news-readmore, div.news-view div.news-body
{
	float: float;
	clear: both;
	padding: 4px 0px;
}

div.news-paginator
{
	float: left;
	width: 100%;
	text-align: center;
}

div.contact-form-block
{
	float: left;
	width: 44%;
	padding: 3%;
	margin-top: -50px;
}

div.contact-form-block > form > div
{
	padding: 4px 0px;
}

div.contact-form-block textarea
{
	width: 300px;
	height: 100px;
}

div.contact-form-block input[type=radio]
{
	display: inline-block;
	margin: 0px 4px;
}

div#map_canvas
{
	float: left;
	width: 400px;
	height: 300px;
	border: 1px solid black;
}

div.news-category-block, div.news-archive-block, div.latest-news
{
	float: right;
	width: 234px;
	margin: 25px;
	margin-bottom: 0px;
	border: 1px solid black;
}

div.news-archive-title, div.news-category-block-title, div.latest-news-title
{
	height: 25px;
	width: 100%;
	color: white;
	font-size: 14px;
	font-weight: bold;
	line-height: 25px;
	text-align: center;
	background: url('../img/title-background.jpg') repeat-x;
}

div.latest-news
{
	margin-bottom: 25px;
}

div.latest-news table
{
	margin: 6px 3px;
	padding: 5px;
}

div.latest-news table td div
{
	padding: 2px;
}

div.latest-news div.news-title
{
	font-weight: bold;
}

div.latest-news div.news-date
{
	font-size: 11px;
}

div.latest-news div.news-subtitle
{
	font-style: italic;
}

div#latest-news-viewall
{
	float: right;
	padding: 4px 5px;
}

div.news-category-link a
{
	float: left;
	clear: right;
	display: block;
	padding: 5px;
	margin: 5px 0px;
}

div.news-archive-block div.year
{
	float: left;
	width: 90%;
	clear: both;
	display: block;
	margin: 5px 0px 5px 10%;
}

div.news-archive-block div.month
{
	float: left;
	width: 80%;
	clear: both;
	display: block;
	margin: 5px 0px 5px 20%;
}

div.iplasma-block-addthis
{
	float: right;
	position: relative;
	margin-top: -25px;
	margin-bottom: 25px;
}

div.news-rss-icon, div.news-print-icon
{
	float: right;
	position: relative;
	margin-top: -25px;
	margin-bottom: 25px;
	left: -15px;
}

div.event-block-time div
{
	width: 100%;
}

div.sitemap-container
{
	float: left; 
	width: 94%;
	padding: 3%;	
}

div.sitemap-block
{
	float: left;
	width: 350px;
	margin: 25px;
	margin-bottom: 0px;
	border: 1px solid black;
}

div.sitemap-title
{
	height: 25px;
	width: 100%;
	color: white;
	font-size: 14px;
	font-weight: bold;
	line-height: 25px;
	text-align: center;
	background: url('../img/title-background.jpg') repeat-x;
}

div.sitemap-title a, div.sitemap-title a:visited
{
	color: white;
}

a.sitemap-entry
{
	float: left;
	display: block;
	width: 94%;
	clear: both;
	padding: 4px 3%;
}

a.depth-0 { 	padding-left: 10px; }
a.depth-1 { 	padding-left: 10px; }
a.depth-2 { 	padding-left: 20px; }
a.depth-3 { 	padding-left: 30px; }

div#departments
{
	float: left;
	width: 96%;
	margin: 2%;
}

div#departments-column
{
	float: left;
	width: 30%;
	margin-right: 3%;
}

div#departments-content
{
	float: left;
	width: 67%;
}

div#departments-content h2
{
	color: #191e50;
	font-size: 1.3em;
	text-align: left;
	margin-bottom: 10px;
}

div#departments-column div.box
{
	float: left;
	width: 94%;
	margin: 0% 3% 5% 3%;
	border: 2px solid #000;
	background: url('../img/department-box-header.jpg') repeat-x;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 1px 1px 5px black;
	-webkit-box-shadow: 1px 1px 5px black;
}

div#departments-column div.box div.box-title
{
	float: left;
	width: 100%;
	color: white;
	height: 25px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 25px;
	position: relative;
	background: url('../img/department-box-header.jpg') repeat-x;
}

div#departments-column div.box div.box-content
{
	float: left;
	width: 94%;
	padding: 2% 3%;
	background: white url('../img/department-box-bg.jpg') repeat-x;
}

div#departments-column div.box div.box-content ul.constant-nav li
{
	float: left;
	width: 100%;
	font-size: 12px;
	font-weight: bold;
	list-style-type: none;
	padding: 4px 0px;
}

ul#content-tree li a
{
	display: inline-block;
	padding-left: 4px;
}

div#departments-header
{
	overflow: hidden;
}