/* Start of CMSMS style sheet 'Slideshow' */
/*---------------------
    COLOURS
---------------------*/
/*
pale yellow: 	#f8f6b5;
yellow hover:    #f1f0a3;

pale blue: 		#e3f1f5;
nav hover /
inactive blue:	#d7ebf1;
light heading:	#62adcb;
dark heading:	#2a98c6;

dark grey: 	#424242;
light grey:		#666666;
*/

/*---------------
slideshow wrapper
---------------*/
 
#slideshowwrapper {max-width: 900px;}
#ie6 #slideshowwrapper {width: 900px; }
#slideshow * { margin: 0; }
 
 
#slideshow .hide { display: none; }
 
#slideshow hr {
    clear: both;
    height: 0;
    border: 0;
    display: none;
}
 
 
#slideshow body {
    background-color: #e3f1f5;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 1em;
    font-weight: normal;
    color: #424242;
}
 
#slideshow {float: left;}
 
#slideshow a.externalLink {/*background-image: none;*/padding-right:12px;}
 
#slideshow a {
    outline: none;
    font-weight: bold;
    line-height: 18px;
}
 
#slideshow a img { border: 1px solid #ccc; padding: 4px;}
 
#slideshow .hasZoom img {float: none;}
 
 
/*---------------
The toolbar for the content box
---------------*/
 
#slideshow #toolbarbox {
    width: 900px;
    margin: 0;
    overflow: hidden;
}

ul#toolbar {
	list-style: none;
	height: 70px;
	padding: 0;
	margin: 0;
	color: #afe0ed;
	position: relative;
	clear:both;
}

#toolbar li {
	width: auto;
	float: left;
}

#toolbar li a {
	padding: 10px;
	display: block;
	width: auto;
	float: left;
	margin-right: 6px;
	padding: 38px 10px 15px 55px;
	cursor: pointer;
	position: relative;
        font-weight: normal;
        font-size: 0.95em;
*padding: 38px 10px 15px 52px;
        text-decoration: none;
        color: #62ADCB;
}
* html #toolbar li a {margin-right: 3px; padding: 38px 10px 15px 53px;}

#toolbar li a:hover, #toolbar li.active a {
	color: #222;
        text-decoration: none;
}

#toolbar li a .number {
	display: none;
}

/*------------ first tabs */

#toolbar li a#slide_1 {margin-left: -120px;}

#slideshow #pane-1 {
background: #fff;
height: 430px;
}
#slideshow #pane-1 p {color: #666;}
#slideshow #pane-1 h2, #slideshow #pane-1 h3 {color: #62adcb;}

/*------------ number tabs */

#toolbar li a#slide_2 {background:#e3f1f5 url(uploads/images/num1.gif) no-repeat scroll 10px 0;}
#toolbar li a#slide_3 {background: #e3f1f5 url(uploads/images/num2.gif) no-repeat scroll 10px 0;}
#toolbar li a#slide_4 {background: #e3f1f5 url(uploads/images/num3.gif) no-repeat scroll 10px 0;}
#toolbar li a#slide_5 {background: #e3f1f5 url(uploads/images/num4.gif) no-repeat scroll 10px 0; }
#toolbar li a#slide_6 {background: #e3f1f5 url(uploads/images/num5.gif) no-repeat scroll 10px 0; padding-left: 50px; margin-right:0;}

/*------------ number tabs HOVER */

#toolbar li a#slide_2:hover,
#toolbar li.active a#slide_2 {background: #f8f6b5 url(uploads/images/num1.gif) no-repeat scroll 10px 100%;}
#toolbar li a#slide_3:hover,
#toolbar li.active a#slide_3 {background: #f8f6b5 url(uploads/images/num2.gif) no-repeat scroll 10px 100%;}
#toolbar li a#slide_4:hover,
#toolbar li.active a#slide_4 {background: #f8f6b5 url(uploads/images/num3.gif) no-repeat scroll 10px 100%;}
#toolbar li a#slide_5:hover,
#toolbar li.active a#slide_5 {background: #f8f6b5 url(uploads/images/num4.gif) no-repeat scroll 10px 100%;}
#toolbar li a#slide_6:hover,
#toolbar li.active a#slide_6 {background: #f8f6b5 url(uploads/images/num5.gif) no-repeat scroll 10px 100%;}

/*---------------
The slide-y content box thingy
---------------*/
 
#scroller, #slideshow .slide { float: left;}
 
#slideshowFrame {
    overflow: hidden;
    margin: 0 auto 50px;
    width: 900px;
    position: relative;
}
#slideshow .slide p {margin-bottom: 1em;}
* html #slideshowFrame {margin-bottom: 25px;}
 
#slideshowFrame a.button {
    position: absolute;
    bottom: 10px;
    width: 54px;
    height: 27px;
    overflow: hidden;
    font-weight: normal;
    color: #afe0ed;
    text-indent: -9999em;
display: block;
}
 
* html #slideshowFrame a.button {position: relative; margin-top: -20px;}

a.button#left {
    left: 0px;
    background: url(uploads/images/back-arrow.gif) left 0 no-repeat;
    z-index: 5;
    margin-left: 15px;
}
a.button#left:hover {
     color: #424242;
    background: url(uploads/images/back-arrow.gif) left 100% no-repeat;
}
 
a.button#right {
    right: 0px;
    background: url(uploads/images/next-arrow.gif) right 0 no-repeat;
    z-index: 5;
    margin-right: 15px;
}
a.button#right:hover {
     color: #424242;
     background: url(uploads/images/next-arrow.gif) right 100% no-repeat;
}

* html a.button#right { float: right;}
* html a.button#left { float: left;}
 
#scroller {
    width: 900px;
    margin: 0 auto;
    background: #e3f1f5;
    overflow: hidden;
    position: relative;
    padding-bottom: 40px;
}
 
 
#slideshowContent {
    left:0pt;
    overflow:hidden;
    position:relative;
    width: 5400px;
}
 
#slideshow .slide {
    width: 900px;
    margin: 0;
    float: left;
    padding-top: 5px;
}
 
#ie6 #slideshow .slide {margin: 0 0px;}
 
 
#slideshow .slide h2, #slideshow .slide h3 {
    line-height: 1.2em;
    margin-bottom: 0.5em;
}
#slideshow .slide .quotes {margin-bottom: 1em; overflow: hidden;}
/*#slideshow .slide .quotes .altheading {color: #000; background-color: #f8f6b5;}*/
#slideshow .slide .quotes h3 {
color: #333;
font-size: 1.1em;
padding: 10px 10px 10px 20px;
margin-bottom: 0;
background-color: #f8f6b5;
line-height: 1.3em;
}
 
#slideshow .slide h1 {font-size:1.1em; text-align: left;}
 
#slideshow .slide a {
    font-weight: bold;
}
 
#slideshow .slide p, #slideshow .slide li {line-height: 18px;}
 
#slideshow .slide img {
    float: left;
    margin-right: 20px;
    margin-bottom: -2px;
}
 
#slideshow .hasMargin {margin-right: 20px;}
/* End of 'Slideshow' */