body 	{	background	:	#EFEFEF;
		margin		:	0px;
		padding		:	0px;
		padding-bottom	:	20px;
		font-size       :       11pt;
		font-family     :       Arial,Verdana,Geneva,Helvetica,sans-serif;	}


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

/* Styles relating to the main block/shadow layout */

#pagewrap {	background      :       url(gfx/bg_shadow_r.png) repeat-y top right;
		width		:	770px;
		margin		:	20px auto;	}
/* because IE6's worthless */
* html #pagewrap {
 		width		:	772px;	}

#rightwrap {	width		:	12px;
		font-size	:	0px;
		float		:	left;	}

#right {	width		:	12px;
		height		:	12px;
		font-size	:	0px;
		overflow	:	hidden;
		background	:	url(gfx/bg_shadow_tr.png) no-repeat top left; }

#contentwrapper {	
		width		:	756px;
		background	:	url(gfx/bg_content.png) no-repeat 60px 140px white;
		/*background      :       url(gfx/titlegraphic.png) no-repeat left 140px white;*/
		border 		: 	solid black 1px;
		float		:	left;	}

/* because IE6's worthless */
* html #contentwrapper {
		width		:	758px;
}

#footwrap {	clear		:	both;
		font-size	:	0px;
		background	:	url(gfx/bg_shadow_b.png) repeat-x top left;
		height		:	11px;	
		}

#footer1 {	height		:	11px;
		font-size	:	0px;
		background      :       url(gfx/bg_shadow_bl.png) no-repeat top left;	}

#footer2 {	height		:	11px;
		font-size	:	0px;
		background      :       url(gfx/bg_shadow_br.png) no-repeat top right;	}

#ktnfooter {	font-size	:	75%;
		border-bottom	:	solid 2px #FC0;
		border-top	:	solid 2px #FC0;
		padding		:	3px;
		clear		:	both;
		text-align	:	center;
}

#finalfooter {	clear		:	both;
		position	:	relative;
		padding		:	4px 5px;
		text-align	:	right;
		font-size	:	65%;
		border-bottom	:	solid black 1px;
		background	:	url(gfx/bg_footer.png) repeat-x bottom left;
		color		:	white;
}

* html #finalfooter {
		height		:	1em;
		overflow	:	visible;
}

#finalfooter ul {
		margin		:	0px;
		padding		:	0px;
		list-style-type	:	none;
}

#finalfooter li {
		display		:	inline;
}

#finalfooter a,
#finalfooter a:active,
#finalfooter a:visited,
#finalfooter a:hover {
		color		:	black;
		margin-left	:	5px;
		font-weight	:	bold;
		text-transform	:	uppercase;
		text-decoration	:	none;
}

#finalfooter a:hover {
		color		:	#C00;
}

/* Styles within the content of the block/shadow layout */

#pageheader {	background	:	url(gfx/mainlogo.jpg) no-repeat top center;
		border-top	:	solid 6px #FC0;
		height		:	102px;	}

#pageheadertext {
		padding-right	:	5px;
		font-size	:	90%;
		text-align	:	right;
}

#pageheadertext span {
		color		:	#003399;
}

#leftcontent { 	width		:	576px;
		padding-top	:	50px;
		float		:	left;	}

#content {	padding		:	10px;	}

#rightcontent {	width		:	180px;
		float		:	left;	}

#pagefooter {	clear		:	both;
		margin-bottom	:	10px;	}

/* Menu styles */

#mainmenuwrapper #highlight1 {
		color		:	#FC0;	}

#submenuwrapper #highlight2 {   
		color           :       white;
		background	:	url(gfx/bg_menu4.png) repeat-x top left gray;
		background	:	gray;	}

#mainmenuwrapper ul {
		margin		:	0px;
		margin-top	:	15px;
		padding		:	0px;
		float		:	left;
		width		:	100%;
		background	:	url(gfx/bg_menu1.png) repeat-x top left black;
		border-top	:	solid black 1px;
		border-bottom	:	solid black 1px;	}

#mainmenuwrapper li {
		list-style-type	:	none;
		display		:	inline;	}

#submenuwrapper {
		padding-top	:	4px;	}

div.associations {
		text-align	:	center;
		padding-bottom	:	10px;	}

div.associations img {
		border		:	none;	}

#mainmenuwrapper a,
#mainmenuwrapper a:active,
#mainmenuwrapper a:visited,
#mainmenuwrapper a:hover {
		text-decoration	:	none;
		padding		:	2px 10px;
		color		:	white;
		border-right	:	solid gray 1px;
		float		:	left;
		font-weight	:	bold;	}

#mainmenuwrapper a:hover {
		color		:	#FC0;	}

#submenuwrapper ul {
		margin		:	0px;
		padding		:	0px;
}

#submenuwrapper li {
		list-style-type	:	none;
		margin		:	0px;
		margin-bottom	:	4px;
		padding		:	0px;
}

/* because IE6's worthless */
* html #submenuwrapper li {
 		border		:	solid white 1px;
}

#submenuwrapper a,
#submenuwrapper a:active,
#submenuwrapper a:visited,
#submenuwrapper a:hover {
		display		:	block;
		margin		:	0px 0px 0px 7px;
		padding		:	3px 6px 2px 6px;
		color		:	black;
		font-weight	:	bold;
		letter-spacing	:	0.5px;
		font-size	:	90%;
		text-decoration	:	none;
		background	:	url(gfx/bg_menu3.png) repeat-x bottom left;
		border-bottom	:	solid black 1px;
		border-left	:	solid black 1px;	}

#submenuwrapper a:hover {
		background	:	url(gfx/bg_menu4.png) repeat-x top left gray;
		background	:	gray;
		color		:	white;	}

#submenuwrapper li.heading {
		background	:	url(gfx/bg_menu2.png) repeat-x top left black;
		border		:	solid black 1px;
		border-right	:	none;
		color		:	white;
		font-weight	:	bold;
		font-size	:	95%;
		line-height	:	1.5em;
		padding		:	2px 4px;
		margin-top	:	0px;
		margin-bottom	:	0px;
}

#submenuwrapper li li {
		margin		:	0px;
		border-bottom	:	dotted 1px silver;
		margin-left	:	32px;
		list-style-type	:	square;	}

#submenuwrapper li li a,
#submenuwrapper li li a:active,
#submenuwrapper li li a:visited,
#submenuwrapper li li a:hover {
		border		:	none;
		background	:	none;
		margin		:	0px;
		padding		:	2px;
		padding-top	:	0px;	}

#submenuwrapper li li a:hover {
		color		:	white;
		background	:	gray;	}

#submenuwrapper ul ul {
		margin-right	:	0px;
		margin-bottom	:	10px;	}

/* Styles for general lists of things, such as news items and events */

div.item {	background	:	url(gfx/bg_box_fill_item.png) repeat-y top right #C00;
		margin-bottom	:	10px;
		width		:	550px;
		clear		:	left;
}

div.itemheading {
		background	:	url(gfx/bg_box_top_item.png) no-repeat top right;
		color		:	white;
		font-size	:	125%;
		font-weight	:	bold;
		padding		:	4px 15px 4px 5px;
}

div.itemdate,
table.itemdate {	
		font-size	:	95%;
		font-weight	:	bold;	
		text-transform	:	capitalize;
		margin-top	:	4px;
		margin-bottom	:	7px;
}
div.itemdate {	padding-left	:	10px;	}

.itemdate span {
		text-transform	:	lowercase;	}

table.itemdate td {
		padding		:	1px 10px;
}

div.item p {	padding		:	3px 10px;	
		padding-bottom	:	6px;
		margin		:	0px;
}

div.item p.listcheat {
		margin-left	:	30px;
		padding-bottom	:	2px;
		display		:	list-item;
}

div.item p.heading {
		font-weight	:	bold;
}

div.itemfoot {	background	:	url(gfx/bg_box_bot_item.png) no-repeat bottom left;
		padding-right	:	5px;
		position	:	relative;
		text-align	:	right;
		height		:	30px;
}

div.item a,
div.item a:active,
div.item a:visited,
div.item a:hover {
		color		:	black;
		font-weight	:	bold;
		text-decoration	:	none;
		font-size	:	95%;
}

div.item a:hover {
		color		:	white;
}

div.itemfoot a,
div.itemfoot a:active,
div.itemfoot a:visited,
div.itemfoot a:hover {
		line-height	:	1.5em;
		text-decoration	:	none;
		font-weight	:	bold;
		font-size	:	95%;
		color		:	black;
		position	:	absolute;
		right		:	6px;
		bottom		:	5px;
		border-top	:	dotted 1px black;
		border-left	:	dotted 1px black;
		padding		:	0px 6px;
		background	:	#FC0;
}

div.item ul {	margin-bottom	:	0px;	
		margin-top	:	5px;
		padding-bottom	:	0px;
		padding-right	:	10px;}

div.itemfoot a:hover {
		color		:	black;
		background	:	white;
}

/* Styles for calendar layout on Events page */

div.calbox {	width		:	168px;
		border-left	:	solid gray 1px;
		margin-bottom	:	15px;
		margin-right	:	12px;
		float		:	left;
}

div.calhead {	text-align	:	center;
		padding		:	2px;
		background	:	black;
		color		:	white;
		border		:	solid gray 1px;
		border-left	:	none;
		font-weight	:	bold;
		clear		:	both;
}

div.calfoot {	clear		:	both;	}

div.calday {	float		:	left;
		border		:	solid gray 1px;
		border-left	:	none;
		border-top	:	none;
		text-align	:	center;
		line-height	:	20px;
		width		:	23px;
		line-height	:	1.5em;
}

div.calday a,
div.calday a:active,
div.calday a:visited,
div.calday a:hover {
		display		:	block;
		background	:	#006699;
		color		:	white;
		text-decoration	:	none;
}

div.calday a:hover {
		background	:	#cc0000;
}

div.calday a.current,
div.calday a.current:active,
div.calday a.current:visited,
div.calday a.current:hover {
		background	:	#FC0;
		color		:	black;
		font-weight	:	bold;
}

div.calday a.current:hover {
		background	:	#cc0000;
}

div.calnav {	clear		:	both;
		height		:	18px;
		margin-bottom	:	20px;
}

div.calnav a {	width		:	3.5em;
		height		:	18px;
		float		:	left;
		display		:	block;
		font-weight	:	bold;
		text-decoration	:	none;	}

div.calnav a.back,
div.calnav a.back:active,
div.calnav a.back:visited,
div.calnav a.back:hover,
div.calnav a.forw,
div.calnav a.forw:active,
div.calnav a.forw:visited,
div.calnav a.forw:hover {
                background-image:       url(gfx/arrows_left_white.png);
                background-repeat:      no-repeat;
                background-position:    0% -20px;
                padding-left    :       20px;
}

div.calnav a.back:hover {
		background-position:    0% 2px;
}

div.calnav a.forw,
div.calnav a.forw:active,
div.calnav a.forw:visited,
div.calnav a.forw:hover {
		background-image:       url(gfx/arrows_right_white.png);
                background-position:    100% -20px;
                padding-left    :       0px;
		padding-right	:	20px;
		width		:	4em;
}

div.calnav a.forw:hover {
                background-position:    100% 2px;
}

/* Styles for footer boxes */

#pagefooter {	padding-left	:	5px;	}

* html #pagefooter { padding	:	0px;	}

div.bluebox,
div.redbox {	float		:	left;
		width		:	230px;
		color		:	white;	}

#displayBoxTop,
#displayBoxMain,
#displayBoxFoot {
		clear		:	both;	}

#displayBoxMain {
		background	:	url(gfx/box_backgrounds.png) #069 repeat-y -23px 0px; }

* html #displayBoxMain {
 		background	:	url(gfx/box_backgrounds.png) #069 repeat-y -15px 0px; }

div.anchordiv { clear		:	both;
		height		:	0px;
		font-size	:	0px;	}

#displayBoxTop .bluebox,
#displayBoxTop .redbox,
#displayBoxFoot .bluebox,
#displayBoxFoot .redbox {
                margin          :       0px 8px;
                padding         :       0px;
                height          :       44px;   }

#displayBoxFoot .bluebox {
		margin-bottom	:	15px;	}

#displayBoxMain .bluebox,
#displayBoxMain .redbox {
		margin		:	0px 8px;
		padding		:	0px;	}

#displayBoxFoot .bluebox,
#displayBoxFoot .redbox {
		font-weight     :       bold;
                text-align      :       right;	}

#displayBoxTop .bluebox {
		background	:	url(gfx/bg_box_top_blue.png) #069 no-repeat top left; }

#displayBoxTop .redbox {
		background	:	url(gfx/bg_box_top_red.png) #069 no-repeat top left;	}

#displayBoxFoot .bluebox {
		background      :       url(gfx/bg_box_bot_blue.png) #069 no-repeat top left;
}

#displayBoxFoot .redbox {
		background      :       url(gfx/bg_box_bot_red.png) #069 no-repeat top left;
}

#pagefooter ul {
		margin          :       0px;
                margin-left     :       22px;
                margin-right    :       10px;
                padding         :       0px;    }

#pagefooter h1 {      
		padding         :       10px 5px 0px 5px;
                font-size       :       120%;
                margin          :       0px;    }

#pagefooter h2 {
                padding         :       5px;
                font-size       :       110%;
                margin          :       0px;    }

#pagefooter a,
#pagefooter a:active,
#pagefooter a:visited,
#pagefooter a:hover {
                color           :       white;
                text-decoration :       none;   }

#pagefooter a:hover {
                color           :       #FC0;   }

#displayBoxFoot a {
		margin-right	:	20px;	}

#pagefooter .minidate {
                font-size       :       85%;
                color           :       #FC0;
                font-weight     :       bold;   }

/* General styles */

h1, h2, h3 {	margin		:	4px 0px 2px 0px;
}

h1	{	font-size	:	150%;	}
h2	{	font-size	:	130%;
		font-style	:	italic;	}
h3	{	font-size	:	120%;	}

a,
a:active,
a:visited,
a:hover {
		color		:	black;	}

a:hover {	color		:	#C00;	}

a.arrows-right,
a.arrows-right:active,
a.arrows-right:visited,
a.arrows-right:hover {
		height		:	18px;
		display		:	block;
		background-image:	url(gfx/arrows_right_blue.png);
		background-repeat:	no-repeat;
		background-position:	100% -20px;
		padding-right	:	20px;
}

a.arrows-right:hover {
		background-position:	100% 2px;
}

a.arrows-left,
a.arrows-left:active,
a.arrows-left:visited,
a.arrows-left:hover {
		height		:	18px;
		display		:	block;
		background-image:	url(gfx/arrows_left_white.png);
		background-repeat:	no-repeat;
		background-position:	0% -20px;
		padding-left	:	20px;
		text-decoration	:	none;
		font-weight	:	bold;
}

a.arrows-left:hover {
		background-position:	0% 2px;
}

img.portrait {	float		:	left;
		margin		:	5px;
		margin-left	:	0px;	}

p.error,
p.success {	font-weight	:	bold;
		padding		:	4px;
		color		:	white;
		background	:	#8f0000;	}

p.success {	background	:	#008f4f;	}

li.sitemapheading {
		font-weight	:	bold;
		list-style-type	:	none;
		margin-top	:	5px;	}

ul.ecrimebooklet {
		background	:	url(content/images/e-crime_booklet.gif) no-repeat top left;
		height		:	290px;
		padding-left	:	220px;
}

ul.ecrimebooklet li {
		margin-top	:	5px;
}

dl.ecrime dt {	border-top	:	solid black 1px;
		background	:	silver;
		padding		:	5px;
		font-weight	:	bold;	}

dl.ecrime dd {	font-size	:	95%;
		margin		:	5px 8px;	}