/* -ZERO OUT EVERYTHING - * ---------------------------------------------------------------- */
/* -this css sets all padding, margins, defaults to 0 - * ---------------------------------- */
/* tables still need 'cellspacing="0"' in the markup */

/* {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}*/

caption
 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
legend
 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
label
 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
form
 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
fieldset
 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
li
 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ul
 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol
 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
dd
 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
dt
 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
dl
 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
center
 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
i
 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
u
 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
b
 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
var
 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
tt
 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
sup
 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
sub
 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
strong
 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
strike
 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
small
 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
samp
 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
s
 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
q
 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
kbd
 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ins
 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
img
 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
font
 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
em
 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
dfn
 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
del
 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
code
 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
cite
 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
big
 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
address
 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
acronym
 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
abbr
 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
a
 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
pre
 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
blockquote
 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
p
 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
h6
 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
h5
 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
h4
 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
h3
 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
h2
 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
h1
 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
iframe
 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
object
 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
applet
 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
span
 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
div
 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body
 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
html
 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
html {
	height: 100%;
}
body {
	line-height: 1; height: 100%;
}
q {
	quotes: none;
}

blockquote {
	quotes: none;
}

/* this is the behaviour for form fields when they are selected */
/*:focus {
	outline: 1px solid #000000;
}*/

/* This code replaces the one above. It created a hard line across the page and any block that was clicked,
I added the identifier 'form' to specify the style applies only to Forms Fields*/
form :focus {
	outline: 1px solid #000000;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* -ZERO OUT EVERYTHING - END * ---------------------------------------------------------------- */

/* ----------- ZERO OUT LISTS - set your default list styles here ---------------- */
ul { /* this is the default style - change at will - */
	/*list-style: none;  no bullets */
	margin-left: 20px; /* indented from side */
	margin-bottom: 20px; /* space after */
}

ol { /* this is the default style - change at will - */
	/*list-style: none;  no bullets */
	margin-left: 20px; /* indented from side */
	margin-bottom: 20px; /* space after */
}

/* BASELINE ** ADDITION ** REMOVES Margins from LISTS - nested lists have no top/bottom margins - remove to use default margins*/ 
/*ul ul, ul ol, ul dir, ul menu, ul dl, ol ul, ol ol, ol dir, ol menu, ol dl, dir ul, dir ol, dir dir, dir menu, dir dl, menu ul, menu ol, menu dir, menu menu, menu dl, dl ul, dl ol, dl dir, dl menu, dl dl {
	margin-top: 0;
	margin-bottom: 0;
}*/
/* --------------------------------------------------------------- */ 



/* sets the base font to approx 10pt */
body { 
	background-color:  #FFFFFF; 
	color: #000; 
	font: 62.5% Verdana, Helvetica, Arial, sans-serif; 
	text-align: center; 
}
 

/* default sizing for standard elements -------------------------- */   /* SET text attributes here */

p {
	margin: 0.5em 20px 1.5em 0px; /* sets default margins for all paragraphs */
}

.termsi {
	font-size: 1.0em;
	color: black;
	text-decoration: none;
	font-weight: bold;
	font-style: italic;
}


/* -------- HEADERS --------- */

h4 { font-weight: bold; line-height: 1.2em; } 	

h3 { font-weight: bold; line-height: 1.2em; } 	

h2 { font-weight: bold; line-height: 1.2em; } 	

h1 { font-weight: bold; line-height: 1.2em; } 	/* must set explicitly, it is zeroed out above */

h1 {
	color: #000000; /* COLOUR CHANGE */ /* replace h tags colour with your own */
	font-size: 1.4em;
	margin: 0.5em 0 1em 0; /* default margins for h tags: in this order: top, right, bottom, left */ 
}
h2 {
	color: #000000;/* COLOUR CHANGE */
	font-size: 1.2em;
	padding-bottom: 6px; /* no margins for h2 these are used for menu items - TO OVERRIDE THIS STYLE, add a new class  */
}
h3 {
	color: #000000; /* COLOUR CHANGE */
	font-size: 1.1em;
	margin: 0.5em 0; /* default margins for h tags: in this order: top/bottom, right/left */
}
h4 {
	color: #000000; /* COLOUR CHANGE */
	font-size: 1.0em;
	margin: 0.5em 0 0.7em 0;
}

img {
	border: 0;
}
/* --------------------------------------------------------------- */ 



/* common/generic styles ------------------------------------------------- */ 

/* positioning */
.right { /* aligns - floats right */
	float: right;
	margin-left: 20px;
	text-align: right;
}
.left { /* aligns - floats left */
	float: left;
	margin-right: 20px;
}
.top { /* removes top margin */
	margin-top: 0;
}
.bottom { /* removes bottom margin */
	margin-bottom: 0;
}

.center { /* centers */
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
.clear { /* to clear floats */
	clear: both;
}

/* other */
.small { /* smaller text */
	font-size: 0.85em;
	line-height: 140%;
}
.large { /* larger text */
	font-size: 1.4em;
	margin-top: 20px;
	display: block;
}
.indent { /* use to indent text in a pragraph */
	margin-left: 2em;
}


.label {
	display: block;
	width: 5em;
	float: left;
}

/* SEARCH BAR - submit (go) button default */

.submit { /* styles the submit / GO button -- */
	background-color: /*#9ebb7e*/ #00ada7; /* COLOUR CHANGE */
	color: #fff;
	font-weight: bold;
	border: none;
	float: left;
	width: 100%;
	border: 1px solid #000; /* when BGimages are turned off there is no search box visible - adding a border will make it visible - coloud also add a bgcolor instead */
}

hr { height: 1px; color: #bfbfbf; background-color: #bfbfbf; border: none; float: left; clear: both; width: 96%; margin: 1em 0; }
hr.thick { height: 3px; color: #666; background-color: #666; } /* thicker separator line - change colour if desired for greater emphasis */
/* --------------------------------------------------------------- */ 



/* tables still need 'cellspacing="0"' in the markup - CSS2 does not yet have proper table support */


/* ---- LINKS ---------------------------------------------------- */

/* default link style */

a {
	text-decoration: none;
	color: #000000;
}

/*a:visited {
	color: #666;
}*/

a:active {
	text-decoration: none;
	font-weight: bold;
	color: #333333; /* COLOUR CHANGE */
}

a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #333333; /* COLOUR CHANGE */
}

a:link {
	text-decoration: none;
	font-weight: bold;
	color: #333333;/* COLOUR CHANGE */
}

#language a {
	text-decoration: none;
	font-weight: bold;
	color: #333333; /* COLOUR CHANGE */
}
a:hover {
	text-decoration: underline;
	color: #000000; /* COLOUR CHANGE */
}
/* default link style */

/* --- SITE HOLDER(wrapper) ---- */

#wrapper {
	margin-left:auto;
	margin-right:auto;
	text-align: left;
	width:1000px;
	margin-top: 10px;
}

/* LEFT NAV STYLES --------------------------------------------- */

#left_column {
	width: 260px;
	display: inline;
	float: left;
	margin-right: 20px;
	margin-left: 0px;
	font-size: 1.2em; /* STANDARDIZE */
	line-height: 160%; /* STANDARDIZE */
}


#left_column ul { margin: 0; padding: 0; }

.leftnav {
	width: 100%;
	margin : 0 0 10px 0;
	overflow : hidden;
}

/* -- First colour of Header bar for Menu titles -- */

.leftnav .header {
	width: 100%;
	height: 100%;
	border-bottom: 1px solid #9c000a;
	float: left;
	position: relative;
	background: /*#4a1910*/ #FFFFFF url('../en/images/arc_left.gif') no-repeat; /* COLOUR CHANGE header BG image match #colour to bottom half of arc graphic */
	display: block;
}

.leftnav .header a { 
	color: #333;
	font-weight: bold;
	display: block;
	padding: 3px 5px; 
}

.downarrow {
	position: absolute;
	left: 235px;
	top: 6px;
}

.leftnav .header img {
	position: absolute;
	left: 235px;
	top: 6px;
}

/* -- Second colour of Header bar for Menu titles -- */

.leftnav .mycolour .header {
	border-bottom: 1px solid #000000;
	background: /*#708b16*/  url('../en/images/arc_right_main.gif') top left no-repeat; /* COLOUR CHANGE header BG image match #colour to bottom half of arc graphic */
}

.leftnav .mycolour .header a { 
	color:#ffffff; /* COLOUR CHANGE update font to contrast w BG color (above in .leftnav .mycolour .header) */ 
	font-weight: bold;
	display: block;
	padding: 3px 5px; 
}


/* -- Standard MY GOVERNMENT colour of Header bar for Menu titles -- */

.leftnav .mygovt .header {
	background-color: #4a1910; /* STANDARD COLOUR - DO NOT EDIT */
	background-image: url('../en/images/arc_left_red.gif');
	background-repeat: no-repeat;
}

.leftnav .mygovt .header a { 
	color: #fff; /* COLOUR CHANGE update font to contrast w BG color (above in .leftnav .mycolour .header) */ 
	font-weight: bold;
	display: block;
	padding: 3px 5px; 
} 

.leftnav h2 { font-size: 1.1em; }

/* EXPANDING MENU STYLES --------------------------------------------- */

.menu {
	width: 100%;
	float: left;
}

.menu li {
	display: inline;	
}

.menu a:active {	
	color: #000; 
	font-weight: bold;
	display: block;
	padding: 8px 4px 10px 24px; /* this creates the size of the menu item box - last value is the distance of the text from the side */
	border-bottom: 1px dotted #666; 
	background: /*#9ebb7e*/ #00ada7 url('../en/images/triangle_right.gif') no-repeat 12px 13px; /* COLOUR CHANGE  */
}

.menu a:visited {	
	color: #000; 
	font-weight: bold;
	display: block;
	padding: 8px 4px 10px 24px; /* this creates the size of the menu item box - last value is the distance of the text from the side */
	border-bottom: 1px dotted #666; 
	background: /*#9ebb7e*/ #00ada7 url('../en/images/triangle_right.gif') no-repeat 12px 13px; /* COLOUR CHANGE  */
}

.menu a:link {	
	color: #000; 
	font-weight: bold;
	display: block;
	padding: 8px 4px 10px 24px; /* this creates the size of the menu item box - last value is the distance of the text from the side */
	border-bottom: 1px dotted #666; 
	background: /*#9ebb7e*/ #00ada7 url('../en/images/triangle_right.gif') no-repeat 12px 13px; /* COLOUR CHANGE  */
}

.menu a {	
	color: #000; 
	font-weight: bold;
	display: block;
	padding: 8px 4px 10px 24px; /* this creates the size of the menu item box - last value is the distance of the text from the side */
	border-bottom: 1px dotted #666; 
	background: /*#9ebb7e*/ #00ada7 url('../en/images/triangle_right.gif') no-repeat 12px 13px; /* COLOUR CHANGE  */
}

.menu li li a {/* sub menu styling - positions the arrow graphic in a bit more */
	font-size: 0.9em;
	padding: 8px 4px 8px 36px;
	background: #FFF url('../en/images/triangle_right.gif') no-repeat 23px 13px; 
}

/* MENU - Current item colour - USE to DESIGNATE THE CURRENT PAGE - add this id to the appropriate li in the menu */

#current { background-color: #ffffff; }

/* ------------ END LEFT NAV ------------------------ */



/* ------------ HEADER - ONTARIO LOGO / BANNER FLASH / SEARCH / NAV -------------------- */
#header { 
	width: 980px;
	position: relative;
}

/* HEADER LAYOUT STYLES --------------------------------------------- */

#arc {
	width: 100%;
	height: 92px;
	float: left;
	background-image: url('../en/images/header_arc.gif');
}

#arc form { /* search form */
	float: right;
	margin: 40px 0 0 0;
	padding-right: 20px;
}

#search { /* search box */
	width: 300px;
	height: 1.5em;
	padding: 3px;
	border: 0;
	background-color: #fff; /* COLOUR CHANGE */
	border: 1px solid #000;
	vertical-align: middle;
	line-height: 1.5em;
}

#submit { /* submit (go) button */
	width: 30px;
	padding: 3px 0;
	border: 0;
	background-color: /*#9ebb7e*/ #00ada7;  /*#*/
	color: #fff; /* COLOUR CHANGE */
	vertical-align: middle;
}

/* -- top nav -- */

#navbar p a.last { border: none; padding-right: 0; }

#textlinks a.last { border: none; padding-right: 0; }

#textlinks {
	position: absolute;
	right: 0px;
	top: 5px;
	text-align: right;
}

#textlinks a {
	padding: 0 1em 0 0.75em;
	border-right: 1px solid #999;
}

a#skipNav:hover { color: #FFF; border: none; }

a#skipNav:visited { color: #FFF; border: none; }

a#skipNav:link { color: #FFF; border: none; }
a#skipNav:focus { color: #17397d; border-right: 1px solid #999;  }


a#skipNav:active { color: #17397d; border-right: 1px solid #999;  }


#navbar { /* the main nav bar */
	width: 100%;
	height: 2.75em;
	float: left;
	border-bottom: 20px solid #FFF;
	background: #670201 url('../en/images/navbar.jpg') no-repeat left center;  /* COLOUR CHANGE - replace Background colour with your colour that matches the graphic */
}

#home #navbar { /* the main nav bar */
	width: 100%;
	float: left;
	border-bottom: 8px solid #FFF;
	background: #670201 url('../en/images/navbar.jpg') no-repeat left center;  /* COLOUR CHANGE - replace Background colour with your colour that matches the graphic */
}

#navbar p
{
	font-size: 1.1em;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	padding: 7px 0;
	margin: 0;
	overflow: hidden;
}

#navbar p a { /* links in navbar */
	color: #FFF; /* COLOUR CHANGE - MAKE SURE CONTRAST IS VERY HIGH */
	padding: 0 10px 0 8px;
	border-right: 2px solid #FFF;
}
/* -- END topnav --*/

#banner { /* holds flash banner or static banner */
	width: 980px;
	height: 185px;
	overflow: hidden; /* Necessary for IE6 */
	clear: left;
	margin-bottom: 10px;
	border-bottom: 4px solid #453617;
}
/* END flash banner or static banner */

/* SPLASH STYLES */
#container {
	width: 720px;
	text-align: center;
	margin: 0 auto;
}
#splash_page #container {
	width: 720px;
	text-align: center;
	margin: 0 auto;
}
#splash { 
	margin-top: 50px;
	float: left;
	padding-bottom: 80px;
	font-size: 1.3em;
	text-align: left;
	background: url('../en/images/header_arc.gif') no-repeat bottom left;
	border: 1px solid #606060;
	border-bottom: 2em solid #00ada7; /*#557630;#60C2A5*/;
}

#splash .two_cols { 
	background: url('../en/images/splash_line.gif') no-repeat top center; 
	float: left;
	width: 100%;
	text-align: center;
	/*padding-top: 3em;*/
	padding-top: 1em;
}

.button { 
	margin: 20px auto; 
	width: 210px; 
}

#splash .two_cols .column .button { margin: 20px auto; width: 210px; }
#splash .two_cols .column .arrow  { vertical-align: middle; }

#splash h2 a { font-size: 100%; font-weight: bold; color: #000000; /* COLOUR CHANGE - match if you like */} 

/* -- RIGHT COLUMN / CONTENT --*/

#right_column { /* content area */
	width: 700px;
	float: right;
	margin-right: 20px;
	font-size: 1.3em; /* STANDARDIZE */
	line-height: 1.3em; /* STANDARDIZE */
	display: inline;
	overflow: hidden
}

#ad_banner {
	padding-bottom: 1em;
}
#footer {
	clear: both;
	width: 980px;
	padding-top: 20px;
}

.row { /* a style to contain other elements on the page - gives a dotted border at the bottom of the area */
	width: 730px; /* changed from 730px on April 2013 */
	float: left;
	display: inline;
	margin-right: -3px; /* IE 6 duplicate text fix */
	margin-bottom: 20px;
	border-bottom: 1px dotted #ccc;
	overflow: hidden
}

.row2 { /* a style to contain other elements on the page - No dotted border at the bottom of the area */
	width: 730px;
	float: left;
	display: inline;
	margin-right: -3px; /* IE 6 duplicate text fix */
	margin-bottom: 10px;
	overflow: hidden
}


.row p { margin-right: 25px; margin-top: 0px; }

.two_cols2 {
	background: white;
}

.two_cols {
	background: url('../en/images/two_cols.gif') repeat-y;	background-position: -5px 0px;
}
.three_cols {
	background-image: url('../en/images/three_cols.gif');
	background-repeat:repeat-y;
	background-position: -4px -50px;
}


.two_cols .column { /* when a .column is placed inside a two_cols row you get 2 equal columns of 340px that fill the right_column */
	width: 340px;
}

.two_thirds .other { /* when a .column is placed inside a three_cols row you get 3 equal columns of 220px that fill the right_column */
	width: 220px; 
}

.box .column { /* when a .column is placed inside a three_cols row you get 3 equal columns of 220px that fill the right_column */
	width: 220px; 
}

.three_cols .column { /* when a .column is placed inside a three_cols row you get 3 equal columns of 220px that fill the right_column */
	width: 220px; 
}

.two_thirds .column { /* use in combination with a photo, or to create a layout that splits the screen into 2 sections one twice as big as the second */
	width: 460px;
}

/* FOOTER STYLES ------------ */

#full_footer { /* changed from orginal to make the footer span the whole bottom area */
	border-top: 1px solid #7f7f7f;
	padding-bottom: 1em;
	width: 100%;
}

#footer p { 
	font-weight: bold;
	text-transform: uppercase;
	color: #575757;
	font-size: 0.9em;
}

#footer a { color: #666; }

/* --- TITLE BARS --- */

.row .header { /* a full length header that spans all columns -USE: wrap .header in a .row */
	width: 700px;
	height: 100%;
	position: relative;
	border-top: 3px solid #666;
	border-bottom: 1px solid #999;
	background-color: #e0e0b7; /* COLOUR CHANGE the background colour to your site's colour scheme */
	background-image: url('../en/images/arc_right_main.gif');
	background-repeat: no-repeat; 
	margin-right: 20px;
}



.two_cols .column .header { /* 2 seperate headers - USE: class="row two_cols" nest .content div inside, then nest .header div inside that */
	width: 340px;
}
.two_thirds .other .header { /* 3 seperate headers - USE: class="row three_cols" nest .content div inside, then nest .header div inside that */
	width: 220px;
}
.three_cols .column .header { /* 3 seperate headers - USE: class="row three_cols" nest .content div inside, then nest .header div inside that */
	width: 220px;
}
.two_thirds .column .header { /* use in combination with a photo, or to create a layout that splits the screen into 2 sections one twice as big as the second */
	width: 460px;
}

.two_cols .split_lrg .content {
	padding: 0 0 0 2px;
}

.two_cols .split_lrg .content img {
	float: left;
}

.two_cols .split_lrg .content p {
	float: left;
	width: 160px; 
	padding: 0.8em 0 0 10px;
} 

.two_cols .split_lrg .content ul {
	float: left;
	width: 160px; 
	padding: 0.8em 0 0 10px;
} 

.two_cols .split_lrg h3 {
	float: left;
	width: 160px; 
	padding: 0.8em 0 0 10px;
} 

.row .splt_lrg .header { margin-bottom: 0;}

.two_cols .split_lrg .content p { padding-top: 0.5em; } /* overwrites prev statement to set the spacing back to default at the top */

.two_thirds .other  {
	display:inline;
	float:left;
	overflow: hidden;
	margin-left:0px;
	margin-right:19px
}

.box  {
	display:inline;
	float:left;
	overflow: hidden;
	margin-left:0px;
	margin-right:19px
}

.two_thirds .column  {
	display:inline;
	float:left;
	overflow: hidden;
	margin-left:0px;
	margin-right:19px
}

three_cols .column  {
	display:inline;
	float:left;
	overflow: hidden;
	margin-left:0px;
	margin-right:19px
}

.two_cols .column  {
	display:inline;
	float:left;
	overflow: hidden;
	margin-left:0px;
	margin-right:19px
}

.column  {
	display:inline;
	float:left;
	overflow: hidden;
	margin-left:0px;
	margin-right:19px
}

/* ------ HEADERS MORE ------ */



.header h1 {
	color: #333;
	margin: 5px 10px 0px 10px;
	padding: 0px 0px 5px 0px;
	font-size: 1.2em;
	float: none;
}

.header h2 {
	/*color: #333;*/
	margin: 5px 10px 0px 10px;
	padding: 0px 0px 5px 0px;
	font-size: 1.1em;
	float: none;
}

.more { /* style for the more> links pulls the more out 30px from the right side of the block */
	right: 26px;
	float: right;
	position: relative;
	top: 5px;
	padding: 0px 0px 0px 30px;
	font-size: 0.8em;
	font-weight: bold;
	text-transform: uppercase;
}

.more img { /* positions the chevron/arrow after the MORE link */
	position: absolute;
	top: 5px;
	right: -15px;
}

.more a { color:#000; }

/* coloured box */

.box {
	float: left;
	width: 720px;
	background-color: #f8f6d7;
	border-bottom: 1px solid #666;
	margin: 10px 0 20px 0;
	overflow: hidden;
}

.box table { margin-left: 20px; margin-right: 20px; }

.box ul { margin-left: 20px; margin-right: 20px; }

.box p { margin-left: 20px; margin-right: 20px; }

.box h3 { margin-left: 20px; margin-right: 20px; }
.box table td { border-top: 1px dotted #666; }

.box .more { right: 46px; padding-left: 40px; }

/* --- Photo/Nav Tops and Bottoms (decoration) -- */

img.photo  {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	width: inherit;
	float: left;
}
.content img.photo { width: 210px; margin-left:5px;}
.column img.photo { width: 210px; margin-left:5px;}
.photocap  { background-repeat: no-repeat; height: 6px; line-height: 1px; font-size: 0.1em; clear: left; margin-left:5px; } /* used for the left floated series of images - you can put a caption below - this styles that caption */
#left_column .photocap { margin-left:0; }
.photo_top    { width: 210px; background-image: url('../en/images/corner_photo_top.gif'); background-position: top left;  margin-left:5px; margin-top: 10px; }
.photo_bottom { width: 210px; background-image: url('../en/images/corner_photo_bottom.gif'); background-position: bottom left; margin-left:5px; }
.nav_top      { background-image: url(../images/corner_nav_top.gif); background-position: top left; }
.nav_bottom   { background-image: url(../images/corner_nav_bottom.gif); background-position: bottom left; }
#left_column .photolink { width: 260px;  }
.photolink       { width: 125px; float: left;  }
.photolink a     { font-weight: bold; }
.photolink .text { float: left; padding: 5px 0 0 5px; color: #FFFFFF; /* set colour of link text under photos/ministers photo here */ }

.icon_top     { width:125px; background-image: url('../en/images/corner_icon_top.gif'); background-position: top left; }
.icon_bottom  { width:125px; background-image: url('../en/images/corner_icon_bottom.gif'); background-position: bottom left; }
.icon { 	width: 125px; 	float: left; padding-bottom: 20px;}
.icon .photocap { padding-right:0; margin-left:0; }

.icon .photolink { padding-right:0; margin-left:0; }

.spacer { float: left; width: 40px; }
.half_spacer { float: left; width: 19px; }

.mini_spacer { float: left; width: 5px; }

/* -- COLOURS --*/
.grey { background-color: #868686; }
.mycolour { background-color: #000000; }
.red { background-color:#FF3300; }

/* --- CONTENT AREA LISTS --- */

#right_column ul li {
	list-style-type:disc;
	color:#000;
	margin-left: 20px;
	padding-left: 5px;
	line-height: 150%; /* STANDARDIZE */
}

#right_column ul li {
	color: #566d1b; /* text color for lists in content area */
}

#right_column ol li {
	margin-left: 20px;
	margin-right: 20px;
	padding-right: 10px;
}


.content li a { font-size: 90%; }


.column li a { font-size: 90%; }
.content ul   { margin: 0; padding: 0; margin-bottom: 20px; margin-top: 10px;}

.column ul   { margin: 0; padding: 0; margin-bottom: 20px; margin-top: 10px;}

/* ------ GRID - ------------ */



.grid_16  {
	display:inline;
	float:left;
	/*border-right: 1px dotted #ccc;*/
	overflow: hidden;
	margin-left:0px;
	padding-right: 9px;
	margin-right:10px
}



.grid_15  {
	display:inline;
	float:left;
	/*border-right: 1px dotted #ccc;*/
	overflow: hidden;
	margin-left:0px;
	padding-right: 9px;
	margin-right:10px
}



.grid_14  {
	display:inline;
	float:left;
	/*border-right: 1px dotted #ccc;*/
	overflow: hidden;
	margin-left:0px;
	padding-right: 9px;
	margin-right:10px
}



.grid_13  {
	display:inline;
	float:left;
	/*border-right: 1px dotted #ccc;*/
	overflow: hidden;
	margin-left:0px;
	padding-right: 9px;
	margin-right:10px
}



.grid_12  {
	display:inline;
	float:left;
	/*border-right: 1px dotted #ccc;*/
	overflow: hidden;
	margin-left:0px;
	padding-right: 9px;
	margin-right:10px
}



.grid_11  {
	display:inline;
	float:left;
	/*border-right: 1px dotted #ccc;*/
	overflow: hidden;
	margin-left:0px;
	padding-right: 9px;
	margin-right:10px
}



.grid_10  {
	display:inline;
	float:left;
	/*border-right: 1px dotted #ccc;*/
	overflow: hidden;
	margin-left:0px;
	padding-right: 9px;
	margin-right:10px
}



.grid_9  {
	display:inline;
	float:left;
	/*border-right: 1px dotted #ccc;*/
	overflow: hidden;
	margin-left:0px;
	padding-right: 9px;
	margin-right:10px
}



.grid_8plus  {
	display:inline;
	float:left;
	/*border-right: 1px dotted #ccc;*/
	overflow: hidden;
	margin-left:0px;
	padding-right: 9px;
	margin-right:10px
}



.grid_8  {
	display:inline;
	float:left;
	/*border-right: 1px dotted #ccc;*/
	overflow: hidden;
	margin-left:0px;
	padding-right: 9px;
	margin-right:10px
}



.grid_7  {
	display:inline;
	float:left;
	/*border-right: 1px dotted #ccc;*/
	overflow: hidden;
	margin-left:0px;
	padding-right: 9px;
	margin-right:10px
}



.grid_6  {
	display:inline;
	float:left;
	/*border-right: 1px dotted #ccc;*/
	overflow: hidden;
	margin-left:0px;
	padding-right: 9px;
	margin-right:10px
}



.grid_5  {
	display:inline;
	float:left;
	/*border-right: 1px dotted #ccc;*/
	overflow: hidden;
	margin-left:0px;
	padding-right: 9px;
	margin-right:10px
}



.grid_4  {
	display:inline;
	float:left;
	/*border-right: 1px dotted #ccc;*/
	overflow: hidden;
	margin-left:0px;
	padding-right: 9px;
	margin-right:10px
}



.grid_3  {
	display:inline;
	float:left;
	/*border-right: 1px dotted #ccc;*/
	overflow: hidden;
	margin-left:0px;
	padding-right: 9px;
	margin-right:10px
}



.grid_2  {
	display:inline;
	float:left;
	/*border-right: 1px dotted #ccc;*/
	overflow: hidden;
	margin-left:0px;
	padding-right: 9px;
	margin-right:10px
}



.grid_1  {
	display:inline;
	float:left;
	/*border-right: 1px dotted #ccc;*/
	overflow: hidden;
	margin-left:0px;
	padding-right: 9px;
	margin-right:10px
}

/*.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16 {
	background-color: #CCFFFF;
	border: 1px dotted green;
}*/ /* For planning, testing debugging */
/* widths WIDER THAN THE #right_column NAV GRID BOXES */
.grid_16 .header { /* whole page minus 20px (nav extra space) */
	width:960px
}
#wrapper .grid_16 { /* whole page minus 20px (nav extra space) */
	width:960px
}
.grid_15 .header {
	width:880px
}
#wrapper .grid_15 {
	width:880px
}
.grid_14 .header {
	width:820px
}
#wrapper .grid_14 {
	width:820px
}
.grid_13 .header {
	width:760px
}


#wrapper .grid_13 {
	width:760px
}


/* END widths WIDER THAN THE #right_column NAV GRID BOXES */


.grid_12 .header { /* whole right_column */
	width:700px;
}


#wrapper .grid_12 { /* whole right_column */
	width:700px;
}
.grid_11 .header {
	width:640px;
}
#wrapper .grid_11 {
	width:640px;
}
.grid_10 .header {
	width:580px
}
#wrapper .grid_10 {
	width:580px
}
.grid_9 .header {
	width:520px
}






#wrapper .grid_9 {
	width:520px
}






.grid_8plus .header {  /* for layouts w no left nav - transitional */
	width:500px
}






#wrapper .grid_8plus {  /* for layouts w no left nav - transitional */
	width:500px
}
.grid_8 .header { /* two thirds of right_column */
	width:460px
}
#wrapper .grid_8 { /* two thirds of right_column */
	width:460px
}
.grid_7 .header {
	width:400px
}
#wrapper .grid_7 {
	width:400px
}
.grid_6 .header { /* half of right_column */
	width:340px
}
#wrapper .grid_6 { /* half of right_column */
	width:340px
}
.grid_5 .header {
	width:280px
}
#wrapper .grid_5 {
	width:280px
}
.grid_4 .header { /* one third of right_column */
	width:220px
}
#wrapper .grid_4 { /* one third of right_column */
	width:220px
}
.grid_3 .header { /* a quarter of right_column */
	width:160px
}
#wrapper .grid_3 { /* a quarter of right_column */
	width:160px
}
.grid_2 .header {
	width:100px
}

#wrapper .grid_2 {
	width:100px
}

.grid_1 .header {
	width:40px
}

#wrapper .grid_1 {
	width:40px
}
/* -- USEFUL for NESTING grid items -- remove last margin in set */

.nomargin { margin: 0; } /* removes all margins */
.noborder { border: 0; } /* removes all borders */

/* --------- CLEARING ------------*/
html body span.clear {
	background:none;
	border:0;
	clear:both;
	display:block;
	float:none;
	font-size:0;
	margin:0;
	padding:0;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0
}
html body div.clear {
	background:none;
	border:0;
	clear:both;
	display:block;
	float:none;
	font-size:0;
	margin:0;
	padding:0;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0
}
* html .clearfix {
	height:1%
}
.clearfix {
	display:block
}
/* clearfix */
.row:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.row {display:inline-block;} 
.clearfix {display:inline-block;} /*Those two .clearfix have to be separate!)*/
.row {display:block;}

.clearfix {display:block;}

/* CHANGE-ABLE */

#right_column .content .nobulletlist li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

tr.ratetbleheader  {
	/*background-color: #AEC9E4;*/
	background-color: #dffaf6;
}

.style1 {
	border-style: solid;
	border-width: 1px;
	text-align: center;
}

.style2 {
	border-right-style: solid;
	border-right-width: 1px;
	border-top-style: solid;
	border-top-width: 1px;
}
.style3 {
	border-left-style: solid;
	border-left-width: 1px;
	border-top-style: solid;
	border-top-width: 1px;
}
.style4 {
	border-right-style: solid;
	border-right-width: 1px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	background-color: #dffaf6;
}
.style5 {
	border-left-style: solid;
	border-left-width: 1px;
	border-right-style: solid;
	border-right-width: 1px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	background-color: #dffaf6;
}
.style6 {
	border-left-style: solid;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	background-color: #dffaf6;
}
.style7 {
	border-right-style: solid;
	border-right-width: 1px;
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}
.style7b {
	border-right-style: solid;
	border-right-width: 1px;
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	text-align: left;
	font-weight: bold;
}
.style8 {
	border-left-style: solid;
	border-left-width: 1px;
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}
.style8 a {
	color: #800000;
}
.style9 {
	border-left-style: solid;
	border-left-width: 1px;
	border-right-style: solid;
	border-right-width: 1px;
	border-top-style: solid;
	border-top-width: 1px;
}

.toc a {
	color: #800000;
}

.nobr	{ white-space:nowrap; }

#search:focus::placeholder { color: transparent; }