body {
  background-color: #FFFFFF;
}

a, a:visited {
  color: #246CA0;
}

a:hover, a:focus, a:active {
  color: #1C5680;
}

#container {
  color: #85868A;
}

#content_container, #container {
  background-color: #FFFFFF;
}

#extraContainer1 {
	background-color: #000000;
	color: #85868A;
}

#extraContainer1 a, #extraContainer1 a:visited {
  color: #2795B6;
}

#extraContainer1 a:hover, #extraContainer1 a:focus, #extraContainer1 a:active {
  color: #1F7791; 
}

#extraContainer2 {
	background-color: %colour_ec2_bkg%;
	color: #FFFFFF;
}

#extraContainer2 a, #extraContainer2 a:visited {
  color: #CCFF00;
}

#extraContainer2 a:hover, #extraContainer1 a:focus, #extraContainer2 a:active {
  color: #A3CC00; 
}

#extraContent2 {
	background-color: #4DAFE5;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#4DAFE5), to(#136696));
	background-image: -webkit-linear-gradient(top, #4DAFE5, #136696);
	background-image: -moz-linear-gradient(top, #4DAFE5, #136696);
	background-image: -o-linear-gradient(top, #4DAFE5, #136696);
	background-image: -ms-linear-gradient(top, #4DAFE5, #136696);
	background-image: linear-gradient(top, ##4DAFE5, #136696);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#4DAFE5', EndColorStr='#136696');
}

#extraContainer3 a, #extraContainer3 a:visited {
  color: #CCCCCC;
}

#extraContainer3 a:hover, #extraContainer3 a:focus, #extraContainer3 a:active {
  color: #A3A3A3; 
}

#extraContent3 {
	background-color: #4AAEE9;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#4AAEE9), to(#006699));
	background-image: -webkit-linear-gradient(top, #4AAEE9, #006699);
	background-image: -moz-linear-gradient(top, #4AAEE9, #006699);
	background-image: -o-linear-gradient(top, #4AAEE9, #006699);
	background-image: -ms-linear-gradient(top, #4AAEE9, #006699);
	background-image: linear-gradient(top, ##4AAEE9, #006699);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#4AAEE9', EndColorStr='#006699');
	color: #FFFFFF;
}

#title_area {
  background-color: #F4F5F9;
}

#title_area h1.site_title {
  color: #6D717A;
}

#title_area h2.site_slogan {
  color: #A0A6B0;
}



nav#main_navigation, nav#mobile_navigation {
  background-color: #E3E3E3;
}

nav#main_navigation>ul>li a {
  color: #000000;
  text-shadow: 0 1px 0 #FFFFFF;
}

#mobile_navigation_toggle {
  color: #000000;
  text-shadow: 0 1px 0 #FFFFFF;
  background: #E3E3E3;
  border-top: solid 1px #CCCCCC;
  border-bottom: solid 1px #CCCCCC;
}

.mobile_navigation_toggle_active {
  color: #E3E3E3 !important;
  text-shadow: 0 1px 0 #000000  !important;
  background: #000000  !important;
  border-top: solid 1px #000000  !important;
  border-bottom: solid 1px #000000  !important;
}


nav#main_navigation>ul>li>a.current, nav#main_navigation>ul>li>a.currentAncestor, nav#main_navigation>ul>li>a:hover, nav#main_navigation>ul>li>a:active, nav#mobile_navigation ul li a.current, nav#mobile_navigation ul li a.currentAncestor {
  background-color: #999999;
  /***  CSS Gradient  ***/
  /*  Chrome 1-9 and Safari 4-5.0  */
  background-image: -webkit-gradient(linear, left top, left bottom,
        color-stop( 0.0, #A8A8A8 ),
        color-stop( 1.0, #999999 ));

  /*  Chrome 10+ Safari 5.1+ Mobile Safari  */
  background-image: -webkit-linear-gradient(top,
        #A8A8A8, 
        #999999 );

  /*  Firefox 3.6+  */
  background-image: -moz-linear-gradient(top,
        #A8A8A8, 
        #999999 );

  /*  IE 10+  */
  background-image: -ms-linear-gradient(top,
        #A8A8A8, 
        #999999 );

  /*  Opera 11.10+  */
  background-image: -o-linear-gradient(top,
        #A8A8A8, 
        #999999 );

  /*  W3C  */
  background-image: linear-gradient(top,
        #A8A8A8, 
        #999999 );

  text-shadow: 0 1px 0 #A8A8A8;
  color: #FFFFFF;
}

nav#main_navigation>ul li.hasChild>a.current:after, nav#main_navigation>ul li.hasChild>a.currentAncestor:after, nav#main_navigation>ul li.hasChild>a.currentAncestor:hover:after, nav#main_navigation>ul li.hasChild>a.current:hover:after, nav#main_navigation>ul li.hasChild>a:hover:after {
  color: #FFFFFF;
  text-shadow: none;
}

nav#main_navigation>ul>li ul a:hover, nav#main_navigation>ul>li ul a.current, nav#main_navigation>ul>li ul a.currentAncestor {
  background: #CCD0D5;
  color: #FFFFFF;
}

nav#main_navigation>ul>li ul li.hasChild a.current:after, nav#main_navigation>ul>li ul li.hasChild a.currentAncestor:after {
  color: #FFFFFF;
}

nav#main_navigation {
  border-top: solid 1px #CCCCCC;
  border-bottom: solid 1px #CCCCCC;
}

nav#mobile_navigation a, nav#mobile_navigation a:visited, nav#main_navigation>ul li.hasChild>a:after {
  color: #000000;
  text-shadow: none;
}

nav#mobile_navigation a:hover {
  color: #000000;
  text-shadow: none;
  background-color: #B5B5B5;
}

nav#mobile_navigation>ul>li a {
  border-top: solid 1px #CCCCCC;
}

nav#mobile_navigation>ul>li:last-child a {
  border-bottom: solid 1px #CCCCCC;
}

nav#mobile_navigation>ul>li ul a, nav#mobile_navigation>ul>li ul a:visited {
  border-top: solid 1px #B5B5B5;
  background-color: #CCCCCC;
  color: #000000;
}


#breadcrumb li a, #breadcrumb li a:visited {
	color: #2795B6;
}

#breadcrumb li a:hover, #breadcrumb li a:active {
	color: #1F7791;
}

#breadcrumb {
	color: #85868A;
	background-color: #E9EBF0;
}

#footer a, #footer a:visited {
	color: #2795B6;
}

#footer a:hover, #footer a:active {
	color: #1F7791;
}

#footer {
	color: #85868A;
}

#extracontent1_mobile_toggle {
  color: #396789;
  background-color: #EAECF0;
}