body
{ background: #ffdfe2;
background-image: url(images/checked_pattern_box001.png); 
background-repeat: repeat;
background-position: center center;
background-attachment: fixed;

font-family: century gothic;
color: #474747;
font-weight: normal; 
font-size: 11pt;

margin-top: 0;
margin-bottom: 0;
margin-left: 25px;
margin-right: 25px;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}


a:link, a:visited, a:active
{ text-decoration: none; 
color: #f07889; 
}

a:hover
{ background-color: #f07889; 
color: #ffdfe2; 
}

b, strong, i, em 
{ colour: #000000;
}

u 
{ colour: #000000;
text-decoration: underline dotted;
}

h1
{ font-family: tw cen mt condensed;
font-size: 25pt;
font-weight: bold;
color: #f07889;
line-height: 15px;
text-align: center;
}

h2
{ font-family: tw cen mt condensed;
font-size: 14pt;
font-weight: bold;
color: #f07889;
line-height: 15px;
text-align: center;
}

table, tr, td {
  border: 0px;
font-family: century gothic;
color: #474747;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 10px;
}

#header
{ background-image: url(images/header001.png); 
background-repeat: no-repeat;
background-size: contain;
position: relative;
width: 1000px;
height: 450px;
}

#menu
{ background-color: #ffdfe2;
position: relative;
width: 1000px;
text-align: center;
padding: 5px 0px 2px 0px;
margin: px 0px 0px 0px;
}

#main
{ position: relative;
width: 1000px;
}

.submenu
{ background-color: #ffdfe2;
position: relative;
width: 1000px;
height: 15px;
border-bottom: 1px dotted #f07889;
text-align: center;
text-transform: uppercase;
font-family: gill sans mt condensed;
font-size: 14pt;
padding: 5px 0px 5px 0px;
margin: 0px 0px 0px 0px;
}


.container
{ background-color: #ffffff;
position: relative;
width: 990px;
border-bottom: 1px dotted #f07889;
padding: 10px 5px 5px 5px;
}

.container
{ background-color: #ffffff;
position: relative;
width: 990px;
border-bottom: 1px dotted #f07889;
padding: 10px 5px 5px 5px;
}


.footer
{ background-color: #ffdfe2;
position: relative;
width: 1000px;
text-align: center;
padding: 10px 0px 10px 0px;
margin: 0px 0px 0px 0px;
}

#menu a:link, #menu a:active, #menu a:visited 
{ color: #ffffff;
background-color: #f07889;
float: center;
width: 150px;
display: inline-block;
line-height: 20px;
text-align: center;
text-transform: uppercase;
text-decoration: none;
font-family: gill sans mt condensed;
font-size: 13pt;
padding: 5px 5px 5px 5px;
margin: 0px 1px 0px 1px;
}

#menu a:hover 
{ background-color: #fff1f2;
color: #f07889;
}

.dimmedCard{
	opacity:0.5;
	filter:alpha(opacity=30);
}

.collapsible {
  background-color: #ffb3b9;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  color: #f07889;
  display: block;
  float: left;
  font-weight: bold;
  height: 20px;
  line-height: 20px;
  margin-right: 5px;
  text-align: center;
  width: 20px;
}

.active, .collapsible:hover {
  background-color: #ffb3b9;
	-webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  color: #f07889;
  display: block;
  float: left;
  font-weight: bold;
  height: 20px;
  line-height: 20px;
  margin-right: 5px;
  text-align: center;
  width: 20px;
}

.collapsiblecontent {
  padding: 10px 0px 0px 0px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.collapsible:after {
  content: "+"; /* Unicode character for "plus" sign (+) */
  font-size: 13px;
  color: #f07889;
  float: left;
  margin-left: 5px;
}

.active:after {
  content: "-"; /* Unicode character for "minus" sign (-) */
}