body {
background-color: #F1F2F2;
margin: 0;
}
 
  #footer {
 background-color:#DBDBD8;
 font:x-small/1.5em "Times New Roman", Times, serif;
voice-family: "\"}\""; voice-family:inherit;
font-size: small;
text-decoration:none;
color:#464336;
 padding: 1px 5px 1px  5px;
 }

/*menu*/

#menu-gradient2 {
 background-color: #DBDBD8;
 font: small/1.5em "Times New Roman", Times, serif;
voice-family: "\"}\""; voice-family:inherit;
font-size: medium;
text-decoration:none;
color:#464336;
height: 25px;
padding: 0px 10px 0px 32px;
}

 #menu-gradient2 a:link{
 font: medium/1.5em "Times New Roman", Times, serif;
voice-family: "\"}\""; voice-family:inherit;
text-decoration:none;
color:#727B8C;
}
 
 #menu-gradient2 a:visited{
 font: small/1.5em "Times New Roman", Times, serif;
voice-family: "\"}\""; voice-family:inherit;
font-size: medium;
text-decoration:none;
color:#464336;
}
 
 #menu-gradient2 a:hover{
 font: medium/1.5em "Times New Roman", Times, serif;
voice-family: "\"}\""; voice-family:inherit;
text-decoration:none;
color: #cc0000;
}

 .current{
 font: small/1.5em "Times New Roman", Times, serif;
voice-family: "\"}\""; voice-family:inherit;
font-size: medium;
text-decoration:none;
font-weight: bold;
color:#000000;
}

 .current-gradient2 {
 font: small/1.5em "Times New Roman", Times, serif;
voice-family: "\"}\""; voice-family:inherit;
font-size: medium;
text-decoration:none;
color:#FFFFFF;
font-weight: bold;
}
 
#menu-gradient2a {

 background-color: #FFFFFF;
 font: medium/1.5em "Times New Roman", Times, serif;
voice-family: "\"}\""; voice-family:inherit;
text-decoration:none;
color:#B70945;
height: 25px;
padding: 0px 10px 0px 32px;
}
#menu-gradient2a a:link {

 font: medium/1.5em "Times New Roman", Times, serif;
voice-family: "\"}\""; voice-family:inherit;
text-decoration:none;
color:#000000;
}
#menu-gradient2a a:visited {

 font: small/1.5em "Times New Roman", Times, serif;
voice-family: "\"}\""; voice-family:inherit;
font-size: medium;
text-decoration:none;
color:#464336;
}
#menu-gradient2a a:hover {

 font: small/1.5em "Times New Roman", Times, serif;
voice-family: "\"}\""; voice-family:inherit;
font-size: medium;
text-decoration:none;
color: #6699FF;
}

/*menu end*/

/*home*/

  .redtxt {
 font: x-small/1.5em "Times New Roman", Times, serif;
voice-family: "\"}\""; voice-family:inherit;
font-size: small;
text-decoration:none;
color:#CC0000;
font-weight: bold;
}
 
#home-txt {
 background-color: #FFFFFF;
 font: x-small/1.5em "Times New Roman", Times, serif;
voice-family: "\"}\""; voice-family:inherit;
font-size: small;
text-decoration:none;
color:#666666;
padding: 20px 0px 20px 20px;
}

  #home-txt h2{
 font: small/1.5em "Times New Roman", Times, serif;
voice-family: "\"}\""; voice-family:inherit;
font-size: medium;
color:#09295A;
text-decoration:none;
font-weight: bold;
margin: 0px;
}

  #home-txt h3{
 font: x-small/1.5em "Times New Roman", Times, serif;
voice-family: "\"}\""; voice-family:inherit;
font-size: small;
color:#666666;
text-decoration:none;
font-weight: bold;
margin: 0px;
}

  #home-txt a:link{
 font: x-small/1.5em "Times New Roman", Times, serif;
voice-family: "\"}\""; voice-family:inherit;
font-size: small;
color:#09295A;
text-decoration:none;
font-weight: bold;
}

  #home-txt a:visited{
 font: x-small/1.5em "Times New Roman", Times, serif;
voice-family: "\"}\""; voice-family:inherit;
font-size: small;
color:#09295A;
text-decoration:none;
font-weight: bold;
}

  #home-txt a:hover{
 font: x-small/1.5em "Times New Roman", Times, serif;
voice-family: "\"}\""; voice-family:inherit;
font-size: small;
color:#666666;
text-decoration:none;
font-weight: bold;
}

  #home-txt2 {
 background-color: #FFFFFF;
 font: x-small/1.5em "Times New Roman", Times, serif;
voice-family: "\"}\""; voice-family:inherit;
font-size: small;
text-decoration:none;
color:#666666;
padding: 20px 0px 0px 20px;
}

#home-txt3 {
	background-color: #FFFFFF;
	font: normal x-small/1.5em Verdana, Arial, Helvetica, sans-serif;
	voice-family: "\"}\"";
	voice-family:inherit;
	font-size: small;
	text-decoration:none;
	color:#000000;
	padding: 0px 20px 0px 32px;
	text-align: left;
}

  #home-txt3 h3{
 font: x-small/1.5em "Times New Roman", Times, serif;
voice-family: "\"}\""; voice-family:inherit;
font-size: small;
color:#666666;
text-decoration:none;
font-weight: bold;
margin: 0px;
}


 #home-txt5 {
 background-color: #FFFFFF;
 font: x-small/1.5em "Times New Roman", Times, serif;
voice-family: "\"}\""; voice-family:inherit;
font-size: small;
text-decoration:none;
color:#666666;
padding: 0px 20px 0px 20px;
}

  #home-txt5 a:link{
 font: x-small/1.5em "Times New Roman", Times, serif;
voice-family: "\"}\""; voice-family:inherit;
font-size: small;
color:#09295A;
text-decoration:none;
font-weight: bold;
}

  #home-txt5 a:visited{
 font: x-small/1.5em "Times New Roman", Times, serif;
voice-family: "\"}\""; voice-family:inherit;
font-size: small;
color:#09295A;
text-decoration:none;
font-weight: bold;
}

  #home-txt5 a:hover{
 font: x-small/1.5em "Times New Roman", Times, serif;
voice-family: "\"}\""; voice-family:inherit;
font-size: small;
color:#666666;
text-decoration:none;
font-weight: bold;
}

  .home-txt4 {
 background-color: #FFFFFF;
 font: x-small/1.5em "Times New Roman", Times, serif;
voice-family: "\"}\""; voice-family:inherit;
font-size: small;
text-decoration:none;
color:#666666;
padding: 0px 10px 0px 10px;
}

.home-quote {
font-size: large
}

  .white-box {
 background-color: #FFFFFF;
 font: x-small/1.5em "Times New Roman", Times, serif;
voice-family: "\"}\""; voice-family:inherit;
font-size: small;
text-decoration:none;
color:#666666;
padding: 0px 0px 0px 0px;
}

/*collection*/

#collections-txt {
 background-color: #FFFFFF;
 font: x-small/1.5em "Times New Roman", Times, serif;
voice-family: "\"}\""; voice-family:inherit;
font-size: small;
text-decoration:none;
color:#666666;
}

  #collections-txt a:link{
 font: x-small/1.5em "Times New Roman", Times, serif;
voice-family: "\"}\""; voice-family:inherit;
font-size: small;
color:#09295A;
text-decoration:none;
font-weight: normal;
}

  #collections-txt a:visited{
 font: x-small/1.5em "Times New Roman", Times, serif;
voice-family: "\"}\""; voice-family:inherit;
font-size: small;
color:#09295A;
text-decoration:none;
font-weight: normal;
}

  #collections-txt a:hover{
 font: x-small/1.5em "Times New Roman", Times, serif;
voice-family: "\"}\""; voice-family:inherit;
font-size: small;
color:#666666;
text-decoration:none;
font-weight: normal;
}


 #red-box {
 background-color: #FEF8FA;
 font: x-small/1.5em "Times New Roman", Times, serif;
voice-family: "\"}\""; voice-family:inherit;
font-size: small;
text-decoration:none;
color:#666666;
padding: 10px 10px 10px 12px;
text-align:left;
}

 #red-box h3{
 font: x-small/1.5em "Times New Roman", Times, serif;
voice-family: "\"}\""; voice-family:inherit;
font-size: small;
text-decoration:none;
color:#B92300;
font-weight:bold;
margin: 0px;
}

  .quote {
 background-color: #FFFFFF;
 font: x-small/1.5em "Times New Roman", Times, serif;
voice-family: "\"}\""; voice-family:inherit;
font-size: small;
font-style:italic;
text-decoration:none;
color:#666666;
padding: 10px 10px 0px 12px;
text-align: left;
}

.collections-img {
border: 1px solid #464336;
margin: 5px 5px 0px 0px;
}

.collections-img-big {
border: 2px solid #464336;
padding: 5px 5px 5px 5px;
}

#collections-img-box {
background-color: #FFFFFF;
}

/*story*/

  #story-txt {
 background-color: #FFFFFF;
 font: x-small/1.5em "Times New Roman", Times, serif;
voice-family: "\"}\""; voice-family:inherit;
font-size: small;
text-decoration:none;
color:#666666;
padding: 20px 20px 20px 20px;
}

  #story-txt h2{
 font: small/1.5em "Times New Roman", Times, serif;
voice-family: "\"}\""; voice-family:inherit;
font-size: medium;
color:#953051;
text-decoration:none;
font-weight: bold;
margin: 0px;
}

  #story-txt h3{
 font: x-small/1.5em "Times New Roman", Times, serif;
voice-family: "\"}\""; voice-family:inherit;
font-size: small;
color:#666666;
text-decoration:none;
font-weight: bold;
margin: 0px;
}

  .story-boldtxt{
 font: x-small/1.5em "Times New Roman", Times, serif;
voice-family: "\"}\""; voice-family:inherit;
font-size: small;
color:#953051;
text-decoration:none;
font-weight: bold;
margin: 0px;
}

  #story-txt a:link{
 font: x-small/1.5em "Times New Roman", Times, serif;
voice-family: "\"}\""; voice-family:inherit;
font-size: small;
color:#953051;
text-decoration:none;
font-weight: bold;
}

  #story-txt a:visited{
 font: x-small/1.5em "Times New Roman", Times, serif;
voice-family: "\"}\""; voice-family:inherit;
font-size: small;
color:#953051;
text-decoration:none;
font-weight: bold;
}

  #story-txt a:hover{
 font: x-small/1.5em "Times New Roman", Times, serif;
voice-family: "\"}\""; voice-family:inherit;
font-size: small;
color:#6699FF;
text-decoration:none;
font-weight: bold;
}

  #story-txt2 {
 background-color: #F1F2F2;
 font: x-small/1.5em "Times New Roman", Times, serif;
voice-family: "\"}\""; voice-family:inherit;
font-size: small;
text-decoration:none;
color:#666666;
padding: 10px;
}

  #story-box {
 font: x-small/1.5em "Times New Roman", Times, serif;
voice-family: "\"}\""; voice-family:inherit;
font-size: small;
color:#FFFFFF;
text-decoration:none;
font-weight: bold;
background-color: #953051;
padding: 10px;
}

  #story-box a:link{
 font: x-small/1.5em "Times New Roman", Times, serif;/* ##### Top level items #####*/
#acdnmenu 
{
    /* Note about height: 
    Set "height:auto;" if flexible height is required. 
    A fixed height is prefered as content below the menu won't be pulled down/up when the menu is expanding/collapsing. */
    height: 360px;
    width: 100%; /*or pixel value*/
}

#acdnmenu ul.top
{
  padding-left:0;
    background:white;
    border:1px solid #D2D8DE;
}

#acdnmenu div.heading, #acdnmenu a.link
{
    padding:8px; padding-left:32px;
    text-align:left;
    font:normal 12px Verdana;
    color:Black; 
    background:#EEE url(bg.gif) repeat-x 0 0;
    text-decoration:none;
    outline:none;
}

#acdnmenu div.current, #acdnmenu div:hover, #acdnmenu a.link:hover, #acdnmenu div.current a.link
{
    color:#333;
    font-weight:normal;
    text-decoration:none;   
    background-position:0 -64px;
}


/* arrow image for the top headings */
#acdnmenu div.arrowImage {
    width:12px;
    height:12px;
    top:9px;
    right:6px;left:auto; /*Setting "left:8px;right:auto;" will position the arrow image to the left*/
    background-image:url(arrows.gif);
    background-position:0 0;
}

#acdnmenu div.current div.arrowImage {
    background-position:0 -12px;
}

#acdnmenu li.separator
{
    border-top:1px solid #D2D8DE;
    border-bottom:none; 
}


/* ##### Sub level items #####*/
#acdnmenu ul.sub
{
  padding-left:14px; /*This determines the hierarchical offset*/ 
}

#acdnmenu ul.sub div.heading
{
    text-align:left;
    font:normal 12px Arial;
    padding:5px; padding-left:20px;
    color:Black;
    background:none; 
}
#acdnmenu ul.sub div.heading a
{
    color:Black;
}

#acdnmenu ul.sub div.current
{
    color:Black;
    background:none; 
}

#acdnmenu ul.sub a.link
{
    font:normal 11px Arial;
    color:#333;
    padding:5px; padding-left:20px;
    text-decoration:none;
    background:none; 
}

#acdnmenu ul.sub a.link:hover, #acdnmenu ul.sub a.current, #acdnmenu ul.sub div.heading a:hover, #acdnmenu ul.sub div.heading a.current
{
    color:#09F;
    text-decoration:underline;
    background:none; 
}


#acdnmenu ul.sub div.arrowImage {
    width:12px;
    height:12px;
    top:6px;
    left:4px;
    background-image:url(arrows.gif);
    background-position:0 -24px;
}
#acdnmenu ul.sub div.current div.arrowImage {
    background-position:0 -36px;
}



/* ##### Followings usually don't need modification ###### */
/*Hack the font-size:0 bug for IE6 */
#acdnmenu,  #acdnmenu ul
{
    display:block;
    font-size:0px;
    line-height:0px;
}
#acdnmenu li {font-size:12px; line-height:16px;}
#acdnmenu:after {content:'.';height:0;clear:both;display:block;visibility:hidden;} 
#acdnmenu ul, #acdnmenu li, #acdnmenu div.heading, #acdnmenu a.smLink, #acdnmenu div.description {*zoom:1;}
#acdnmenu li {*float:left;*width:100%;}

#acdnmenu ul
{
  position:relative;/*!*/
  overflow:hidden;
  padding:0;margin:0;list-style-type: none;padding-left:10px;
}
#acdnmenu>ul{visibility: hidden;}
#acdnmenu li {padding:0;margin:0;}

#acdnmenu div.heading, #acdnmenu div.current
{
  position:relative;
    cursor: pointer;
}
#acdnmenu div.arrowImage {position:absolute; overflow:hidden;}
voice-family: "\"}\""; voice-family:inherit;
font-size: small;
color:#FFFFFF;
font-weight: bold;
}

  #story-box a:visited{
 font: x-small/1.5em "Times New Roman", Times, serif;
voice-family: "\"}\""; voice-family:inherit;
font-size: small;
color:#FFFFFF;
font-weight: bold;
}

  #story-box a:hover{
 font: x-small/1.5em "Times New Roman", Times, serif;
voice-family: "\"}\""; voice-family:inherit;
font-size: small;
font-weight: bold;
color:#FFCCCC;
}

.story-img {
border: solid 2px #953051;
margin: 5px 5px 0px 0px;
}

#story-img-box {
background-color: #FFFFFF;
}

.story-box2 {
border-bottom: solid 5px #FFFFFF;
}

/*contact*/


#contact-txt {
 background-color: #FFFFFF;
 font: x-small/1.5em "Times New Roman", Times, serif;
voice-family: "\"}\""; voice-family:inherit;
font-size: small;
text-decoration:none;
color:#666666;
padding: 20px 0px 20px 30px;
}

  #contact-txt h2{
 font: small/1.5em "Times New Roman", Times, serif;
voice-family: "\"}\""; voice-family:inherit;
font-size: medium;
color:#09295A;
text-decoration:none;
font-weight: bold;
margin: 0px;
}

  #contact-txt h3{
 font: x-small/1.5em "Times New Roman", Times, serif;
voice-family: "\"}\""; voice-family:inherit;
font-size: small;
color:#666666;
text-decoration:none;
font-weight: bold;
margin: 0px;
}

  #contact-txt a:link{
 font: bold small/1.5em "Times New Roman", Times, serif;
voice-family: "\"}\""; voice-family:inherit;
color:#727B8C;
text-decoration:none;
}

  #contact-txt a:visited{
 font: x-small/1.5em "Times New Roman", Times, serif;
voice-family: "\"}\""; voice-family:inherit;
font-size: small;
color:#09295A;
text-decoration:none;
font-weight: bold;
}

  #contact-txt a:hover{
 font: bold small/1.5em "Times New Roman", Times, serif;
voice-family: "\"}\""; voice-family:inherit;
color:#CC0000;
text-decoration:none;
}
.quoteattribute {

 background-color: #FFFFFF;
 font: italic small/1.5em "Times New Roman", Times, serif;
voice-family: "\"}\""; voice-family:inherit;
text-decoration:none;
color:#888888;
padding: 0px;
text-align: left;
}

/* --------- ACCORDION SIDEBAR --------- */

@import url("http://netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.css");

.togglebox {
 width: 183px;
 height: auto;
 margin: 0 auto;
 background: #fff;
 border:1px solid black;
 font-family: "Times";
}

input[type="radio"] {
 position: absolute;
 opacity: 0;
}

label {
 position: relative;
 display: block;
 height: 25px;
 padding: 5px;
 text-align:center;
 color: rgba(185, 35, 0, 0.5);
 background: #DBDBD8;
 cursor: pointer;
 border: 1px solid black;
}

label:hover {
 background: #eeeeee;
}

label:after {
 content: '\f078';
 top: 0px;
 right: 20px;
 font-family: fontawesome;
}

.content {
 height: 0;
 overflow: hidden;
 margin:0px 5px;
 text-align:center;
}
input[type="radio"]:checked ~ label {
 color: #B92300;
 font-weight: bold;
}

input[type="radio"]:checked ~ label:after {
 transform: rotate(90deg);
 -moz-transform: rotate(90deg);
 -o-transform: rotate(90deg);
 -ms-transform: rotate(90deg);
 -webkit-transform: rotate(90deg);
}

input[type="radio"]:checked ~ .content {
 /*height: 150px;*/
 height:auto;
}