@charset "UTF-8";
/* CSS Document */

/*----- M O D I F I E D   B R O W S E R   R E S E T -----*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0px;
	padding: 0px;
	border: 0px;
	vertical-align: baseline;
	background: transparent;
}
body {
	background-color: #CCCCCC;
}

/*----- C L E A R ,   H I D D E N ,   A N D   F L O A T   S T Y L E S -----*/

.clear {
	clear: both;
}
.hidden {
	position: absolute;
	height: 1px;
	width: 1px;
	left: -10000px;
	top: auto;
	overflow: hidden;
}
.float_left {
	float: left;
}
.float_right {
	float: right;
}
/*----- T E M P L A T E   S T Y L E S -----*/

.panel_text sup{
	height: 100%;
	width: 100%;
	background-image: url(../images/background.png);
	background-repeat: repeat-x;
	background-position: left top;
}
#page {
	height: 100%;
	width: 995px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/page_background.png);
	position: relative;
}
#container {
	width: 955px;
	min-height: 955px;
	_height: 955px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	padding-bottom: 24px;
}
#header {
	height: 60px;
	width: 955px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-bottom: 10px;
}
#banner {
	height: 150px;
	width: 955px;
	margin-right: auto;
	margin-left: auto;
}
#global_navigation {
	height: 40px;
	width: 895px;
	background-image: url(../images/navigation/global_navigation_right.gif);
	background-repeat: repeat-x;
	background-position: right -40px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 30px;
	padding-left: 30px;
	
}
#local_navigation {
	height: 40px;
	width: 895px;
	background-image: url(../images/navigation/local_navigation_right.gif);
	background-repeat: repeat-x;
	background-position: right -40px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 30px;
	padding-left: 30px;
}
#content {
	float: left;
	width: 600px;
	padding-left: 30px;
	margin-top: 30px;
	margin-bottom: 30px;
}
#hightlights {
	float: right;
	width: 250px;
	padding-right: 30px;
	margin-top: 30px;
}
#footer {
	height: 14px;
	background-color: #000000;
	width: 895px;
	padding-top: 5px;
	padding-right: 30px;
	padding-bottom: 5px;
	padding-left: 30px;
	position: absolute;
	bottom: 0px;
}

/*----- H E A D E R   S T Y L E S -----*/

#logo {
	float: left;
	height: 60px;
	width: 500px;
	margin-left: 30px;
}
#symbol {
	background-image: url(../images/kso_logo.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 60px;
	width: 60px;
	float: left;
}
#symbol a {
	display: block;
	height: 60px;
	width: 60px;
}
#wordmark {
	float: right;
	height: 60px;
	width: 420px;
	padding-left: 20px
}
#wordmark a {
	display: block;
	height: 60px;
	width: 420px;
	text-decoration: none;
	color: #000000;
}

/*----- G L O B A L   N A V I G A T I O N   S T Y L E S -----*/

#global_navigation ul {
    list-style: none;
}
#global_navigation li {
	float: left;
	background-image: url(../images/navigation/global_navigation_right.gif);
	background-repeat: no-repeat;
	background-position: right -40px;
	margin: 0;
	padding: 0;
}
#global_navigation li:hover {
	background-image: url(../images/navigation/global_navigation_right.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
#global_navigation a {
	display: block;
	width: 78px;
	height: 33px;
	background-image: url(../images/navigation/global_navigation_left.gif);
	background-repeat: no-repeat;
	background-position: left -40px;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
#global_navigation a:hover {
	background-image: url(../images/navigation/global_navigation_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#global_navigation_text {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
	line-height: normal;
}
#global_navigation_text a {
	color: #000000;
	text-decoration: none;
}
#global_navigation_text a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
li#global_selected {
	background-image: url(../images/navigation/global_navigation_right.gif);
	background-repeat: no-repeat;
	background-position: right -80px;
}
li:hover#global_selected {
	background-image: url(../images/navigation/global_navigation_right.gif);
	background-repeat: no-repeat;
	background-position: right -80px;
}
#global_selected a {
	background-image: url(../images/navigation/global_navigation_left.gif);
	background-repeat: no-repeat;
	background-position: left -80px;
	color: #FFFFFF;
	text-decoration: none;
}
#global_selected a:hover {
	background-image: url(../images/navigation/global_navigation_left.gif);
	background-repeat: no-repeat;
	background-position: left -80px;
	color: #FFFFFF;
	text-decoration: none;
}

/*----- L O C A L   N A V I G A T I O N   S T Y L E S -----*/

#local_navigation ul {
    list-style: none;
}
#local_navigation li {
	float: left;
	background-image: url(../images/locbal_navigation_rollover_right.gif);
	background-repeat: no-repeat;
	background-position: right -40px;
	margin: 0;
	padding: 0;
}
#local_navigation li:hover {
	background-image: url(../images/navigation/local_navigation_right.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
#local_navigation a {
	display: block;
	width: 78px;
	height: 33px;
	background-image: url(../images/navigation/local_navigation_left.gif);
	background-repeat: no-repeat;
	background-position: left -40px;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
#local_navigation a:hover {
	background-image: url(../images/navigation/local_navigation_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#local_navigation_text {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	line-height: normal;
}
#local_navigation_text a {
	color: #FFFFFF;
	text-decoration: none;
}
#local_navigation_text a:hover {
	color: #000000;
	text-decoration: none;
}
li#local_selected {
	background-image: url(../images/navigation/local_navigation_right.gif);
	background-repeat: no-repeat;
	background-position: right -80px;
}
li:hover#local_selected {
	background-image: url(../images/navigation/local_navigation_right.gif);
	background-repeat: no-repeat;
	background-position: right -80px;
}
#local_selected a {
	background-image: url(../images/navigation/local_navigation_left.gif);
	background-repeat: no-repeat;
	background-position: left -80px;
	color: #000000;
	text-decoration: none;
}
#local_selected a:hover {
	background-image: url(../images/navigation/local_navigation_left.gif);
	background-repeat: no-repeat;
	background-position: left -80px;
	color: #000000;
	text-decoration: none;
}

/*----- C O N T E N T   S T Y L E S -----*/

.one_column {
	width: 600px;
	margin-bottom: 20px;
}
.two_column_left {
	float: left;
	width: 290px;
	margin-bottom: 20px;
}
.two_column_right {
	float: right;
	width: 290px;
	margin-bottom: 20px;
}

/*----- H I G H L I G H T S   S T Y L E S -----*/

#recent_news, #recent_accolades, #quick_links, #interact {
	width: 250px;
}
.highlights_top {
	background-image: url(../images/highlights_top_background.gif);
	background-repeat: repeat-x;
	background-position: left top;
	height: 15px;
	width: 240px;
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 5px;
}
.highlights_bottom {
	width: 230px;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 5px;
	margin-bottom: 20px;
	background-image: url(../images/highlights_bottom_background.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}
.highlights_bottom ul {
	list-style: none;
}
.highlights_bottom li {
	margin-top: 5px;
	margin-bottom: 5px;
}
.highlights_bottom a {
	color: #333333;
	text-decoration: none;
}
.highlights_bottom a:hover {
	color: #B40000;
}
#canada_helps_kso a{
	display: block;
	height: 32px;
	width: 70px;
	background-image: url(../images/social_network_icons/canada_helps.png);
	background-repeat: no-repeat;
	background-position: left top;
	border: 0px;
	padding-left: 40px;
	padding-top: 0px;
}
#canada_helps_kso a:hover{
	background-image: url(../images/social_network_icons/canada_helps.png);
	background-repeat: no-repeat;
	background-position: left -32px;
}
#facebook_kso a {
	display: block;
	height: 25px;
	width: 70px;
	background-image: url(../images/social_network_icons/facebook.png);
	background-repeat: no-repeat;
	background-position: left top;
	border: 0px;
	padding-left: 40px;
	padding-top: 7px;
}
#facebook_kso a:hover {
	background-image: url(../images/social_network_icons/facebook.png);
	background-repeat: no-repeat;
	background-position: left -32px;
}
#flickr_kso a {
	display: block;
	height: 25px;
	width: 70px;
	background-image: url(../images/social_network_icons/flickr.png);
	background-repeat: no-repeat;
	background-position: left top;
	border: 0px;
	padding-left: 40px;
	padding-top: 7px;
}
#flickr_kso a:hover {
	background-image: url(../images/social_network_icons/flickr.png);
	background-repeat: no-repeat;
	background-position: left -32px;
}
#myspace_kso a {
	display: block;
	height: 25px;
	width: 70px;
	background-image: url(../images/social_network_icons/myspace.png);
	background-repeat: no-repeat;
	background-position: left top;
	border: 0px;
	padding-left: 40px;
	padding-top: 7px;
}
#myspace_kso a:hover {
	background-image: url(../images/social_network_icons/myspace.png);
	background-repeat: no-repeat;
	background-position: left -32px;
}
#twitter_kso a {
	display: block;
	height: 25px;
	width: 70px;
	background-image: url(../images/social_network_icons/twitter.png);
	background-repeat: no-repeat;
	background-position: left top;
	border: 0px;
	padding-left: 40px;
	padding-top: 7px;
}
#twitter_kso a:hover {
	background-image: url(../images/social_network_icons/twitter.png);
	background-repeat: no-repeat;
	background-position: left -32px;
}
#youtube_kso a {
	display: block;
	height: 25px;
	width: 70px;
	background-image: url(../images/social_network_icons/youtube.png);
	background-repeat: no-repeat;
	background-position: left top;
	border: 0px;
	padding-left: 40px;
	padding-top: 7px;
}
#youtube_kso a:hover {
	background-image: url(../images/social_network_icons/youtube.png);
	background-repeat: no-repeat;
	background-position: left -32px;
}
/*----- F O O T E R   S T Y L E S -----*/

#footer {
	color: #FFFFFF;
}
#disclaimer {
	float: left;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: uppercase;
	color: #FFFFFF;
}
#sitemap {
	float: right;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: uppercase;
	color: #FFFFFF;
}
#sitemap a {
	color: #FFFFFF;
	text-decoration: none;
}
#sitemap a:hover {
	color: #FFFFFF;
	text-decoration: none;
}