body
{
	margin: 0;
	padding: 0;
	background: #EEF6F9 url(/shared/images/body.jpg) repeat-x top left;
}


/**
 * Layout Sections
 */
#header, #content, #footer
{
	width: 890px;
	margin: 0 auto;
}

#header
{
	position: relative;
	height: 166px;
}

#header #logo
{
	display: block;
	position: absolute;
	right: 40px;
	top: 35px;
	width: 117px;
	height: 116px;
	background: transparent url(/shared/images/koc_logo.gif) no-repeat center center;
}

#header #logo_fr
{
	display: block;
	position: absolute;
	right: 0;
	top: 35px;
	width: 117px;
	height: 116px;
	background: transparent url(/fr/images/koc_logo.jpg) no-repeat center center;
}

#header #fathers
{
	display: block;
	position: absolute;
	left: 20px;
	top: 0;
	width: 380px;
	height: 164px;
	background: transparent url(/en/images/header.png) no-repeat center center;
}

#header #fathers_fr
{
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 461px;
	height: 164px;
	background: transparent url(/fr/images/header.png) no-repeat center center;
}

#header #fathers_es
{
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 415px;
	height: 161px;
	background: transparent url(/es/images/header.png) no-repeat center center;
}

#content
{
	position: relative;
	margin-top: 20px;
	margin-bottom: 20px;
	*width: 898px;
}

#footer
{
	clear: both;
	position: relative;
	border-top: 3px solid #6985AD;
	padding-top: 7px;
	margin-bottom: 75px;
}

#banner
{
	margin: 0 0 20px 0;
}


/**
 * Column Layouts
 */
#column_navigation
{
	border-top: 1px solid transparent;
	_border-top: none;
	*border-top: none;
	width: 280px;
	float: left;
}

#column_content
{
	width: 606px;
	*width: 614px;
	border-top: 1px solid transparent;
	_border-top: none;
	*border-top: none;
	margin-left: 275px;
}

#column_content_left
{
	float: left;
	width: 305px;
}

#column_content_right
{
	width: 305px;
	margin-left: 305px;
	_margin-left: 301px;
	*margin-left: 301px;
}

#column_content_wide
{
	width: 606px;
}


/**
 * Column Navigation
 */
#column_navigation #navigation ul
{
	list-style: none;
	padding: 0;
	margin: 35px 0 25px 0;
}

#column_navigation #navigation ul li
{
	padding: 0;
	margin: 0;
}

#column_navigation #navigation ul li a,
#column_navigation #navigation ul li a:link,
#column_navigation #navigation ul li a:visited
{
	text-shadow: #FFFFFF 2px 2px 3px;
	display: block;
	text-decoration: none;
	width: 255px;
	padding: 10px;
	margin: 4px 0;
	background-color: #D5E2E7;
	color: #4D74A8;
	font-family: "Lucida Grande", Verdana, Helvetica, Helv, Arial, Sans, sans-serif;
	font-size: 95%;
	text-transform: uppercase;
	font-weight: bold;
}

#column_navigation #navigation ul li a:active,
#column_navigation #navigation ul li a:focus,
#column_navigation #navigation ul li a:hover
{
	text-shadow: none;
	background-color: #9FC3F3;
	color: #FFFFFF;
}

#column_navigation #navigation ul li a.active:link,
#column_navigation #navigation ul li a.active:active,
#column_navigation #navigation ul li a.active:visited,
#column_navigation #navigation ul li a.active:hover
{
	text-shadow: #000000 2px 2px 3px;
	color: #FFFFFF;
	background-color: #9fc3f3;
}

#column_navigation #navigation ul li ul li a.active
{
	text-shadow: #000000 2px 2px 3px;
	color: #FFFFFF;
	background-color: #527AB2;
}

#column_navigation #navigation ul li ul
{
	list-style: none;
	padding: 0;
	margin: 0;
	_margin-top: 4px;
	*margin-top: 4px;
}

#column_navigation #navigation ul li ul li
{
	padding: 0;
	margin: 0;
}

#column_navigation #navigation ul li ul li a,
#column_navigation #navigation ul li ul li a:link,
#column_navigation #navigation ul li ul li a:visited
{
	width: 197px;
	margin: 0;
	padding: 7px 7px 7px 70px;
	font-size: 75%;
}

#column_navigation #navigation ul li ul li a:hover,
#column_navigation #navigation ul li ul li a:focus,
#column_navigation #navigation ul li ul li a:active
{
	margin: 0;
}



/**
 * Navigation Links
 */
#header #language_navigation a,
#header #language_navigation a:link,
#header #language_navigation a:active,
#header #language_navigation a:visited,
#header #language_navigation a:focus,
#header #language_navigation a:hover,
#footer #links a,
#footer #links a:link,
#footer #links a:active,
#footer #links a:visited,
#footer #links a:focus,
#footer #links a:hover,
#footer #sitemap a,
#footer #sitemap a:link,
#footer #sitemap a:active,
#footer #sitemap a:visited,
#footer #sitemap a:focus,
#footer #sitemap a:hover
{
	margin: 0 10px;
	display: inline;
	color: #65A0C2;
	text-transform: uppercase;
	text-decoration: none;
}

#footer #links a:active,
#footer #links a:focus,
#footer #links a:hover,
#footer #sitemap a:active,
#footer #sitemap a:focus,
#footer #sitemap a:hover,
#header #language_navigation a:active,
#header #language_navigation a:focus,
#header #language_navigation a:hover
{
	text-decoration: underline;
}


/**
 * Language Navigation
 */
#header #language_navigation
{
	display: block;
	position: absolute;
	right: 0;
	top: 3px;
	color: #FFFFFF;
	font-family: "Lucida Grande", Verdana, Helvetica, Helv, Arial, Sans, sans-serif;
	font-size: 7pt;
}

#header #language_navigation a,
#header #language_navigation a:link,
#header #language_navigation a:active,
#header #language_navigation a:visited,
#header #language_navigation a:focus,
#header #language_navigation a:hover
{
	color: #FFFFFF;
}


/**
 * Box
 */
* html .boxhead h1 {height: 1%;} /* For IE 5 PC */

.box
{
	margin: 0 auto;
	background: url(/shared/images/sbbody-r.gif) no-repeat bottom right;
}

.boxhead
{
	background: url(/shared/images/sbhead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 100%;
}

.boxhead h1
{
	background: url(/shared/images/sbhead-l.gif) no-repeat top left;
	margin: 0;
	text-transform: uppercase;
	font-family: "Lucida Grande", Verdana, Helvetica, Helv, Arial, Sans, sans-serif;
	font-size: 200%;
	color: #90B3CF;
	padding: 21px 15px 0 15px;
	text-shadow: #000000 1px 1px 2px;
}

.boxhead h1 a:link,a:visited,a:active,a:hover
{
	color: #90B3CF;
	text-decoration: none;
}

.boxbody
{
	background: url(/shared/images/sbbody-l.gif) no-repeat bottom left ;
	padding: 0 0 40px 0;
}

.boxcontent
{
	background: url(/shared/images/sbbody-c.gif) repeat-y top center;
	padding: 5px 30px 31px 30px;
}

.boxcontent-sm
{
	background: url(/shared/images/sbbody-c-sm.gif) repeat-y top center;
	padding: 5px 30px 5px 30px;
}

.boxcontent-md
{
	background: url(/shared/images/sbbody-c-md.gif) repeat-y top center;
	padding: 4px 30px 15px 30px;
}

.box p, .box ul, .box ol
{
	margin-left: 8px;
	margin-right: 8px;
	font-family: "Lucida Grande", Verdana, Helvetica, Helv, Arial, Sans, sans-serif;
	font-size: 80%;
	color: #444444;
}

#tools ul li
{
	list-style: none;
}

.box ul li:before
{
	content: '- ';
}

.box ul li a,
.box ul li a:link,
.box ul li a:visited,
.box ol li a,
.box ol li a:link,
.box ol li a:visited
{
	color: #555555;
	text-decoration: none;
}

.box ul li a:hover,
.box ul li a:active,
.box ul li a:focus,
.box ol li a:hover,
.box ol li a:active,
.box ol li a:focus
{
	color: #4F6FA1;
	text-decoration: underline;
}

.box h2,
.box h2 a,
.box h2 a:link,
.box h2 a:visited,
.box h3,
.box h3 a,
.box h3 a:link,
.box h3 a:visited
{
	color: #4F6FA1;
	font-family: "Lucida Grande", Verdana, Helvetica, Helv, Arial, Sans, sans-serif;
	text-decoration: none;
}

.box h2 a:hover,
.box h2 a:active,
.box h2 a:focus,
.box h3 a:hover,
.box h3 a:active,
.box h3 a:focus
{
	text-decoration: underline;
}

.box h2
{
	margin-top: 15px;
	font-size: 100%;
}

.box h3
{
	font-size: 90%;
}

.box #cloud a.tag1  { font-size: 100%; font-weight: 100; color: #BBC0C9; }
.box #cloud a.tag2  { font-size: 120%; font-weight: 200; color: #B3BDCB; }
.box #cloud a.tag3  { font-size: 140%; font-weight: 300; color: #A7B6CD; }
.box #cloud a.tag4  { font-size: 160%; font-weight: 400; color: #99AFCF; }
.box #cloud a.tag5  { font-size: 180%; font-weight: 500; color: #8BA8D2; }
.box #cloud a.tag6  { font-size: 200%; font-weight: 600; color: #7EA2D7; }
.box #cloud a.tag7  { font-size: 220%; font-weight: 700; color: #76A2E5; }
.box #cloud a.tag8  { font-size: 240%; font-weight: 800; color: #71A5F4; }
.box #cloud a.tag9  { font-size: 260%; font-weight: 900; color: #5F9AF3; }
.box #cloud a.tag10 { font-size: 280%; font-weight: 900; color: #5C9DFF; }
.box #cloud         { padding: 2px; line-height: 1.5em; _line-height: 2em; *line-height: 2em; text-align: center; }
.box #cloud a       { padding: 0px; text-transform: uppercase; }
.box ul#cloud       { margin: 0; }
.box ul li:before   { content: ''; }
.box ul#cloud li    { display: inline; }

.box fieldset
{
	width: 140px;
	_width: 168px;
	_padding: 7px;
	*width: 168px;
	*padding: 7px;
	text-align: left;
	border: 1px dashed #999999;
	background-color: #EEEEEE;
}

.box fieldset label
{
	font-family: "Lucida Grande", Verdana, Helvetica, Helv, Arial, Sans, sans-serif;
	font-size: 75%;
	display: inline;
	line-height: 2em;
	color: #444444;
}


/**
 * Callouts
 */
#callout_left
{
	display: block;
	position: relative;
	float: left;
	width: 185px;
	margin: 7px 14px 14px 0;
	padding: 0;
	background: url(/shared/images/callout_left_body.gif) repeat-y top center;
}

#callout_left #callout_left_head
{
	position: relative;
	cursor: pointer;
	display: block;
	width: 185px;
	height: 36px;
	text-align: center;
	padding: 16px 0 0 0;
	background: url(/shared/images/callout_left_head.gif) no-repeat top center;
}

#callout_left #callout_left_head h1
{
	text-shadow: #FFFFFF 2px 2px 3px;
	font-family: "Lucida Grande", Verdana, Helvetica, Helv, Arial, Sans, sans-serif;
	font-size: 80%;
	font-weight: bold;
	color: #5D7392;
	text-transform: uppercase;
	display: inline;
}

#callout_left p, #callout_left h2
{
	margin: 14px 20px;
}

#callout_left_body, #callout_right_body
{
	position: relative;
}

#callout_left h2
{
	font-size: 80%;
}

#callout_right
{
	display: block;
	float: right;
	width: 232px;
	margin: 0px 0 14px 14px;
	padding: 0;
	background: url(/shared/images/callout_right_body.gif) repeat-y top center;
}

#callout_right #callout_right_head
{
	cursor: pointer;
	display: block;
	width: 232px;
	height: 134px;
	text-align: center;
	padding: 10px 0 0 0;
	background: url(/shared/images/callout_right_head.gif) no-repeat top center;
}

#callout_right_body p, #callout_right_body h2
{
	margin: 14px 30px;
}

#callout_right_body p
{
	font-size: 75%;
	color: #4e75ad;
}

#callout_right_body h2
{
	font-size: 80%;
}

#callout_right #callout_right_head p
{
	text-shadow: #000000 2px 2px 3px;
	font-family: "Lucida Grande", Verdana, Helvetica, Helv, Arial, Sans, sans-serif;
	font-size: 80%;
	margin: 0;
	display: block;
	padding: 0 25px;
	line-height: 1.25em;
	color: #FFFFFF;
}


/**
 * Article Tools
 */
#tools
{
	width: 100px;
	border: 1px solid #EEEEEE;
	padding: 14px;
	margin: 14px 0 14px 20px;
	float: right;
}

#tools h1
{
	font-family: "Lucida Grande", Verdana, Helvetica, Helv, Arial, Sans, sans-serif;
	font-size: 75%;
	font-weight: normal;
	margin-top: 0;
	text-transform: uppercase;
	text-align: center;
	color: #777777;
	text-shadow: none !important;
}

#tools ul
{
	margin: 20px 0 0 -50px;
	padding: 0;
}



/**
 * Footer Navigation
 */
#footer #links
{
	display: block;
	z-index: 1;
	position: relative;
	font-family: "Lucida Grande", Verdana, Helvetica, Helv, Arial, Sans, sans-serif;
	font-size: 75%;
}


/**
 * Footer Sitemap Navigation
 */
#footer #sitemap
{
	display: block;
	z-index: 2;
	position: relative;
	float: right;
	font-family: "Lucida Grande", Verdana, Helvetica, Helv, Arial, Sans, sans-serif;
	font-size: 75%;
}


/**
 * HTML Elements and Styling
 */
img
{
	display: block;
}

#footer
{
	_padding-bottom: 20px;
	*padding-bottom: 20px;
}

#footer #copyright
{
	position: relative;
	left: 0;
	float: left;
	margin-right: 14px;
	font-family: "Lucida Grande", Verdana, Helvetica, Helv, Arial, Sans, sans-serif;
	font-size: 75%;
	text-transform: uppercase;
	color: #777777;
}

.home
{
	display: inline;
	padding-left: 25px;
	padding-bottom: 4px;
	background: transparent url(/shared/images/icon_home.gif) no-repeat top left;
}
.bullet
{
	margin-left: 8px;
	margin-right: 8px;
	padding: 14px; 0px; 0px; 0px;
	font-family: "Lucida Grande", Verdana, Helvetica, Helv, Arial, Sans, sans-serif;
	font-size: 80%;
	color: #444444;
}

/* The following styles were received from CentreSource on 10/1/08 */
#header #box
{
	display: block;
	position: absolute;
	right: 0;
	top: 50px;
	width: 310px;
	height: 98px;
	background: transparent url(/shared/images/headerbox.png) no-repeat center center;
	font-family: "Lucida Grande", Verdana, Helvetica, Helv, Arial, Sans, sans-serif;
	font-size: 7pt;
}

#header #box h3 {
	margin: 6px 20px 4px 20px;
	color: #305890;
	font-size: 18px;
	text-align: center;
}

#header #box h4 {
	margin: 5px 15px 5px 20px;
	font-size: 12px;
	font-weight: normal;
}

#header #box a{
	color: #5F9AF3;
	display: inline;
	font-weight: bold;
}

#header #box img {
	float: left;
	margin: 0 10px 20px 20px;
	_margin: 0 10px 20px 10px;
}


#header #language_navigation img {
	display: inline;
	vertical-align: top;
}

/* added by SW for the H1 tags and Share this button */
h1
	{
	text-transform: uppercase;
	font-family: "Lucida Grande", Verdana, Helvetica, Helv, Arial, Sans, sans-serif;
	font-size: 200%;
	color: #90B3CF;
	text-shadow: #000000 1px 1px 2px;
	}
	
#sharethis_0 .stbuttontext {
	text-decoration: underline;
	font-size: 13px;
	}
/* The above styles were received from CentreSource on 10/1/08 */


/*Fixes by SW */

p.h_one
	{
	background: url(/shared/images/sbhead-l.gif) no-repeat top left;
	margin: 0;
	text-transform: uppercase;
	font-family: "Lucida Grande", Verdana, Helvetica, Helv, Arial, Sans, sans-serif;
	font-size: 200%;
	color: #90B3CF;
	padding: 21px 15px 0 15px;
	text-shadow: #000000 1px 1px 2px;
	}
	
	/*added by SAW for lists */
	
.boxcontent ul li
	{
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 50px;
	}
	
.boxcontent ol li
	{
	display: list-item;
	list-style-type: none !important;
	margin: 0 !important;
	padding-left: 10px;
	}
	
	
/*Search*/
.search-meta {overflow:hidden;}
.search-meta p {float:left;}
.search-meta p + p {float:right;}
.search-meta a, .search-results a, .pagination a {color:#4F6FA1 !important;}
.search-results, .pagination {margin:20px 0;padding:0;overflow:hidden;}
.search-results a {font-weight:bold;font-size:22px;margin:0;padding:0;display:block;}
.search-results p {margin:0 0 20px 0;padding:0;font-size:13px;line-height:20px;}
.pagination li {display:inline;padding:0 0px;}
.search-results li {list-style-type: none !important;}
body.search #column_content, body.search #column_content_wide {
	width: 890px;
	margin-left: 0;
}
body.search .boxcontent {
	background: url(/shared/images/sbbody-d.gif) repeat-y top center;
}