

/* overall page width control */

body { width:750px; margin:0 auto; margin-top:5px; background-color:#801010;}
a { text-decoration: none; color: #801010; }

hr { border: 0;
    height: 1px;
    background: #333;
    background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc);
    background-image: -moz-linear-gradient(left, #ccc, #333, #ccc);
    background-image: -ms-linear-gradient(left, #ccc, #333, #ccc);
    background-image: -o-linear-gradient(left, #ccc, #333, #ccc); 
}


/* Page structure:
 * TOP NAVIGATION BAR
 * LOGO BANNER
 *    LOGO | BANNER-MAIN/BANNER-MOTTO
 * MAIN NAVIGATION BAR
 * CENTERPIECE 
 *    WHATSNEW
 *    STORY
 * FOOTER
 */


/*---------------------------------------------------------------------------*/
/* TOP NAV BAR */
/*---------------------------------------------------------------------------*/
.navi_top_ul { 
    list-style: none;
    float: right;
    margin: 0px;
    padding: 0px;
}

.navi_top_li { 
    float: right; 
    padding: 3px;
    padding-bottom: 0px;
}

.navi_top_a_off:hover {
    border-bottom: 2px solid #FFEBCD;
    color: #FFEBCD;
}

.navi_top_a_off {
    display: block;
    padding: 5px;
    border-bottom: 2px solid #FE9B27;
    margin-right: 5px;
    background-color: #801010;
    text-decoration: none;
    color: #FE9B27;
    text-align: center;
    font-family: 'Denk One', sans-serif;
}

.navi_top_a_on {
    display: block;
    padding: 5px;
    border-bottom: 2px solid #FFEBCD;
    margin-right: 5px;
    background-color: #801010;
    text-decoration: none;
    color: #FFEBCD;
    text-align: center;
    font-family: 'Denk One', sans-serif;
}

.fb_tw_imglink {
    display: block;
    padding: 0px;
    padding-top: 5px;
    /*border-bottom: 2px solid #FFEBCD;*/
    margin-right: 5px;
    background-color: #801010;
    text-decoration: none;
    color: #FFEBCD;
    text-align: center;
    font-family: 'Denk One', sans-serif;
}

/*---------------------------------------------------------------------------*/
/* LOGO BANNER MOTTO */
/*---------------------------------------------------------------------------*/
#logobanner_box0 { width:800px; height:150px; background-color:#801010; }
#logobanner_box1 { width:30%; background-color:#801010;  height:150px; float:left;}						
#logobanner_box2 { width:70%; background-color:#801010; float:left; height:150px; }						
#logobanner_box2_1{ width:100%; background-color:#801010; float:left; height:70px; }
#logobanner_box2_2{ width:100%; background-color:#801010; float:left; height:40px; }
#navi_top_box0 { height:30px; background-color:#801010; 
    margin:0px; 
    padding:0px; 
    border:0px; 
}


#banner{
    color: #FE9B27;
    font-family: 'Playball', cursive;
    font-size: 42pt;
    height: 90px;
    letter-spacing: 8px;
    margin: 0 0 20px;
    text-align: center;
    width: 95%;
}

#bannermotto {
    float: right;
    font-family: 'Cherry Swash';
    font-size: 15pt;
    font-style: italic;
    color: #FE9B27;
    letter-spacing: 3px;
    padding-right: 22px;
}

/*---------------------------------------------------------------------------*/
/* MAIN NAV BAR */
/*---------------------------------------------------------------------------*/
#navi_main_box0 { width:750px; height:40px; background-color:#801010; 
    margin:0px;
    padding:0px; 
    border:0px; 
}

.navi_main_ul { 
    list-style: none;
    border: 0px;
    float: left;
    margin: 0px;
    margin-left: 1px;
    padding: 0px;
    width: 890px; 
}

.navi_main_li { 
    float: left; 
    padding-bottom: 0px;
}

.navi_main_a_off:hover, .navi_main_a_on:hover {
    background-color: #FFEBCD;
    color: #000;
}

.navi_main_a_off {
    min-width: 3em;
    display: block;
    border: 1px dashed #801010;
    padding: 5px;
    margin-left: 5px;
    background-color: #FE9B27;
    text-decoration: none;
    color: #801010;
    text-align: center;
    font-family: 'Berkshire Swash', cursive;
    font-size: 13pt;
}

.navi_main_a_on {
    min-width: 3em;
    display: block;
    border: 1px dashed #801010;
    padding: 5px;
    margin-left: 5px;
    background-color: #FFEBCD;
    text-decoration: none;
    color: #801010;
    text-align: center;
    font-family: 'Berkshire Swash', cursive;
    font-size: 13pt;
}


/*---------------------------------------------------------------------------*/
/* FOOTER BAR */
/*---------------------------------------------------------------------------*/
#footer { 
    font-family: 'Arial'; sans-serif;
    font-size: 9pt;
    text-align: center; 
    width:750px; 
    height:35px; 
    background-color:#801010; 
    margin-top:5px; 
    color: #FFEBCD;
}

/*---------------------------------------------------------------------------*/
/* CENTERPIECE */
/*---------------------------------------------------------------------------*/
#centerpiece_box { 
    width:720px;
    min-height:450px; /* for modern browsers */
    height:auto !important; /* for modern browsers */
    height:450px; /* for IE5.x and IE6 */

    background-color:#FFDEAD;
    background-color:#FFFACD;
    background-color:#FFEBCD;
    background-color:#FFFFE0;

    margin:0px;
    border: 15px solid #600000;
    color: #801010;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.body_heading {
    font-family: 'Berkshire Swash', cursive;
    font-size: 20pt;
    font-style: normal;
    font-weight: normal;
    border: 0;
    margin: 0px;
    margin-bottom: 5px;
    padding: 0;
}

.body_subheading {
    font-family: 'Berkshire Swash', cursive;
    font-size: 18pt;
    font-style: normal;
    font-weight: normal;
    border: 0;
    margin: 0px;
    margin-left: 0px;
    padding: 0;
}

.body_bulktext {
    font-family: 'Simonetta';
    text-align: justify;
    line-height: 2;
}

.body_em{
    font-family: 'Simonetta';
    text-align: justify;
    line-height: 2;
    font-weight: bold;
    font-size: 120%;
}

.body_bulklinktext {
    text-decoration: underline;
}

.simplelink {
    text-decoration: underline;
}

.emtext {
    font-style: italic;
    font-weight: bold;
    font-size: 120%;
}

.body_indexpage_para {
    line-height: 2;
}

.body_indexpage_assetlinktext {
    font-family: 'Cherry Swash';
    font-size: larger;
    text-decoration: underline;
}

.body_indexpage_updatedtext {
    font-family: 'Ubuntu', sans-serif;
    font-size: 9pt;
    font-style: italic;
    color: #118800;
}

.body_preamble_text { 
    font-family: 'Ubuntu', sans-serif;
    font-size: 12pt;
    font-style: italic;
    color: #696969;
}

.body_epilogue_text { 
    font-family: 'Ubuntu', sans-serif;
    font-size: 9pt;
    font-style: italic;
    color: #696969;
}

.body_preamble_box { 
    width: 650px;
    /*background-color:#E0FFFF;*/
    background-color:#F5F5DC;
    margin-top:25px; 
    margin-bottom:5px; 
    padding:10px; 
    padding-bottom:20px; 
    border:1px dashed #C0C0C0; 
    float: left;
}

.body_social_box { 
    width: 690px;
    background-color:#F5F5DC;
    margin:5px; 
    padding:5px; 
    border:1px solid #CCCCFF;
    height: 25px;
}

.body_social_ul { 
    list-style: none;
    float: left;
    margin: 0px;
    padding: 0px;
}

.body_social_li { 
    float: left; 
    padding: 3px;
    padding-bottom: 0px;
}

.body_assetpage_details_box { 
    font-family: 'Simonetta';
    font-size: 12pt;
    min-height:180px; 
}

.body_whatsnew_text { 
    font-family: 'Simonetta';
    font-weight: bold;
    font-size: 12pt;
    color: #000000;
    color: #600000;
    text-decoration: none; 
}

.body_cdtext { 
    font-family: 'Simonetta';
    font-size: 12pt;
    color: #000000;
    color: #600000;
    text-decoration: none; 
    text-align: justify; 
}

.body_whatsnew_box {
    width: 700px;
    background-color:#FFFFE0;
    background-color:#800080;
    background-color:#FE9B27;
    background-color:#FF8C00;
    background-color:#DAA520;
    background-color:#FFD700;
    background-color:#DEB887;
    margin-top:5px;
    margin-bottom:15px;
    padding:10px;
    padding-bottom:10px;
    border:1px solid #000000;
    float: left;
}

.flashbox {
    width: 720px;
    /*background-color: #ecdc87;*/
    /*border:1px solid #000000; */
}
.flash_success {
    background-color: greenyellow;
    color: black;
    padding:3px;
}

.flash_error {
    background-color: hotpink;
    color: black;
    padding:3px;
}

.body_cdbox {
    width: 700px;
    background-color:#FFFFE0;
    background-color:#800080;
    background-color:#FE9B27;
    background-color:#FF8C00;
    background-color:#DAA520;
    background-color:#FFD700;
    background-color:#DEB887;
    margin-top:5px; 
    margin-bottom:15px; 
    padding:10px; 
    padding-bottom:10px; 
    border:1px solid #000000; 
}

.body_assetpage_updatedtext {
    margin: 0;
    font-family: 'Ubuntu', sans-serif;
    font-size: 9pt;
    font-style: italic;
    vertical-align: text-bottom;
    color: #118800;
    padding-top: 5px;
}

.body_assetpage_ragaalias {
    margin: 0;
    margin-bottom: 5px;
    font-family: 'Simonetta';
    font-size: 10pt;
    font-style: italic;
}

.body_assetpage_ul {
    list-style-type: none;
    list-style-position: outside;
    border:0;padding:0;margin:0;
}

.body_assetpage_li {
    list-style-type: none;
    list-style-position: outside;
    line-height: 1.5;
}

.body_assetpage_li:before {
    content: '*  '
}

.navi_asset_box {
    padding: 0px;
    margin: 0px;
    border: 0px;
}

.navi_asset_prev_box {
    width: 40%; 
    float: left;
}

.navi_asset_up_box {
    width: 20%; 
    float: left;
}

.navi_asset_next_box {
    width: 40%; 
    float: right;
}

.navi_asset_linktext {
    font-family: 'Cherry Swash';
    text-decoration: underline;
}

.aboutus_img {
    margin: 20px;
    margin-left: 0px;
    padding: 0;
}

.green {
    color: darkgreen;
    background-color: yellow;
}


/*---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------*/





