body {
	margin: 0 auto;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	color: #525252;
}
a {
	color: #0072bc;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #006699;
}
a:active {
	outline: none;
	border: none;
}
a:focus {
	-moz-outline-style: none;
	border: none;
}
table {
	border-collapse: collapse;
}
img {
	display: block;
	border: none;
}
fieldset {
	margin: 0;
	padding: 0;
	border: none;
}
small {
	font-size: 0.75em;
}
.hidden {
	display: none;
}
.invisible {
	visibility: hidden;
}
.left {
	float: left;
}
.right {
	float: right;
}
.clear,.float-catch {
	clear: both;
}
.nowrap {
	white-space: nowrap;
}
.small-caps,.sc {
	font-variant: small-caps;
}
#container {
	width: 980px;
	margin: auto;
}
#header h1 {
	float: left;
	margin: 0;
	padding: 0;
}
.block {
	display: block;
}

#unav-wrapper {
	background-color: #f2f2f2;
	height: 24px;
	width: 100%;
}
#unav {
	width: 980px;
	text-align: right;
	margin: 0 auto;
	height: 24px;
	line-height: 24px;
}
.arrow-more {
	background: transparent url(/crusades/common/images/arrow-more.png) no-repeat right center;
	float: right;
	font-size: 11px;
	padding-right: 25px;
}

/* FOOTER STYLES */
#footer {
	clear: both;
	width: 918px;
	height: 120px;
	padding: 12px 30px 0 30px;
	border: 1px solid #CCCBCC;
	margin: 30px auto 0 auto;
	background: transparent url(/images/home/gradient-sprites.gif?v=2) repeat-x 0 -200px;
}
#footer #logobar {
	height: 27px;
	background: transparent url(/images/home/home-sprites.png?v=2) no-repeat center -300px;
}
#footer #logobar div {
	width: 47%;
	margin-top: 12px;
	border-bottom: 1px solid #0099CC;
	color: #0099CC;
}
#footer #logobar a {
	display: block;
	float: left;
	width: 33px;
	height: 27px;
	margin-left: 11px;
}

#footer-nav {
	margin: 20px 0;
	padding: 0;
	list-style: none;
	text-align: center;
}
#footer-nav li {
	display: inline;
	margin: 0;
	padding: 0;
}
#footer-nav li a {
	padding: 0 11px;
	border-right: 1px solid #006699;
	font-size: 12px;
}
#footer-nav .first a {
	padding-left: 0;
}
#footer-nav .last a {
	border-right: none;
	padding-right: 0;
}

#footer-copyright {
	float: left;
	margin-left: 25px;
	font-size: 10px;
	line-height: 25px;
}

#footer-searchbox {
	float: left;
	margin-left: 45px;
}
#footer-searchbox form {
	clear: both;
	display: block;
}
#footer-searchbox input {
	float: left;
	width: 246px;
	height: 20px;
	padding: 3px 2px 0px 22px;
	border: 1px solid #CCCCCC;
	margin-right: 10px;
	background: #FFFFFF url(/images/home/home-sprites.png?v=2) no-repeat 5px -145px;
	font-size: 12px;
	color: #9A9A9A;
}
#footer-search-form fieldset div {
	float: left;
}

#footer-social {
	float: right;
	font-size: 10px;
	line-height: 25px;
}
#footer-social span {
	float: left;
}
#footer-social ul {
	float: right;
	margin: 0 14px 0 0;
	padding: 0;
	list-style: none;
}
#footer-social li {
	float: left;
	margin: 4px 0 0 7px;
	background: transparent url(/images/home/social-logos.gif?v=1) no-repeat 0 0;
}
#footer-social li a {
	display: block;
	width: 16px;
	height: 16px;
}
#footer-social-facebook {
	margin-left: 14px;
}
#footer-social #footer-social-myspace {
	background-position: -16px 0;
}
#footer-social #footer-social-twitter {
	background-position: -32px 0;
}
#footer-social #footer-social-vimeo {
	background-position: -48px 0;
}
#footer-social #footer-social-youtube {
	background: transparent url(/images/home/youtube.png?v=1) no-repeat 0 0;
}
#footer-social #footer-rss {
	background: transparent url(/images/home/home-sprites.png) no-repeat 0 -100px;
}
/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
	.sIFR-flash {
		visibility: visible !important;
		margin: 0;
		padding: 0;
	}

	.sIFR-replaced, .sIFR-ignore {
		visibility: visible !important;
	}

	.sIFR-alternate {
		position: absolute;
		left: 0;
		top: 0;
		width: 0;
		height: 0;
		display: block;
		overflow: hidden;
	}

	.sIFR-replaced div.sIFR-fixfocus {
		margin: 0pt;
		padding: 0pt;
		overflow: auto;
		letter-spacing: 0px;
		float: none;
	}
	object {
		-moz-outline-style: none;
		outline: none;
		border: none;
	}
}

@media print {
	.sIFR-flash {
		display    : none !important;
		height     : 0;
		width      : 0;
		position   : absolute;
		overflow   : hidden;
	}

	.sIFR-alternate {
		visibility : visible !important;
		display    : block   !important;
		position   : static  !important;
		left       : auto    !important;
		top        : auto    !important;
		width      : auto    !important;
		height     : auto    !important;
	}
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
	.sIFR-active #content h2{
		visibility: hidden;
	}
}
a.button {
	display: block;
	float: left;
	height: 26px;
	margin: 0 15px 0 0;
	padding: 0 0 0 15px;
	background: transparent url(../../images/home/button-sprites.png?v=1) no-repeat left top;
	color: #666666;
	font-size: 12px;
	font-weight: bold;
	line-height: 26px;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
	outline-style: none;
}
a.button:hover {
	background-position: left -30px;
	color: #333333;
}
a.button:active {
	background-position: left -60px;
	color: #666666;
}
a.button b {
	float: left;
	cursor: pointer;
}
a.button span {
	display: block;
	float: right;
	width: 15px;
	margin: 0 -15px 0 0;
	background: transparent url(../../images/home/button-sprites.png?v=1) no-repeat right top;
	font-size: inherit;
	cursor: pointer;
}
a.button:hover span {
	background-position: right -30px;
}
a.button:active span {
	background-position: right -60px;
}
/* MAIN TEMPLATE STYLES */
body {
	background: #c8c8c8 url(/crusades/2011/auckland/images/bg.png) repeat-x;
	color: #464646;
	font-size: 12px;
}
a {
	color: #47607D;
	text-decoration: none;
}
a.button
.clear {
	clear: both;
}
/*
input:focus {
	border: 2px solid #A08437;
}
*/
hr {
 	width: 100%;
 	height: 1px;
 	color: #333433;
 	background-color: #666666;
 	border: 0px;
 	border-top: 1px dotted #333433;
 	clear: both;
}
#unav-wrapper {
	background: #f2f2f2 url(/crusades/2011/auckland/images/upper-bg.png) repeat-x;
}
#header {
	display: block;
	width: 980px;
	height: 117px;
	margin: 0 auto;
}
#container {
	width: 980px;
	margin: 0 auto;
}
#home-logo {
	display: block;
	float: left;
	width: 299px;
	height: 69px;
	margin: 30px 0 0 0;
	background: transparent url(/crusades/2011/auckland/images/home-logo.png) no-repeat;
}
#action-item {
	float: right;
	width: 302px;
	height: 66px;
	margin-top: 30px;
	background: #D60606 url(/crusades/2011/auckland/images/action-item-bg.gif) repeat-x left top;
	border: 1px solid #B54F4F;
}
#action-item-butterfly {
	height: 54px;
	background: transparent url(/crusades/2011/auckland/images/action-item-butterfly.png) no-repeat;
	padding: 12px 15px 0 10px;
}
#action-item-butterfly a {
	display: block;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #FFFFFF;
}
#action-item-butterfly a.tradeGothic18 {
	font-size: 18px;
}
#action-item-butterfly a.tradeGothic20 {
	font-size: 31px;
	margin-top: -5px;
}
#action-item-butterfly div {
	float: right;
	margin-top: 8px;
}
#action-item a.button-dark {
	float: right;
	margin-top: 7px;
	background-image: url(/images/home/button-sprites-dark.png);
}
#action-item a.button-dark b {
	color: #FFFFFF;
	text-transform: none;
	font-size: 12px;
	letter-spacing: 0px;
}
#action-item a.button-dark span {
	background-image: url(/images/home/button-sprites-dark.png);
}
#lip {
	margin: 0 auto;
	width: 980px;
	height: 1px;
	background-color: #DFE4EA;
}
#content {
	width: 760px;
	float: left;
}
#nav {
	width: 220px;
	float: right;
	background: #FFFFFF url(/crusades/2011/auckland/images/nav-bg.png) repeat-x left top;
	padding-top: 10px;
}
#nav-wrapper {
	background: #FFFFFF;
	float: left;
}

/* NAVIGATION STYLES */
#nav b {
	font-size: 14px;
	color: #000000;
}
#nav ul {
	list-style: none;
	margin: 0 0 0 10px;
	padding: 0;
	font-size: 14px;
	font-weight: bold;
}
#nav ul li {
	margin-bottom: 45px;
}
#nav ul ul {
	margin: 4px 0 0 0;
	font-size: 12px;
	line-height: 15px;
	font-weight: normal;
	border-top: 1px solid #DFE4EA;
}
#nav ul ul li {
	margin: 0;
	border-bottom: 1px solid #DFE4EA;
}
#nav ul ul li a {
	display: block;
	padding: 2px 0 2px 20px;
	background: url('/crusades/2011/auckland/images/bullet.png') no-repeat 10px center;
	text-decoration: none;
	color: #607997;
}
#nav ul ul li a.active-nav {
	color: #F90808;
	font-weight: bold;
	background-image: url('/crusades/2011/auckland/images/bullet-active.png');
}
#nav ul ul li a:hover {
	color: #47607D;
	background-color: #DDDDDD;
}

/* FOOTER SYLES BEING OVERWRITTEN */
#footer {
	background: #000000;
	border: 1px solid #000000;
}
#footer #logobar {
	height: 27px;
	background: transparent url('/crusades/2011/auckland/images/footer-butterfly.png') no-repeat center;
}
#footer #logobar div {
	border-bottom: 1px solid #FFFFFF;
	color: #FFFFFF;
}
#footer-copyright {
	color: #FFFFFF;
}
#footer-social {
	color: #FFFFFF;
}

/* CONTENT AREA STYLES */
h2 {
	margin: 0 20px 0 20px;
	padding: 15px 0 10px;
	border-bottom: 1px solid #DFE4EA;
}
#subheader {
	margin: 0;
	padding: 0;
	width: 760px;
	height: 140px;
}
.large-subheader {
	width: 760px;
	height: 360px;
	border-bottom: 1px solid #484948;
}
h3 {
	margin: 0;
	font-size: 18px;
}
.headline {
	color: #066899;
	text-transform: uppercase;
	font-size: 1.2em;
}
#content h4 {
	margin: 0;
	font-size: 1em;
}
#content-container, .content-container {
	padding: 20px;
	width: 720px;
	background-color: #FFFFFF;
	/*min-height: 500px;*/
}
.content-container {
	min-height: 0;
}
#content .big {
	font-size: 1.4em;
}
#content .blue {
	color: #50BEBE;
}
#content .required {
	color: #F68B1F;
}
.pagetitle {
	text-transform: uppercase;
	color: #006699;
	font-size: 1.4em;
}
#main-article {
	float: left;
}

/* TableSorter: Plug-in for sortable tables */
#content table.tablesorter thead tr .header {
	background-image:url(/includes/css/tablesorter/bg.gif);
	background-repeat: no-repeat;
	background-position: 15px center;
	cursor: pointer;
}
#content table.tablesorter thead tr .header:hover {
	background-color: #DFDFDF;
	color: #000000;
}
#content table.tablesorter thead tr .headerSortUp {
	background-image: url(/includes/css/tablesorter/asc.gif);
	background-color: #D9D9D9;
}
#content table.tablesorter thead tr .headerSortDown {
	background-image: url(/includes/css/tablesorter/desc.gif);
	background-color: #D9D9D9;
}
.ui-dialog {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3em; text-decoration: none; font-size: 100%; list-style: none;
	background: #f2f3f1 url(/images/modal/modal/bg.png) repeat-x;
	color: #4a4a4a;
	position: relative;
}
.ui-dialog-titlebar {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 28px; text-decoration: none; font-size: 100%; list-style: none;
	height: 28px;
	padding: 5px 0 5px 15px;
	color: #ffffff;
	background: #d87000 url(/images/modal/head-bg.gif) repeat-x;
	font-size: 16px;
	font-weight: bold;
	position: relative;
}
.ui-dialog-title {}
.ui-dialog-titlebar-close {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	background: url(/images/modal/close.png) 0 0 no-repeat;
	position: absolute;
	right: 8px;
	top: 8px;
	width: 20px;
	height: 20px;
	z-index: 100;
}
.ui-dialog-titlebar-close-hover, .ui-dialog-titlebar-close:hover {
	background: url(/images/modal/close.png) 0 0 no-repeat;
}
.ui-dialog-titlebar-close:active {
	background: url(/images/modal/close.png) 0 0 no-repeat;
}
.ui-dialog-titlebar-close span {
	display: none;
}
.ui-dialog-content {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	color: #333333;
	padding: 15px;
}
.ui-dialog.ui-corner-all, .ui-dialog-titlebar.ui-corner-all {
	-moz-border-radius-topright: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
}
/* fix bottom corners on the titlebar */
.ui-dialog-titlebar.ui-corner-all {
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius-bottomright: 0px;
	-webkit-border-bottom-right-radius: 0px;
}
a.cancel_dialog {
	cursor: pointer;
	color: #336699;
	margin-left: 20px;
	font-size: 12px;
}
.the_buttons {
	margin: 30px 0 15px 75px;
	float: left;
	line-height: 25px;
}
.the_buttons a {
	float: left;
}

/* Overlays */
.ui-widget-overlay {
	background-color: #000000;
	opacity: .75;
	filter:Alpha(Opacity=75);
	position: fixed;
	top: 0;
	left: 0;
}
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 9px; -webkit-border-radius: 9px; }

/* resizing  and dragging business */
.ui-dialog.ui-draggable .ui-dialog-titlebar,
.ui-dialog.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	z-index: 99999;
}
.ui-resizable .ui-resizable-handle {
	display: block;
}
body .ui-resizable-disabled .ui-resizable-handle { display: none; } /* use 'body' to make it more specific (css order) */
body .ui-resizable-autohide .ui-resizable-handle { display: none; } /* use 'body' to make it more specific (css order) */
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0px;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0px;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0px;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0px;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 13px;
	height: 13px;
	right: 0px;
	bottom: 0px;
	background: url(images/222222_11x11_icon_resize_se.gif) no-repeat 0 0;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: 0px;
	bottom: 0px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: 0px;
	top: 0px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: 0px;
	top: 0px;
}