body{margin:0px; padding:0px; font:10px Verdana, Arial, Helvetica, sans-serif; color:#503882; line-height:13px; text-decoration:none; text-align:left;}

div, img{background-repeat:no-repeat; margin:0px; padding:0px; border:0px;}
p{margin:10px 0px 19px 0px;}
ul{margin:15px 0px 15px 0px;}
li{margin:0px 0px 0px 20px;}

/* text styles */
.light-purple-9{color:#7f6fa1; font-size:9px;}
.light-purple-bold{color:#8b7eaa; font-weight:bold;}
.purple-bold{color:#503882; font-weight:bold;}
.green-bold{color:#55a231; font-weight:bold;}
.green-bold-uppercase-11{color:#55a231; font-weight:bold; text-transform:uppercase; font-size:11px;}
.white-bold{color:#FFFFFF; font-weight:bold;}
a{color:#503882; text-decoration:underline;}
a:hover{text-decoration:underline; color:#55a231;}
.header{font:16px Arial, Helvetica, sans-serif; color:#55a231; font-weight:bold;}
.bold{font-weight:bold;}
.bold a:hover{text-decoration:underline;}
.bold-large{font-weight:bold; font-size:11px;}
.pink-bold{font-weight:bold; color:#bb0456;}
.blue-bold{font-weight:bold; color:#3c70b9;}
.link-word{background:url(../images/icon_word.gif) no-repeat 10px 3px #e4e0eb; padding:6px 0 6px 30px; display:block; margin:5px 0 5px 0; color:#503882; font-weight:bold;}
.link-word:hover{background-color:#8972b8; color:#FFFFFF;}
.link-excel{background:url(../images/icon_excel.gif) no-repeat 10px 3px #e4e0eb; padding:6px 0 6px 30px; display:block; margin:5px 0 5px 0; color:#503882; font-weight:bold;}
.link-excel:hover{background-color:#8972b8; color:#FFFFFF;}

/* end text styles */

#container{background-color:#979797; padding:15px 0px 15px 0px;}

#main-container{width:898px; margin:auto; background-image:url(../images/bg_leftpanel.gif); background-repeat:repeat-y;}
#divider{height:0px; line-height:0px; font-size:0px; clear:both; visibility:hidden;}

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

/* home page */
#home-box{border:2px solid #f3eefe; width:659px; float:left; margin:12px 0 0 0;}
#welcome{width:329px; float:left; border-right:1px dotted #9a8db5;}
#welcome-header, #news-header{width:307px; float:left; padding:9px 11px 9px 11px; min-height:48px; height:auto !important; height:48px;}
#welcome-header{background:#503882;}
#welcome-content{background:url(../images/bg_welcome.gif) repeat-x top; float:left; width:307px; padding:9px 11px 9px 11px;}
#welcome h1, #welcome h2, #news h1, #news h2{margin:0; text-transform:uppercase;}
#welcome h1{color:#FFFFFF; font-size:18px; margin:0 0 7px 0;}
#welcome h2{color:#937fbd; font-size:14px;}


#news{width:329px; float:left;}
#news-header{background:#dad3e9;}
#news h1{color:#503882; font-size:18px; margin:0 0 7px 0;}
#news h2{color:#7f6fa1; font-size:14px;}
#news-content{float:left; width:307px; padding:9px 11px 9px 11px;}
#news-content a{background:url(../images/latest_news_icon.gif) left top no-repeat; padding:0px 20px 20px 40px; display:block; border-bottom:1px solid #ccc5da; float:left; margin:0 0 14px 0; text-decoration:none;}
#news-content a span{float:right; color:#55a231; text-decoration:underline;}
#news-content .no-style{background:none; padding:0; border:none; float:right; margin:0; text-decoration:underline; font-weight:bold;}



/* left panel */
#left-container{width:215px; background-color:#FFFFFF; float:left; padding:0px 0px 0px 10px;}
#search-date-container{width:205px; float:left; background-image:url(../images/bg_searchdate.gif); background-repeat:repeat-y;}
#search-container{width:199px; height:20px; background-color:#e4e0eb; float:left; margin-bottom:10px; padding:5px 0px 0px 6px;}
#search-form{width:194px; height:15px; margin:0px; padding:0px; float:left;}
.search-input{width:163px; height:11px; margin:0px; padding:1px 2px 2px 4px; font:10px Verdana, Arial, Helvetica, sans-serif; color:#55a231; font-weight:bold; float:left; display:block; border:0;}
.search-button{display:block; width:20px; height:15px; float:left; margin:0px 0px 0px 5px; border:none;}
#date-container{width:205px; /*height:29px;*/ background-color:#e4e0eb; float:left; padding:0px 0px 4px 0px;}
#date-sub-container{width:191px; background-color:#FFFFFF; float:left; margin:4px 0px 0px 4px; display:inline; padding:4px 0px 4px 5px;}
#line-dotted{width:205px; height:1px; overflow:hidden; margin:9px 0px 9px 0px; float:left; display:inline; background-image:url(../images/search_line_bg.gif); background-repeat:repeat-x;}

/* end left panel */


/* menu */
#menu-container, #menu{width:205px; float:left; padding:0px; margin:0px;}

#menu dl, #menu dt, #menu dd, #menu ul, #menu li{margin:0px 0px 0px 0px; padding:0; list-style-type:none;}

#menu dt{display:block; float:left; padding:6px 0px 5px 0px; margin:0px; width:205px;}

/* top level nav */
#menu dt a{color:#503882; font-weight:bold; background-image:url(../images/bg_menu_level_1.gif); background-repeat:no-repeat; background-position:0px 3px; padding:0px 0px 0px 15px; display:block; text-decoration:none;}
#menu dt a:hover{text-decoration:underline; background-image:url(../images/bg_menu_level_1_hover.gif); color:#503882;}

#menu dt.highlight{display:block; float:left; padding:6px 0px 5px 0px; margin:0px; width:205px; background-color:#503882;}
#menu dt.highlight a, #menu dt.highlight a:hover{color:#FFFFFF; font-weight:bold; background-image:url(../images/bg_menu_level_1_hover.gif); background-repeat:no-repeat; background-position:0px 3px; padding:0px 0px 0px 15px; display:block; text-decoration:none;}
/* end top level nav */

#menu dd {}


#menu li {display:block; float:left; padding:6px 0px 5px 10px; width:195px; background-color:#e4e1ec; display:inline;}
#menu a{color:#503882; font-weight:bold; background-image:url(../images/bg_menu_level_1_hover.gif); background-repeat:no-repeat; background-position:0px 3px; padding:0px 0px 0px 15px; display:block; text-decoration:none;}


#menu li.highlight{display:block; float:left; padding:6px 0px 5px 10px; width:195px; background-color:#bcb3ce;}
#menu .highlight a{color:#503882; font-weight:bold; background-image:url(../images/bg_menu_level_2_highlight.gif); background-repeat:no-repeat; background-position:0px 3px; padding:0px 0px 0px 15px; display:block; text-decoration:none;}
#menu .highlight a:hover{text-decoration:none;}

/* third level nav */
#menu li.level3{display:block; float:left; padding:6px 0px 5px 20px; width:185px; border-top:dotted 1px #d2c5ec; background-color:#FFFFFF;}
/*#menu.li.level3 a{background-image:url(../images/bg_menu_level_1.gif); background-repeat:no-repeat; background-position:0px 3px; color:#ff0000;}*/

#menu li.highlight-level3{display:block; float:left; padding:6px 0px 5px 20px; width:185px; background-color:#FFFFFF; clear:both; text-decoration:underline; border-top:dotted 1px #d2c5ec;}
#menu .highlight-level3 a{background-image:url(../images/bg_menu_level_2_highlight.gif); background-repeat:no-repeat; background-position:0px 3px; text-decoration:underline;}
#menu .highlight-level3 a:hover{}
/* end third level nav */


#menu a:hover{text-decoration:underline;}

/* end menu */


/* content */
#content-container{width:673px; float:left;}

	/* content nav */
#content-nav{width:663px; height:25px; float:left; background-image:url(../images/bg_content_nav.gif); background-repeat:repeat-x;}
#content-nav ul{margin:0px;}
#content-nav li{float:right; display:block; padding:2px 8px 4px 8px; margin:3px 0px 0px 0px; border-left:solid 2px #bab1cd;}
#content-nav a{text-decoration:none; font-weight:bold; color:#503882;}
#content-nav a:hover{text-decoration:underline;}
.content-nav-home-link{display:block; height:17px; width:42px; background-color:#55a231; color:#FFFFFF; font-weight:bold; margin:3px 0px 0px 0px; text-decoration:none; padding:2px 0px 0px 8px; float:right;}
.content-nav-home-link:hover{text-decoration:underline;}
	/* end content nav */

#content-top{width:643px; height:17px; float:left; background-image:url(../images/bg_content_top.gif); margin:10px 0px 0px 0px; padding:20px 0px 0px 20px;}
#content-main{width:619px; float:left; border:solid 2px #f5f5f5; border-top:none; padding:20px; background-color:#FFFFFF;}
#content-main-prop{width:1px; height:538px; float:left; padding:0px; margin:0px;}


#content-latestnews{width:663px; height:66px; float:left; margin:10px 0px 0px 0px;}
#content-latestnews-left{width:219px; height:66px; float:left; background-image:url(../images/bg_latestnews.gif);}
#content-latestnews-right{width:442px; height:62px; float:left; border-top:2px solid #e4e0eb; border-right:2px solid #e4e0eb; border-bottom:2px solid #e4e0eb;}
#content-latestnews-right-top{width:436px; height:17px; float:left; text-align:right; padding:9px 6px 0px 0px;}
#content-latestnews-right-bottom{width:442px; height:36px; float:left;}
#content-welcome{width:407px; height:18px; background-image:url(../images/text_welcome.gif); float:left; margin:20px 0px 13px 0px;}
#content-safer{width:214px; height:94px; float:left; background-image:url(../images/bg_saferneighbourhoods.gif); padding:24px 0px 0px 449px;}
#content-map{width:619px; /*height:514px;*/ float:left; /*background-image:url(../images/bg_map.gif);*/ margin:10px 0px 10px 0px; padding:20px 20px 0px 20px; border:2px solid #f3eefe;}
/*#content-map-toptext{width:623px; float:left; margin:0px 0px 8px 0px;}
#content-map-box{width:590px; height:415px; float:left;}
#content-map-bottomtext{width:623px; float:left; margin:5px 0px 0px 0px;}*/
#content-60second{width:663px; height:134px; float:left;}
#content-2007survey{width:663px; height:137px; float:left;}
#content-robosapien{width:663px; height:158px; float:left; margin:10px 0px 10px 0px; background-image:url(../images/btn_robosapien.jpg); background-repeat:no-repeat;}
#content-robosapien-dmg{width:130px; height:25px; float:left; margin:25px 0px 0px 519px; display:inline;}
#content-robosapien-text{width:372px; height:60px; float:left; margin:13px 0px 0px 192px; display:inline;}
#content-robosapien-click{width:192px; height:12px; float:left; margin:9px 0px 0px 385px; display:inline;}
#content-robosapien-arrow{width:69px; height:67px; float:left; margin:-47px 0px 0px 8px; display:inline;}
/* end content */

/* 60 second survey */
#content-survey-container{width:527px; background-color:#FFFFFF; margin:auto; margin-top:13px; margin-bottom:20px; padding-bottom:7px;}
#content-survey{width:471px; float:left; border:solid 2px #f5f5f5; padding:20px; background-color:#FFFFFF; margin-left:7px; display:inline;}


/* footer */
#footer-container{width:898px; height:178px; margin:auto; padding:11px 0px 0px 0px; background-color:#FFFFFF;}
#footer-left{width:215px; height:178px; float:left;}
	#footer-left-top{width:195px; height:19px; background-color:#503882; float:left; padding:5px 0px 0px 10px; margin:0px 0px 0px 10px; display:inline;}
	#footer-left-bottom{width:192px; height:143px; float:left; background-image:url(../images/footer_bl.gif); padding:11px 0px 0px 23px;}
#footer-middle{width:450px; height:178px; float:left; margin:0px 10px 0px 10px; display:inline;}
	#footer-middle-top{width:440px; height:19px; background-color:#503882; float:left; padding:5px 0px 0px 10px;}
	#footer-middle-bottom{width:450px; height:144px; background-color:#f5f5f5; float:left;}
	.footer-img-1{width:156px; height:110px; float:left; margin:17px 22px 0px 21px;}
	.footer-img-2{width:89px; height:124px; float:left; margin:10px 19px 0px 0px;}
	.footer-img-3{width:124px; height:67px; float:left; margin:41px 0px 0px 0px;}
#footer-right{width:213px; height:178px; float:left;}
	#footer-right-top{width:193px; height:19px; background-color:#503882; float:left; padding:5px 0px 0px 10px;}
	#footer-right-bottom{width:181px; height:143px; float:left; background-image:url(../images/footer_br.gif); padding:11px 20px 0px 12px;}

#back-to-top{width:100%; float:left; text-align:center; clear:both; margin-top:20px;}
/* end footer */

/* admin */
#admin-container{width:742px; margin:auto; background-color:#FFFFFF; margin-top:10px;}
#admin-main{width:704px; float:left; border:solid 2px #c4bbda; padding:10px; background-color:#FFFFFF; margin-left:7px; display:inline; margin-bottom:10px;}



/* from old site */
.bigger{/*font-size:13px; line-height:15px;*/}

.white{font-size: 11px; font-weight: normal; color: #FFFFFF; text-decoration: none}
.whitebold{font-size: 11px; font-weight: bold; color: #FFFFFF; text-decoration: none}
.whitesmall{font-size: 10px; color: #FFFFFF; text-decoration: none}
.yellowbold{font-size: 11px; font-weight: bold; color: #FFFF00; text-decoration: none}
.yellowsmall{font-size: 10px; color: #FFFF00; text-decoration: none}
.small {font-size: 10px; color: #000000; text-decoration: none}
.smallblue{font-size: 10px; color: #2D429D; text-decoration: uderline}
.blue{font-size: 11px; color: #2D429D; text-decoration: uderline}
.link{font-size: 11px; color: #bb0456;}
.red{color:#bb0456;}
.red a:hover{color:#bb0456;}
.grey{font-size: 11px; font-weight: normal; color: #666666; text-decoration: none }
.redbold{font-size: 11px; font-weight: bold; color: #bb0456; text-decoration: none }
.greenbold{font-size: 11px; font-weight: bold; color: #0E631E; text-decoration: none }
.dredbold{font-size: 10px; font-weight: bold;}
.bigdredbold{font-size:13px; line-height:15px; font-weight:bold; color: #bb0456;}
.biggerred{font-size: 13px; line-height:15px; color: #bb0456;}
.biggerredbold{font-size: 12px; font-weight: bold; color: #bb0456; text-decoration: none }
/*.boldblue{font-size:11px; font-weight:bold;}*/
.biggerboldblue{font-size: 13px; font-weight: bold; color: #2D429D; text-decoration: none }
.boldbeige{font-size: 11px; font-weight: bold; color: #b1a28c; text-decoration: none }
.biggerboldbeige{font-size: 13px; font-weight: bold; color: #b1a28c; text-decoration: none }
.biggerboldpurple{font-size: 13px; font-weight: bold; color: #444285; text-decoration: none }
.biggestboldpurple{font:14px Arial, Helvetica, sans-serif; font-weight:bold; text-decoration: none }
.boldpurple{ font-size: 11px; font-weight: bold; color:#503882; text-decoration: none }
.bg01{ background-image:url(/gfx/news_clipping_left02.jpg); background-repeat:repeat-y }


form{margin:0;padding:0;}
.errorMessage{padding:10px;border:#ff0000 1px solid;color:#000;background-color:#fcd8de}

.form-one .required{color:#990000}
.form-one label{display:block;width:105px;float:left;}
.form-one p{margin:2px 0;padding:0}

	/* data tables */
	table.table-style-one {border:solid #ccc;border-width:0 0 1px 1px;border-spacing:0;border-collapse:collapse}
	.table-style-one td, .table-style1 th {padding:5px;border:solid #ccc;border-width: 1px 1px 0 0}
	.table-style-one th {font-weight:bold;background:#e7eff7;text-align:left}
	.table-style-one td {text-align:left;vertical-align:top;padding-top:5px}
	.table-style-one tbody tr:hover {background:#eaebf3}
	.table-style-one tbody tr:hover th{background:#e7eff7}
	.table-style-one input:focus{background:#f6f6f6}


.buttstyle1{margin-left:33px; margin-bottom:2px;}
.buttstyle2{margin-left:5px; margin-bottom:2px;}

.biggerredbold:li{font-size: 12px; font-weight: bold; color: #880024; text-decoration: none }

.boldblue:link{font-size:11px; font-weight: bold; color:#2D429D; text-decoration:none; }
.boldblue:visited{font-size:11px; font-weight: bold; color:#2D429D; text-decoration:none; }
.boldblue:hover{font-size:11px; font-weight: bold; color:#2D429D; text-decoration:underline; }

.boldred:link{font-size:11px; font-weight: bold; color:#880024; text-decoration:none; }
.boldred:visited{font-size:11px; font-weight: bold; color:#880024; text-decoration:none; }
.boldred:hover{ font-size:11px; font-weight: bold; color:#880024; text-decoration:underline; }

.smallred:link{font-size: 10px; color: #880024; text-decoration: uderline}
.smallred:visited{font-size: 10px; color: #880024; text-decoration: uderline}
.smallred:hover{ font-size: 10px; color: #880024; text-decoration: uderline}

.smallgreen:link{font-size: 10px; color: #0E631E; text-decoration: uderline}
.smallgreen:visited{font-size: 10px; color: #0E631E; text-decoration: uderline}
.smallgreen:hover{font-size: 10px; color: #0E631E; text-decoration: uderline}

.field_style_01{border: 1px solid #444285; background-color: #7B79A2; width: 150px; font-family: verdana, helvetica, sans-serif; font-size: 11px; color: #FFFFFF; padding-top: 3px; padding-bottom: 3px;}

.menucomment{font-family: arial, helvetica, sans-serif;font-size: 9px;font-style: italic;color: #564A24;text-decoration : none;padding-top: 3px;padding-bottom: 3px;}

.dateline{font-size: 11px; color: #FFFFFF; position: absolute; top: 112px; left: 212px;}
.datelinepurple{font-size: 11px; color: #FFFFFF; position: absolute; top: 163px; left: 212px;}
.datelinegreen{font-size: 11px; color: #FFFFFF; position: absolute; top: 163px; left: 212px;}
.sidemenu{ position: absolute; top: 140px;}
.sidemenupurple{position: absolute; top: 182px;}
.sidemenugreen{position: absolute; top: 182px;}

.address{font-size: 11px; font-weight: normal; color: #FFFFFF; text-decoration: none;}
.address-hlt{font-size: 11px; font-weight: bold; color: #E0D6A3;}
.addresspanel{padding-left: 18px;}

.thumbnail{/*padding: 3px 3px 8px 3px;*/ background-color: #F4EFF6; border: 1px solid #444184; margin-right: 10px; margin-bottom: 10px; }

#winner-name1{width:360px; padding:5px 10px 5px 10px; font-weight:bold; color:#FFFFFF; background-color:#55a231;}
#winner-name2{width:360px; padding:5px 10px 5px 10px; font-weight:bold; color:#FFFFFF; background-color:#bb0456;}
#winner-name3{width:360px; padding:5px 10px 5px 10px; font-weight:bold; color:#FFFFFF; background-color:#3c70b9;}
#winner-name4{width:360px; padding:5px 10px 5px 10px; font-weight:bold; color:#FFFFFF; background-color:#503882;}

#runner-name{width:230px; padding:5px 10px 5px 10px; font-weight:bold; color:#FFFFFF; background-color:#7f6fa1;}




/* light box */
#lightbox{position:absolute; top:40px; left:0; width:100%; z-index:100;	text-align:center; line-height:0;}

#lightbox a img{border:none;}

#outerImageContainer{position: relative; background-color: #fff; width: 250px;	height: 250px;	margin: 0 auto; }

#imageContainer{padding:10px;}

#loading{position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{position: absolute; top: 0; left: 0;	height: 100%; width: 100%;	z-index: 10;}
#imageContainer>#hoverNav{left: 0;}
#hoverNav a {outline: none; }

#prevLink, #nextLink{width: 49%; height: 100%; background: transparent url(/gfx/blank.gif) no-repeat; /* Trick IE into showing hover */ display:block;}
#prevLink{left: 0; float: left; }
#nextLink{right: 0; float: right; }
#prevLink:hover, #prevLink:visited:hover{background: url(/gfx/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover{background: url(/gfx/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif;	background-color: #fff;	margin: 0 auto; line-height: 1.4em;	}

#imageData 												{ padding:0 10px; }
#imageData #imageDetails 							{ width: 70%; float: left; text-align: left; }	
#imageData #caption 									{ font-weight: bold;	}
#imageData #numberDisplay 							{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose 						{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay 												{ position: absolute; top: 0;	left: 0;	z-index: 90; width: 100%; height: 500px; background-color: #000; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; }
	

.colouredRow {background-color:#c4bbda; vertical-align:middle; padding-left: 3px; padding-right: 3px; padding-bottom:2px;}
.borderBottom{border-bottom:solid 1px #503882; margin-bottom: 5px;} 
.borderTop{border-top:solid 1px #444285; margin-top: 5px; margin-bottom: 10px;} 

#text_link {text-align:right; width:200px;  position:absolute; top: 4px; left: 740px;}

#text_link a:link, #text_link a:visited, #text_link a:active  {text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; color: #ffffff;}

#text_link a:hover {color: #333366;}
#map {border: 1px solid #444184;}
/* end from old site */