/* JM Softeners Styles - Version  1.0, 27th June 2005.  */
/* Produced by Cathy Daly at Wokingham Web Works, www.wokinghamwebworks.co.uk  */

/* Main block-level definitions  */
body {
    background: #E1ECF3;
    margin: 0px;
    padding: 0px;
}
#wrapper {
        border: #3F71B6 2px solid;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 0.8em;
        margin: 20px 4px 20px 4px;
    min-width: 770px;
        text-align: left;
        width: auto;
        width: expression(document.body.clientWidth < 780 ? "770px" : "100%" );
}
/* HTML Selector definitions */
h1 {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 1.3em;
        margin-top: 20px;
        margin-bottom: 10px;
}
h2 {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 1.1em;
        margin-top: 16px;
        margin-bottom: 8px;
}
h3 {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 1em;
        margin-top: 14px;
        margin-bottom: 7px;
}
h4 {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 1em;
        margin-top: 12px;
        margin-bottom: 6px;
}
  h5 {
        font-family: Arial, Helvetica, sans-serif;     
     color: #ff0000;
      font-size: 1.1em;
        margin-top: 14px;
        margin-bottom: 6px;
}
input {
	background-color: #ffffff;
	border: #E0E0E0 2px inset;
	margin-top: 5px;
}
p {
        margin-top: 6px;
        margin-bottom: 4px;
}
table {
        font-size: 12px;
}
 ul {
list-style-image:url("/image/mybullet.jpg");        margin-top: 0px;
        padding-top: 0px;
}
/* Navigation*/
#leftcolcontent a:link {
        color: #000000;
        display: block;
        padding: 0.8em 2em 0.8em 0.8em;
        text-decoration: none;
}
#leftcolcontent a:visited {
        color: #000000;
        display: block;
        padding: 0.8em 2em 0.8em 0.8em;
        text-decoration: none;
}
#leftcolcontent a:hover {
    background-color: #3F71B6;
        color: #FFFFFF;
        display: block;
        padding: 0.8em 2em 0.8em 0.8em;
        text-decoration: none;
}
#leftcolcontent a:active {
        color: #000000;
        display: block;
        padding: 0.8em 2em 0.8em 0.8em;
        text-decoration: none;
}
#middlecolcontent a:link {
        color: #0000C0;
        text-decoration: underline;
}
#middlecolcontent a:visited {
        color: #808080;
        text-decoration: underline;
}
#middlecolcontent a:hover {
        color: #ffffff;
    background-color: #3F71B6;
        text-decoration: underline;
}
#middlecolcontent a:active {
        color: #808080;
        text-decoration: underline;
}
#menubox {
        line-height: 1.25em;
        margin: 20px 0px 10px 20px;
        overflow: hidden;
        width: 12em;
}
.pagelocation {
        color: #233B69;
        font-weight: bold;
        margin: 0px;
        padding: 0.8em 2em 0.8em 0.8em;
        text-decoration: none;
}
/* Main content class and ID selector definitions, in alphabetical order.*/
#address {
        margin: 12px 0px 6px 60px;
}
.button input {
	background-color: #343C6D;
	color: #ffffff;
	border: #E0E0E0 2px outset;
}
.clearcontent {
    clear: left;
    height: 1px;
    overflow: hidden;
}
.clear {
    clear: both;
 height: 1px;
    overflow: hidden;}

#header {
    background-color: #ffffff;
    margin-left: 200px;
        width: auto;
}
#headercontent {
    overflow: hidden;
}
#leftcolbackground {
    background: url(leftcolbackground.gif) repeat-y;
    width: 100%;
}
#leftcolcontent {
    background-color: #BBDDF4;
    float: left;
    margin-right: 20px;
        text-align: left;
    width: auto;
}
.leftimage {
    float: left;
    margin: 0px 10px 0px 0px;
    padding: 0px 10px 0px 5px;
}
.leftimage2 {
    float: left;
    margin: 0px 20px 10px 0px;
}
#middlecolcontentwrapper{
    height: 100%;
    margin: 0px 170px 0px 220px;
}
#middlecolcontent{
    padding: 10px 0px;
    width: 95%;
}
#rightcolbackground {
    background: url(rightcolbackground.gif) repeat-y right;
    width: 100%;
}
#rightcolcontent {
    float: right;
    height: 464px;
    overflow: hidden;
    width: 150px;
}
.rightimage {
    float: right;
    margin: 0px 0px 0px 10px;
}
#showermovie {
        width: 200px;
}
/* Bottom/Footer definitions */
#footer {
    background-color: #EDEDED;
    border-top: solid #3F71B6 1px;
    clear: both;
        font-size: 0.75em;
    height: auto;
         line-height: 1.2em;
    padding: 10px;
    text-align: center;
}
#footer a:link {
        color: #000000;
        font-weight: normal;
        text-decoration: underline;
}
#footer a:visited {
        color: #000000;
        font-weight: normal;
        text-decoration: underline;
}
#footer a:hover {
        color: #C0C0C0;
        font-weight: normal;
        text-decoration: underline;
}
#footer a:active {
        color: #C0C0C0;
        font-weight: normal;
        text-decoration: underline;
}