/*   Design:   Multiflex-5.4                                    */
/*   Type:     Design with sidebar                              */

/*************/
/*   FONTS   */
/*************/

/* Font face */
body {
    font-family: calibri,arial,helvetica,sans-serif;
  
}

/* Relative font-size: 1.0em = 15px when browser default size is 16px*/
body {
    font-size: 62.5%;
}

.container {
    font-size: 1.5em;
}

.container-small {
    font-size: 1.5em;
}

.container-popup {
    font-size: 1.5em;
}

/* Element font sizes */
.page-footer {font-size:0.923em;}
.content h1 {font-size: 1.692em;}
.content h1 {font-size:1.692em;}
.content h2 {font-size:1.385em;}
.content h3 {font-size:1.385em;}
.content h4 {font-size:1.231em;}
.content h5 {font-size:1.077em;}
.content h6 {font-size:1.0em;}
.content p {font-size:1.0em;}
.content p.details {font-size:0.923em;}
.content ul li {font-size:1.0em;}
.content ol li {font-size:1.0em;}

/*************/
/*  CONTENT  */
/*************/

/* PAGETITLE */
.title, .title:hover {
    padding: 55px 0 0px 260px;
    font-family:'Times New Roman', Times, serif;
    font-size: 25pt;
    display: block;
    color: #00a7e0;
  text-decoration:none; 
 
}

.main h1.pagetitle {margin:0 0 0.5em 0; padding:1px 0 1px 32px; background: url(Images/mf/icon_pagetitle.gif) no-repeat; background-position:center left; color:rgb(255,255,255); font-weight:bold; }

/* HEADING  */
.content h1 {
    margin: 0 -20px 0 -20px;
    padding: 5px 50px 12px 20px;
    border-bottom: solid 1px rgb(215,215,215);
    color: #00a7e0;

    font-weight: bold; /*background: url(images/mf/icon_celltitle_level1.gif) no-repeat; background-position:632px 5px;*/
}
.content h2 {clear:both; /*Start IE Hack*/ position:relative; z-index:1; top:-1px /* End IE Hack to remove vertical -1px margin bug otherwise produced by margin*/; padding:15px 35px 5px 0; border-top:solid 1px rgb(215,215,215);/* background: url(images/mf/icon_celltitle_level2.gif) no-repeat; background-position:right 15px; */color:rgb(75,75,75); font-weight:bold; }
.content h3 {margin:1.0em 0 -0.3em 0; color:rgb(75,75,75); font-weight:bold; }
.content h3.line {/*Start IE Hack*/ position:relative; z-index:1; top:-1px; /* End IE Hack vertical alignment to blend top border with h1, if directly after each other*/ margin:0 0 -0.3em 0; padding:1.0em 0 0 0; border-top:solid 1px rgb(215,215,215);}
.content h4 {margin:1.0em 0 -0.3em 0; color:rgb(75,75,75); font-weight:bold; }
.content h5 {margin:1.0em 0 -0.5em 0; color:rgb(75,75,75); font-weight:bold; }
.content h6 {margin:0.4em 0 0.5em 0; color:rgb(50,50,50); font-weight:normal; }

.content h1 + div { margin-top: 10px; }
.content h1 + table { margin-top: 10px; }
.content h2 + div { margin-top: 1.0em; }
.content h2 + table { margin-top: 1.0em; }
.content h3 + div { margin-top: 1.0em; }
.content h3 + table { margin-top: 1.0em; }

.container-popup .content h1 {margin: 0 0 0 0; padding:5px 50px 12px 20px; border-bottom:solid 1px rgb(215,215,215); color:rgb(75,75,75); font-weight:bold;background: url(images/mf/icon_celltitle_level1.gif) no-repeat; background-position:432px 5px;}
.container-popup .content h2 {clear:both; /*Start IE Hack*/ position:relative; z-index:1; top:-1px /* End IE Hack to remove vertical -1px margin bug otherwise produced by margin*/; padding:15px 35px 5px 0; border-top:solid 1px rgb(215,215,215); background: url(images/mf/icon_celltitle_level2.gif) no-repeat; background-position:right 15px; color:rgb(75,75,75); font-weight:bold; }

/* HEADING -- No icon */
.main h1.pagetitle-noicon {margin:0 0 0.5em 0; padding:1px 0 1px 0; background:none; color:rgb(255,255,255); font-weight:normal; }
.content h1.noicon {background:none;}
.content h2.noicon {background:none;}

/* PARAGRAPH TEXT */
.content p {margin:1.0em 0 1.0em 0; color:rgb(0,0,0); line-height:1.3em; }
.content p.details {margin:-0.2em 0 1.0em 0; line-height:1.0em; }
.content pre {margin:1.0em 0 1.0em 0; color:rgb(0,0,0); line-height:1.3em; }
.content blockquote {clear:both; margin:0 10px 0.6em 10px; }
.content p.blue {
    color: #00a7e0;
    font-weight: bold;
}


/* LIST */
.content ul {margin:1.4em 0 1.0em 0; list-style:none;}
.content ul li {margin:0 0 0.3em 2px; padding:0 0 0 12px; background:url(Images/mf/bg_bullet_square.gif) no-repeat 0 0.5em; line-height:1.3em;}
.content ol {margin:1.4em 0 1.0em 0; padding:0 0 0 20px !important /*Non-IE6*/; padding:0 0 0 30px /*IE6*/;}
.content ol li {list-style-type:decimal; list-style-position:outside; margin:0 0 0.3em 3px; line-height:1.3em;}
/*.content ol li ol li{list-style:lower-alpha; list-style-position:outside; margin:0 0 0.3em 3px; line-height:1.3em;}*/
.content ul.indent {padding:0 30px 0 30px;}
.content ol.indent {padding:0 0 0 50px !important /*Non-IE6*/; padding:0 0 0 60px /*IE6*/;}
.content ol li ol li.alpha {
    list-style: lower-alpha;
    list-style-position: outside;
    margin: 0 0 0.3em 3px;
    line-height: 1.3em;
}

hr { border: 0; border-top: solid 1px rgb(215,215,215); color:rgb(75,75,75); }

/****************/
/*  SUBCONTENT  */
/****************/

/* HEADING -- Standard icon */
.subcontent h1 {margin: 0; padding:5px 10px 12px 10px; color:/*rgb(114,141,38)*/rgb(32,61,97); font-weight:bold; font-size: 20px; /*border-bottom:solid 2px /*rgb(114,141,38)*//*rgb(0,102,153);*/}

/* PARAGRAPH TEXT */
.subcontent p {margin:1.0em 0 1.0em 0; color:rgb(0,0,0); line-height:1.3em; padding: 0 20px 0 20px;}
.subcontent p.details {margin:-0.2em 0 1.0em 0; line-height:1.0em;}
.subcontent blockquote {clear:both; margin:0 30px 0.6em 30px;}

/* LIST */
.subcontent ul {margin:1.4em 0 1.0em 0; padding:0 20px 0 20px; list-style:none;}
.subcontent ul li {margin:0 0 0.3em 2px; padding:0 0 0 12px; background:url(Images/mf/bg_bullet_square.gif) no-repeat 0 0.5em; line-height:1.3em;}
.subcontent ol {margin:1.4em 0 1.0em 0; padding:0 20px 0 40px !important /*Non-IE6*/; padding:0 20px 0 50px /*IE6*/;}
.subcontent ol li {list-style-type:decimal; list-style-position:outside; margin:0 0 0.3em 3px; line-height:1.3em;}
.subcontent ul.indent {padding:0 50px 0 50px;}
.subcontent ol.indent {padding:0 20px 0 70px !important /*Non-IE6*/; padding:0 20px 0 80px /*IE6*/;}

/* SIDE MENU #1 */
.sidemenu1 {clear:both; width:250px; margin:0; padding:0; }
.sidemenu1 ul {width:250px; margin:0; margin-top:-1px; padding:0;}	
.sidemenu1 ul li {margin:0; padding:0; background:none;}
.sidemenu1 li a {display:block; min-height:1.5em; height:auto !important /*Non-IE6*/; height:1.5em /*IE-6*/; line-height:1.5em; margin:0; padding:5px 20px 5px 20px; /*border-top:dashed 1px /*rgb(114,141,38)*//*rgb(0,102,153); */color:/*rgb(75,75,75)*/rgb(32,61,97); font-weight:bold;}
    .sidemenu1 li p {
        display: block;
        min-height: 1.5em;
        height: auto !important /*Non-IE6*/;
        height: 1.5em /*IE-6*/;
        line-height: 1.5em;
        margin: 10px 40px 10px 10px;
        padding: 0 20px 0 20px; /* border-top:dashed 1px /*rgb(114,141,38)*/ /*rgb(0,102,153);*/
        color: /*rgb(75,75,75)*/ /*rgb(32,61,97)*/ #00a7e0;
        font-weight: bold;
        border-bottom: 1px solid rgb(215,215,215);
    }
.sidemenu1 ul li ul {margin:0 0 5px 0; border:none;}
.sidemenu1 ul li ul li {margin:0; padding:0; background:none;}
.sidemenu1 ul li ul li a {display:block; min-height:1.5em; height:auto !important /*Non-IE6*/; height:1.5em /*IE-6*/; line-height:1.5em; margin:0; padding:0 0 0 30px; border:none; color:/*rgb(75,75,75)*/rgb(32,61,97); font-weight:normal;}
    .sidemenu1 li a:hover { /*background-color:rgb(254,218,116)*/
        
        color: /*rgb(75,75,75)*/ #00a7e0 !important;
        text-decoration: none;
    }
    .sidemenu1 li a:visited {
        color: /*rgb(75,75,75)*/ rgb(32,61,97);
        text-decoration: none;
    }

/*********/
/* LINKS */
/*********/

.main a {
    color: rgb(0, 167, 224);
    font-weight: bold;
    text-decoration: none;
}
    .main a:hover {
        color: rgb(0, 167, 224);
        text-decoration: underline;
    }
    .main a:visited {
        color: rgb(0, 167, 224);
    }

.main a.disabled {color:rgb(33,33,33); font-weight:lighter; text-decoration:none;}
.main a.disabled:hover {color:rgb(33,33,33); text-decoration:none;}
.main a.disabled:visited {color:rgb(33,33,33);}
    
/***************/
/* FORM FIELDS */
/***************/

input.field {border:1px solid rgb(200,200,200);font-size:1em;}
input.button {
    padding: .4em .7em;
    background: #ddd;
    border: solid 1px #666;
    text-align: center;
    color: #666;
    font-weight: bold;
    margin:0;
    font-size: 14px;
}
/*input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background:rgb(32,62,98); color:rgb(255,255,255);font-weight:bold;}*/
    input.button:hover {
        cursor: pointer;
        border: solid 1px #666;        
        background-color:rgb(255,255,255);
    }
        select
{
    /*font-size: 10pt;*/
   border:1px solid rgb(200,200,200);font-size:1em;
}
.button, a.button , a.button:visited {
    padding: .4em .7em;
    background: #ddd;
    border: solid 1px #666;
    text-align: center;
    color: #666 !important;
    font-weight: bold;
    margin: 0;
    font-size: 14px;
}
    a.button:hover {
        cursor: pointer;
        border: solid 1px #666;
        background-color: rgb(255,255,255);
        text-decoration:none;
    }

/**************/
/* VALIDATION */
/**************/

.validation-summary { margin: 1em 0 1em 0; font-weight: bold; /*color: #990000;*/  color:red;}

/******************************************/
/*  YOUR OWN USER STYLES                  */
/*  If you want to add your own styles,   */
/*  then add them here below in order to  */
/*  avoid a mixup with default styles.    */
/******************************************/

/**************/
/* DONATION STYLE */
/**************/
.donationBox {
    border: solid gray 1px;
    padding: 20px;
    font-weight: bold;
    width: 560px;
    background-color: rgb(235,235,235);
}

.donationOuterBox {
    border: solid gray 1px;
    padding: 20px;
    font-weight: bold;
    width: 560px;
    /*background-color: rgb(235,235,235);*/
}

.error-message
{
    font-weight: bold;
    /*color: #990000;*/
    color:red;
}
p.error-message
{
    font-weight: bold;
    /*color: #990000;*/
    color:red;
}
.currency {
    text-align:right;
}

.label{
    padding-bottom:20px;
    display:block;
    font-size:large;
}

.show-item {
    display: table !important;
}

.hide-item {
    display: none !important;
}
.receiptBlock{
    min-height:400px;
}

.blue {
    color: #00a7e0;
    font-weight: bold;
}