/* resets */
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:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	border:0;
	outline:0;
	background:transparent;
}

blockquote, q {
	quotes:none;
}

:focus {
	outline:0;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

body {
	font-family:"Arial", sans-serif;
	font-size:14px;
	line-height:20px;
	color:#222;
	background:#bcbcbc url('../images/ui/body.png') repeat-y 50% 0;
}

/* basic styles */

h1 {
	margin-bottom:10px;
	font-size:24px;
	font-weight:normal;
	color:#a64b42;
	line-height:30px;
}

h2 {
	margin-bottom:10px;
	font-size:18px;
	font-weight:normal;
	color:#a64b42;
}

h3 {
	font-size:14px;
	font-weight:bold;
	color:#a64b42;	
}

h4 {
	font-size:14px;
	font-weight:bold;
}

p {
	margin:0;
	margin-bottom:20px;
	padding:0;
}

a, a:visited {
	color:#1f5c99;
	text-decoration:none;
}

a:hover {
	color:#222;
}

a img {
	border:none;
}

:focus {
	outline:0;
}

ul, ol {
	margin:0;
	padding:0;
	padding-left:10px;
	margin-bottom:20px;
	list-style-position:inside;
}

ul ul, 
ul ol, 
ol ol, 
ol ul {
	margin:0;
}

hr {
	margin:0;
	margin-bottom:20px;
	padding:0;
	height:1px;
	color:#bcbcbc;
	background-color:#bcbcbc;
	border:none;
}

blockquote {
	margin-bottom:20px;
	font-style:italic;
	color:#a64b42;
}

/* structure */

#Page {
	margin:auto;
	width:960px;
	overflow:hidden;
}
		
#Header {
	margin:auto;
	padding:0 10px;
	position:relative;
	width:940px;
	height:130px;
	color:#fff;
	background:url('../images/ui/header.png') no-repeat 0 0;
	overflow:hidden;
}

#Header h1 {
	margin:0;
	padding:0 10px;
	position:absolute;
	left:0;
	bottom:60px;
	line-height:20px;
}

#Header h1 img {
	display:block;
}

#Header a {
	color:#fff;
	text-decoration:none;
}

#UserActions {
	padding:0 10px;
	position:absolute;
	right:0;
	bottom:50px;
	font-size:12px;
	font-weight:bold;
	color:#fff;	
}

#UserActions span {
	margin-bottom:15px;
	padding:0 5px;
	display:block;
	text-align:right;
}

#Search {
	width:215px;
	height:35px;
	background:url('../images/ui/search.png') no-repeat 0 0;
	overflow:hidden;
}

#Search input {
	margin:3px 0 0;
	padding:8px 10px 8px 35px;
	display:block;
	width:170px;
	font-size:12px;
	font-weight:bold;
	line-height:15px;
	color:#335980;
	background:none;
	border:none;
	vertical-align:middle;
}

#Navigation {
	padding:0 10px;
	position:absolute;
	left:0;
	bottom:0;
	height:30px;
	overflow:hidden;
}

#Navigation ul {
	margin:0;
	padding:0;
	list-style:none;
}

#Navigation li {
	margin-right:5px;
	height:30px;
	font-weight:bold;
	overflow:hidden;
	float:left;
}

#Navigation li a {
	padding-left:20px;
	display:block;
	line-height:30px;
	background:url('../images/ui/navigation.png') no-repeat 0 0px;	
}

#Navigation li a span {
	padding-right:20px;
	display:block;
	background:url('../images/ui/navigation.png') no-repeat 100% -90px;	
}

#Navigation li a:hover {
	color:#222;
	background-position:0 -30px;
}

#Navigation li a:hover span {
	background-position:100% -120px;
}

#Navigation li.chl2_active a {
	color:#222;
	background-position:0 -60px;
}

#Navigation li.chl2_active a span {
	background-position:100% -150px;
}

#BreadCrumb {
	margin-bottom:10px;
	font-size:12px;
}

#Main {
	margin:20px 0;
	padding:0 10px;
	overflow:hidden; /* ie */
	height:1%; /* ie */
}

#Main.home {
	background:url('../images/ui/main_home.gif') 0 0 repeat-y;
}

#Main.twoColumn {
	background:url('../images/ui/main_twoColumn.gif') 0 0 repeat-y;
}

#Main.threeColumn {
	background:url('../images/ui/main_threeColumn.gif') 0 0 repeat-y;
}

#Main.home #Content {
	padding-right:20px;
	width:700px;
	float:left;
}

#Main.twoColumn #Content {
	padding-left:20px;
	width:700px;
	float:left;
}

#Main.threeColumn #Content {
	padding:0 20px;
	width:460px;
	float:left;
}

#Main #Content {
	overflow:hidden;
}

#Main .sidebar {
	width:220px;
	overflow:hidden;
}

#SubNavigation {
	padding-bottom:10px;
	background:#dfe9f2 url('../images/ui/subNavigation.png') 0 100% no-repeat;
}

#SubNavigation h2 {
	padding:5px 10px;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	background:#17324d url('../images/ui/subNavigation_h2.png') 0 0 no-repeat;
}

#SubNavigation ul {
	padding:0 10px;
}

#SubNavigation li.chl2_active a {
	color:#a64b42;
}

#Footer {
	margin:10px;
	padding-top:5px;
	padding-bottom:10px;
	font-size:12px;
	color:#666;
	border-top:1px solid #bcbcbc;
}

#Feature {
	margin-bottom:20px;
	position:relative;
	overflow:hidden;
	clear:both;	
}

#Feature img {
	display:block;
}

#FeatureItems img {
	display:block;
}

#Pager {
	position:absolute;
	bottom:10px;
	right:10px;
	z-index:900;
}

#Pager .pages {
	display:inline;
}

#Pager a,
#Pager a:visited {
	margin-left:9px;
	display:block;
	width:22px;
	height:22px;
	font-weight:bold;
	text-align:center;
	line-height:22px;
	color:#fff;
	background:#000;
	float:left;	
}

#Pager a.activeSlide,
#Pager a:visited.activeSlide,
#Pager a:hover {
	color:#000;
	background:#fff;
}

#Pager .pause,
#Pager .resume {
	margin-left:9px;
	display:block;
	width:22px;
	height:22px;
	font-weight:bold;
	text-align:center;
	line-height:22px;
	text-indent:-900em;
	color:#fff;
	float:left;
	overflow:hidden;
}

#Pager .pause {
	background:#000 url('../images/ui/pager_actions.png') no-repeat 0 -44px;
}

#Pager .resume {
	background:#000 url('../images/ui/Pager_actions.png') no-repeat 0 0;
}

#Pager .pause:hover {
	background-position:0 -66px;
	background-color:#fff;
	cursor:pointer;
}

#Pager .resume:hover {
	background-position:0 -22px;
	background-color:#fff;
	cursor:pointer;
}

/* CSS 3 */
#Pager a,
#Pager .pause,
#Pager .resume {
	-moz-border-radius: 5px; /* FF1+ */
	-webkit-border-radius: 5px; /* Safari 3+, Chrome */
}

#Banner img {
	display:block;
}

/* forms */

input, textarea, select, option, legend {
	font-family:"Arial", sans-serif;
	font-size:14px;
	color:#222;
}

fieldset {
	border:1px solid #bfd3e5;
}

.popup {
	padding:10px;
}

/* CHL Theme */

/*

In CHL many of the classes have shared padding values.

You can use the following selectors to apply your own padding values in bulk, or you can leave the defaults.

Note: This is a good starting point, but if you want pixel perfection between CHL and the base design you will have to go further.

*/

/* elements with default padding:0.25em 0.5em; */

.chl2_row,
.chl2_table td,
.chl2_table th,
.chl2_validationMessage,
.chl2_w_sitemap h5,
.chl2_w_subNode li,
.chl2_form label {
	padding:5px 10px;
}

/* elements with default padding:0.5em; */

.chl2_body, .chl2_2ColumnList,
.chl2_tabList li a,
.chl2_systemMessage .chl2_warning, 
.chl2_systemMessage .chl2_error, 
.chl2_systemMessage .chl2_success,
.chl2_systemMessage .chl2_information,
.chl2_title h6,
.chl2_form,
.chl2_form .chl2_formItem,
.chl2_form fieldset,
.chl2_blogItem,
.chl2_w_galleryImageView_image .chl2_imageTextGroup {
	padding:10px;
}

/* elements with default padding:0.5em 0; */

.chl2_w_latestNews .chl2_row,
.chl2_w_latestNews .chl2_left,
.chl2_w_latestNews .chl2_left .chl2_text,
.chl2_w_galleryThumbView .chl2_row,
.chl2_w_galleryImageView_preview .chl2_row {
	padding:10px 0;
}

/* elements with default padding:0 0.25em; */

.chl2_new,
.chl2_warning,
.chl2_error,
.chl2_success,
.chl2_information,
.chl2_table.chl2_labelValueGroup td,
.chl2_table.chl2_labelValueGroup th {
	padding:0 5px;
}

/* elements with default padding:0.25em 0; */

.chl2_2Column .chl2_columnCollection .chl2_left,
.chl2_2Column .chl2_columnCollection .chl2_right,
.chl2_paginatedSet .chl2_header,
.chl2_paginatedSet .chl2_footer,
.chl2_labelledField,
.chl2_w_compactEvent .chl2_2Column,
.chl2_w_compactNews .chl2_2Column,
.chl2_w_galleryThumbView .chl2_text,
.chl2_w_galleryImageView_preview .chl2_text,
.chl2_w_galleryImageView_image .chl2_text {
	padding:5px 0;
}

/* elements with default padding-left:1em; */

.chl2_w_compactEvent .chl2_text,
.chl2_w_compactNews .chl2_text,
.chl2_w_latestNews .chl2_right .chl2_text,
.chl2_blogItem .chl2_text {
	padding-left:10px;
}

/* end padding resets */

/*

Just like padding there is a shared border colour.

You can use the following selectors to apply your own border colour in bulk, or you can leave the default.

*/

.chl2_row,
.chl2_rowCollection,
.chl2_row .chl2_row,
.chl2_paginatedSet .chl2_header,
.chl2_paginatedSet .chl2_footer,
.chl2_table td, .chl2_table th,
.chl2_listRow li,
.chl2_w_compactEvent .chl2_2Column,
.chl2_w_compactNews .chl2_2Column,
.chl2_w_latestNews,
.chl2_w_subNode .chl2_header,
.chl2_w_subNode li,
.chl2_w_sitemap h5,
.chl2_blogItem {
	border-color:#bfd3e5;
}

/* end border resets */

/* margin resets */

.chl2_systemMessage,
.chl2_form fieldset {
	margin-bottom:20px;
}

/* end margin resets */


.chl2_even {
	background:#f2f6fa;
}

/*** end resets ***/

/*** tab set styles ***/

.chl2_tabBody {
	padding:10px;
	position:relative;
	top:-1px;
	height:1%; /* for ie */
	z-index:1;
}

.chl2_tabList {
	position:relative;
	left:0;
	z-index:2;
}

.chl2_tabList li,
.chl2_tabList li.chl2_last {
	margin-right:5px;
	position:relative;
	top:0;
	border:solid 1px #bbb;
}

.chl2_tabList li a,
.chl2_tabList li a:visited {
	padding:5px 10px;
	font-weight:bold;
	color:#222;
	background:#ababab url('../images/ui/chl2_tabList_li_a.png') repeat-x 0 0;
}

.chl2_tabList li a:hover {
	background:#fff url('../images/ui/chl2_tabList_li_a.png') repeat-x 0 100%;
}

.chl2_tabList li.chl2_active {
	padding-top:1px;
	position:relative;
	top:0;
	border-bottom:none;
}

.chl2_tabList li.chl2_active a,
.chl2_tabList li.chl2_active a:visited {
	background:#fff;
}

.chl2_tabBody {
	border-color:#bbb;
}

.chl2_listRow li {
	margin-bottom:4px;
	padding-bottom:5px;
}

/* one column width */
#Content .chl2_page_2Column .chl2_page_column {
	width:460px;
}

/* two column width */
#Main.home #Content .chl2_page_2Column .chl2_page_column,
#Main.twoColumn #Content .chl2_page_2Column .chl2_page_column  {
	width:340px;
}

/* three column width */
#Main.threeColumn #Content .chl2_page_2Column .chl2_page_column {
	width:210px;
}

.chl2_w_sitemap h5,
.chl2_title h6,
.chl2_table th,
.chl2_w_galleryImageView_image .chl2_imageTextGroup {
	background-color:#dfe9f2;
}

.chl2_table,
.chl2_rowCollection,
.chl2_2ColumnList,
.chl2_tabSet,
.chl2_w_subNode,
.chl2_w_subNodeList,
.chl2_w_comment,
.chl2_w_latestNews,
.chl2_w_compactNews,
.chl2_w_compactEvent,
.chl2_w_sitemap,
.chl2_w_blog1,
.chl2_w_galleryThumbView,
.chl2_w_galleryImageView,
.chl2_page_2Column,
.chl2_form {
	margin-bottom:20px;
}

.chl2_w_compactEvent .chl2_2Column,
.chl2_w_compactNews .chl2_2Column,
.chl2_w_latestNews .chl2_2Column,
.chl2_2Column .chl2_columnCollection,
.chl2_2ColumnList {
	background-image:url('../images/ui/chl_2Column.gif');
}

.chl2_w_comment .chl2_rowCollection {
	margin-bottom:0;
}

.chl2_w_comment .chl2_footer {
	margin-top:10px;
}

.chl2_helperText span {
	margin-top:5px;
	font-size:12px;
	color:#5C660a;
}

.chl2_w_galleryThumbView .chl2_text,
.chl2_w_galleryImageView_preview .chl2_text {
	font-size:12px;
}

/* panel */

.chl2_panel {
	margin-bottom:20px;
	background:#dfe9f2;
}

.chl2_panel .chl2_wrapper {
	position:relative;
	background:url('../images/ui/chl2_panel_top.gif') no-repeat 0 0;
}

.chl2_panel .chl2_header {
	height:10px;
	background:url('../images/ui/chl2_panel_top.gif') no-repeat 100% 0;
}

.chl2_panel .chl2_body {
	padding:0 10px 10px 10px;
	background:url('../images/ui/chl2_panel_bottom.gif') no-repeat 0 100%;
}

.chl2_panel .chl2_footer {
	position:absolute;
	bottom:0;
	left:0;
	height:10px;
	width:100%;
	background:url('../images/ui/chl2_panel_bottom.gif') no-repeat 100% 100%;
}

.chl2_panel ul,
.chl2_panel ol {
	margin-bottom:0;
}

/* forms */

.chl2_form {
	background-color:#f2f6fa;
}

.chl2_form .chl2_formItem {
	margin-bottom:10px;
	padding:0;
}

.chl2_form label {
	margin:0;
	margin-bottom:5px;
	padding:0;
	display:block;
	font-weight:bold;
	text-align:left;
	float:none;
}

.chl2_form label span {
	margin-left:5px;
}

.chl2_field {
	padding:0;
	float:none;
}

.chl2_textbox,
.chl2_password,
.chl2_textarea,
.chl2_multipleSelect {
	padding:4px 5px;
	border:1px solid #bfd3e5;
}

.chl2_textarea {
	width:60%;
}

.chl2_error .chl2_textbox,
.chl2_error .chl2_password,
.chl2_error .chl2_textarea,
.chl2_error .chl2_multipleSelect {
	border-color:#d96d6d;
}

.chl2_validationMessage {
	margin:0;
	margin-top:5px;
	padding:0;
	font-size:12px;
	font-weight:normal;
	color:#a63a32;
	background:none;
}

.chl2_labelledField label {
	display:inline;
	font-weight:normal;
}

.chl2_form .chl2_formItem.chl2_error {
	padding:10px !important;
}