/************************************************************
************************** GENERAL **************************
************************************************************/
body {
	background-color:#e6e6e6;
}
body #extendedOuterWrapper { background:#e6e6e6 url(http://swimming-images.s3.amazonaws.com/ios/body_bg.jpg) right -128px no-repeat; }
#siteLogos { width:147px; height:147px; margin-bottom:20px; float:right; background:transparent url(/images/the_ios/site_sponsor_logos.png) top right no-repeat; }
/************************************************************
************************** TITLES **************************
************************************************************/
#channel_ h1#landing, #channel_ h2#landing { width:380px; background:transparent url(/images/the_ios/title_home.png) bottom left no-repeat; }
#channel_news h1#landing, #channel_news h2#landing { width:121px; background:transparent url(/images/the_ios/title_news.png) bottom left no-repeat; }
#channel_membership h1#landing, #channel_membership h2#landing { width:243px; background:transparent url(/images/the_ios/title_membership.png) bottom left no-repeat; }
#channel_courses h1#landing, #channel_courses h2#landing { width:164px; background:transparent url(/images/the_ios/title_courses.png) bottom left no-repeat; }
#channel_apprenticeships h1#landing, #channel_apprenticeships h2#landing { width:314px; background:transparent url(/images/the_ios/title_apprenticeships.png) bottom left no-repeat; }
#channel_employers h1#landing, #channel_employers h2#landing { width:376px; background:transparent url(/images/the_ios/title_employers.png) bottom left no-repeat; }
#channel_events h1#landing, #channel_events h2#landing { width:189px; background:transparent url(/images/the_ios/title_events.png) bottom left no-repeat; }
#channel_library h1#landing, #channel_library h2#landing { width:189px; background:transparent url(/images/the_ios/title_library.png) bottom left no-repeat; }
#channel_vacancies h1#landing, #channel_vacancies h2#landing { width:199px; background:transparent url(/images/the_ios/title_vacancies.png) bottom left no-repeat; }
#channel_tutors h1#landing, #channel_tutors h2#landing { width:189px; background:transparent url(/images/the_ios/title_tutors.png) bottom left no-repeat; }
#channel_about-us h1#landing, #channel_about-us h2#landing { width:189px; background:transparent url(/images/the_ios/title_about.png) bottom left no-repeat; }
#channel_contact-us h1#landing, #channel_contact-us h2#landing { width:209px; background:transparent url(/images/the_ios/title_contact.png) bottom left no-repeat; }
#channel_galleries h1#landing,#channel_galleries h2#landing{width:189px;background:transparent url(/images/the_ios/title_galleries.png) bottom left no-repeat;}
/************************************************************
*************************** NAV ****************************
************************************************************/
#navLeft { background:transparent url(/images/the_ios/nav_left.png); }
#navIcon { background:transparent url(/images/the_ios/nav_icon.png) 4px 50% no-repeat; }
#navIcon, #mainNav .main_navigation { background-color:#b82429; }
.navRight { background:transparent url(/images/the_ios/nav_right.png); }
.navRightOn { background:transparent url(/images/the_ios/nav_right_selected.png); }
#mainNav li { border-left:1px solid #8b161a; background:#b82429; }
#mainNav li a.selected { background-color:#d1272c; }

a, h1, .weblogContent h2, h2.subNavTitle, h3, h4, h4 a, .subNav ul li a:hover, #searchResults li a, #eventTable a, .eventContent a, .findLinks a, .weblogContent a, .weblogContent h2 a, a.pagLink, .vacancyWidget a { color:#b82429; }
#talkIconLarge, .backgroundColour, #ratingIcon, .talkIconSmall, .pagination a, #addThisIcon, span.widgetFindTitle, .calendarBG th { background-color:#b82429; }
#mainNav li a:hover, .feature1 .articles a:hover, .feature1 .articles li.selected, .feature2 .articles li.selected, .feature2 .articles a:hover, .feature1 #scrollBtn a:hover, .feature2 #scrollBtn a:hover, .backgroundColorHover, .feature1 .mainText a:hover, .feature2 .mainText a:hover, .calendarBG td.eventItem { background-color:#d1272c; }
.calendarBG thead {border-left:1px solid #425565;}
#calendarNav li.selected a {color:#536A7E;}
.calendarBG td.eventItem { background-color:#D9DDE0; }
.grid_2 .boxTopFind { background:transparent url(/images/the_ios/grid2_top_grey.png); }
.grid_3 .boxTopFind { background:transparent url(/images/the_ios/grid3_top_grey.png); }
.grid_4 .boxTopFind { background:transparent url(/images/the_ios/grid4_top_grey.png); }
.findLinks a { color:#b82429; font-weight:bold; }
a.externalLink { background:transparent url(/images/the_ios/external_link.png) top right no-repeat; padding:2px 20px 0 0; }

.feature1 .articles li {border-bottom:1px solid #8b161a;}
.feature1 .articles ul {xborder-top:1px solid #8b161a;}
.feature1 .articles li.article4 {border-bottom:none;}
.feature2 .articles ul {xborder-left:1px solid #8b161a;}
.feature2 .articles li {border-right:1px solid #8b161a; }
.feature2 .articles li.article3 {border-right:none;}

#mainNav li a.shopBtn { background-color:#2c61a5; }
#mainNav li.shop { border-left:1px solid #174176; }
#mainNav li a.shopBtn:hover { background-color:#4573a4; }

#mainNav .main_navigation li ul{background:transparent url(/images/the_ios/drop_btm.png) bottom center no-repeat;display:none;}
#mainNav .main_navigation li ul li.firstItem{background:transparent url(/images/the_ios/drop_top.png) top center no-repeat;padding:6px 0 0 0;}
#mainNav .main_navigation li ul li a{background:#d1272c;padding-right:5px;}
#mainNav .main_navigation li ul li a:hover{background:#8b161a;}

.expandBtn{background:url(/images/the_ios/nav_expand.png);}
.collapseBtn{background:url(/images/the_ios/nav_collapse.png);}