/* Slidorion Stylesheet */
#slidorion {
	width: 940px; /*960-10-10=940*/		/* Set to slidorion width. Is equal to #slider + #accordion width */
	height: 375px; /*395-10-10=375*/       /* Set to slidorion height. Is equal to #slider and #accordion height */
	position: relative;
	left: 50%;
        margin-bottom: 35px;
	margin-left: -475px;
	padding: 10px;
	background: #fff;
	-webkit-box-shadow: 0 0 20px #bbb;
	-moz-box-shadow: 0 0 20px #bbb;
	box-shadow: 0 0 20px #bbb;
}

#slider {
	width: 575px;			/* Set to slider width */
	height: 375px;			/* Set to slider height */
	position: relative;
	float: left;
	overflow: hidden;		/* Hides the animations */
}

#slider > div {
	position:absolute;
	width:100%;
	height:100%;
}

#accordion {
	width: 365px;			/* Set to accordion width */
	height: 375px;			/* Set to image height */
	font-family: Helvetica, Arial, sans-serif;
	background: #392b71;
	-webkit-box-shadow: -3px 0px 3px -1px rgba(51,51,51,0.3);
	-moz-box-shadow: -3px 0px 3px -1px rgba(51,51,51,0.3);
	box-shadow: -3px 0px 3px -1px rgba(51,51,51,0.3);
	position: relative;
	z-index:999;
	overflow: hidden;
	float: left;
}

#accordion > .link-header {
	padding: 20px;
	font-size: 22px;
	font-weight: 400;
        font-family:"Bitter", "Times New Roman", serif;
	color: #fec429;
	background: #2a1e53;
        border-top: 1px solid #6b6095;
        line-height:1.3em;
	/*background: -moz-linear-gradient(top, #ededed 59%, #dcdcdc 100%);
	background: -webkit-linear-gradient(top, #ededed 59%,#dcdcdc 100%);
	background: -o-linear-gradient(top, #ededed 59%,#dcdcdc 100%);
	background: -ms-linear-gradient(top, #ededed 59%,#dcdcdc 100%);
	background: linear-gradient(top, #ededed 59%,#dcdcdc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#dcdcdc',GradientType=0 );
	*/
}

#accordion > .link-header:first-child {
	border-top:none;
}

#accordion > .link-header:hover {
	background: #5d4f95;
	cursor: pointer;
}

#accordion > .link-header.active {
	border-bottom: none;
	background: #444444 !important;
	color: #fff;
}

#accordion > .link-content {
	height: 90px;			/* This height needs to be changed as it depends on the accordion height and number of tabs */
	font-weight: normal;
	font-size: 13px;
	line-height:1.2em;
	margin: 0;
	padding: 15px;
	border: none;
        color:#fff;
	background: #392b71;
	box-shadow:inset 0 0 0px #2a1e53;
         -moz-box-shadow:inset 0 0 0px #2a1e53;
	overflow:;
}
#accordion p{
    padding: 0 0 5px 0;
}
#accordion h2 {
    font-size: 22px;    
    font-weight: 700;
    font-family:"Bitter", "Times New Roman", serif;
    color:#fec429;
}
#accordion h3 {    
    font-size: 20px;
    font-weight: normal;
    font-family: Helvetica, Arial, sans-serif;
    padding-bottom:5px;
    color:#fec429;
    line-height: 1.2em;
}
#accordion a{
    color: #FEC429;
    text-decoration: underline;
    font-weight: bold;
}
#accordion a:hover {
    color: #FEC429;
   
}
#accordion ul {
    margin:0 0 0 8px;
    padding:0;
}
#accordion ul li { /*if change this, must change style.css #component ul li/line89*/
    background: url("images/icons/bullet_a-icon_yellow.png") no-repeat scroll 0 3px transparent;
    border-bottom: medium none;
    line-height: 16px;
    list-style: none outside none;
    padding: 0 0 0 16px;
}
