/*
  CSS STYLE FOR PROFESSIONAL MINI-SITE
  
  Author: Iszuddin Ismail (kidino)
  Date: 29 September 2009
  Website: http://www.minisitegallery.com

*/

/* MAIN LAYOUT */

    * { margin: 0px; padding: 0px; }
    
    body { margin: 0px; padding: 0px;
        background-color: #ededed;
        font-family: Arial;
    }
    #wrapper {
        width: 960px;
        background-image: url(bodybg.png);
        margin: auto;
        padding-top: 1px;
        margin-top: 239px;
        min-height: 800px;
        display: table;
    }
    
    #content {
        position: relative;
        margin-top: -239px;
        background-image: url(header.bmp);
		background-position: top center;
		background-repeat: no-repeat;
        min-height: 239px;
    }
    
    #footer {
        position: relative;
        width: 960px;
        background-image: url(bodyfooter.bmp);
        background-repeat: no-repeat;
        margin: auto;
        padding-top: 20px;
        min-height: 100px;
        color: #aaa;
        font-size: 9pt;
        font-weight: normal;
        text-align: center;
        padding-top: 70px;
    }

/* TEXT FORMATING - footer */
    
    #footer p {
        margin-bottom: 20px;
    }
        
    #footerlinks {
        top: 19px;
        position: absolute;
        list-style: none;
        margin: auto;
        width: 960px;
    }
    
    #footerlinks li {
        display: inline;
        margin: 0px 5px 0px 5px;
    }

    #footerlinks li a {
        color: #fff;
    }
    
    .just {
        margin: 0px 100px 20px 100px;
        text-align: justify;
    }

/* TOP MENU */

    #menu {
        position: absolute;
        list-style: none;
        right: 20px;
        top: 55px;
        font-size: 11pt;
        font-weight: bold;
    }
    
    #menu li {
        float: left;
        padding: 0px 10px 0px 10px;
        border-right: 1px dotted #aaa;
        color: #900707;
    }

    #menu li a, #menu li a:visited {
        color: #900707;
        text-decoration: none;
    }
    
    #menu li a:hover {
        text-decoration: underline;        
    }
    #menu li.last {
        padding-right: 0px;
        border-right: none;
    }

/* SIDEBAR */

    #sidebar {
        float: right;
        width: 220px;
        margin-right: 30px;
        margin-top: 175px;
        padding-top: 1px;
    }
    
    #sidebar p {
        font-size: 9pt;
        color: #757575;
        margin-bottom: 15px;
    }

    #sidebar h3 {
        color: #ed4d4d;
        font-size: 18pt;
        font-weight: normal;
        margin-bottom: 10px;
    }

    .divider {
        background-image: url(divider.jpg);
        width: 200px; height: 14px;
        margin: auto;
        margin-bottom: 10px;
    }
    
    #sidebar .sbblue {
        background-color: #ff6666;
        color: #fff;
        padding: 5px 10px 10px 10px;
        margin-bottom: 10px;
    }
    
    #sidebar .sbblue p {
        color: #fff;
    }
    
    #sidebar .sbblue li {
        font-size: 9pt;
        color: #fff;
    }


    #sidebar .sbblue h3 {
        font-weight: normal;
        margin-bottom: 15px;        
        color: #fff;
    }

/* MAIN CONTENT */

    #maincontent {
        float: left;
        width: 630px;
        margin-left: 40px;
        margin-top: 220px;
    }
    
    #maincontent p {
        font-size: 11pt;
        color: #232323;
        margin-bottom: 20px;
    }

    #maincontent h3 {
        color: #ed4d4d;
        font-size: 16pt;
        text-align: center;
        padding: 10px;
        background-color: #f2f2f2;
        font-weight: normal;
        margin-bottom: 20px;
    }

    #maincontent h2 {
        color: #a90e02;
        font-size: 22pt;
        text-align: center;
        font-weight: normal;
        margin-bottom: 20px;
    }
    
    #maincontent h1 {
        color: #a90e02;
        font-size: 22pt;
        text-align: center;
        margin-bottom: 20px;
        font-style: italic;
    }

/* BLOCKQUOTE */
    
    blockquote {
        border-top: 3px solid #fadddd;
        border-left: 3px solid #fadddd;
        border-right: 1px dotted #fadddd;
        border-bottom: 15px solid #fadddd;
        padding: 15px;
        padding-bottom: 0px;
        background-color: #fff0f0;
        margin: 0px 20px 20px 20px;
        background-image: url(quotebg.gif);
        background-position: top left;
        background-repeat: no-repeat;
    }

    #maincontent blockquote * {
        color: #ed4d4d;
        font-style: italic;
    }
    
/* JOHNSON BOX or MODULE BOX */

    .module {
        background-color: #fef9df;
        border-left: 3px solid #bfad4a;
        border-bottom: 3px solid #bfad4a;
        border-right: 1px solid #bfad4a;
        padding: 20px;
        padding-bottom: 0px;
        margin: 0px 20px 20px 20px;
    }
    
    #maincontent .module p {
        color: #73630c;
    }
    
    .module h4 {
        font-weight: normal;
        font-size: 18pt;
        color: #fff;
        border-top: 3px solid #5b4f0b;
        background-color: #bfad4a;
        margin-top: -20px;
        margin-left: -23px;
        margin-right: -21px;
        margin-bottom: 20px;
        padding: 3px;
        padding-left: 23px;
        background-image: url(modulebg.gif);
        background-position: left center;
        background-repeat: no-repeat;
        font-style: italic;
    }
    
/* NORMAL NUMBERED LIST */

    ol {
        margin-left: 40px;
        margin-bottom: 20px;
    }
    
    ol li {
        margin-bottom: 5px;
        padding: 4px;
        font-size: 11pt;
        color: #232323;
    }

/* NORMAL UNORDERED LIST */

    ul {
        list-style-type: square;
        margin-left: 40px;
        margin-bottom: 20px;
    }
    
    ul li {
        margin-bottom: 5px;
        padding: 4px;
        font-size: 11pt;
        color: #232323;
    }

/* YES LIST */

    ul.yes {
        list-style-type: none;
        margin: 20px;
    }
    
    ul.yes li {
        margin-bottom: 5px;
        background-color: #f3fce3;
        padding: 4px;
        font-size: 11pt;
        color: #232323;
        background-image: url(accept.bmp);
        background-repeat: no-repeat;
        background-position: 8px 4px;
        padding-left: 32px;
    }

/* NO LIST */

    ul.no {
        list-style-type: none;
        margin: 20px;
    }
    
    ul.no li {
        margin-bottom: 5px;
        background-color: #ffefef;
        padding: 4px;
        font-size: 11pt;
        color: #232323;
        background-image: url(cross.bmp);
        background-repeat: no-repeat;
        background-position: 8px 4px;
        padding-left: 32px;
    }

/* TEXT FIELD */
    
    .txt {
        font-family:Arial, Helvetica;
        color: #000;
        font-size:10pt;
        background: transparent url(txt.bmp) no-repeat fixed;
        width: 190px; height: 33px;
        border: none;
        padding-left: 5px;
        padding-right: 5px;
        text-align: center;
    }

    *>.txt { background: transparent url(txt.bmp) no-repeat; }
    
/* ORDER BOX */
    
    .order {
        text-align: center;
        font-size: 10pt;
        font-weight: bold;
    }
    
/* HIGHLIGHT */

    .highlight {
        background-color: #f5d500;
    }

/* CENTERING HEADLINE IMAGE */

    .headline { text-align: center; }
    
/* TOP QUALIFYER or ATTENTION */

    .qualifyer {
        font-weight: bold;
        font-style: italic;
    }

/* REGULAR (Ellen Added) */

    .regular {
	    font-style: normal;
	    font-weight: normal;
        font-size: 9pt;
    }
	
/* TOGGLE FOR FULL WIDE LAYOUT */

    body.full #wrapper {
        width: 960px;
        background-image: url(bodybg-full.bmp);
        margin: auto;
        padding-top: 1px;
        margin-top: 239px;
        min-height: 800px;
        display: table;
    }

    body.full #content {
        position: relative;
        margin-top: -239px;
        background-image: url(header-full.bmp);
        min-height: 239px;
    }
    
    body.full #footer {
        position: relative;
        width: 960px;
        background-image: url(footer-full.bmp);
        background-repeat: no-repeat;
        margin: auto;
        padding-top: 20px;
        min-height: 100px;
        color: #aaa;
        font-size: 9pt;
        font-weight: normal;
        text-align: center;
        padding-top: 70px;
    }
    
    body.full #content #maincontent {

        width: 740px;
        margin-left: 110px;
        margin-top: 220px;
    }
    
    body.full #content #sidebar {
        display: none;
    }