/*********************************************************
 *  JSC base CSS -- PAGES --
 *  2010/12/10 RC.2
 *********************************************************/


/* Inherit OR Override */

/**** Header ****/
div#jsclogo {
    display: block;
    float: left;
    width: 245px;
    height: 100px;
    background-color: white;
    margin: 0;
    padding: 0;
    border-width: 0;
    margin-right: 5px;
    text-align: center;
}

div#jsclogo img {
    display: inline;
    width: 180px;
    margin: 0;
    margin-top: 20px;
    padding: 0;
    border-width: 0;
}

div#welcomelogo {
    margin: 0;
    padding: 0;
    border-width: 0;
    display: block;
    float: right;
    width: 540px;
    height: 100px;
    padding-top: 0px;
    background-color: aliceblue;
    margin-right: -2px;
    background-image: url("/images/bg0000.jpg");
    background-position: bottom left;
}


/* Indivisual */
div#pagesheader {
    width: 100%;
/*  border-style: solid;
    border-width: 1px;
    border-color: dimgray; */
    clear: both;
    margin: 0;
    padding: 0;
    border-width: 0;
}


div#welcomestr3 {
    display: block;
    float: right;
    width: auto;
    height: auto;
    font-family: Arial, sans-serif;
    font-size: 1.3em;
    color: midnightblue;
    font-weight: bolder;
    margin-top: 40px;
    margin-right: 20px;
    text-align: right;
}

div#welcomestr4 {
    display: block;
    float: right;
    width: auto;
    height: auto;
    font-family: Arial, sans-serif;
    font-size: 0.8em;
    color: darkblue;
    font-weight:  bold;
    
    margin-top: 10px;
    margin-right: 20px;
    text-align: right;
}

/**** Contents ****/
div#mycontents {
    /** set background image here. **/
    background-image: url("/images/CIMG0022 b.jpg");
}

div#mycontents h1 {
	color: #ff3366; /*** override ***/
}

div#mycontents h2 {
	color: #ff3366; /*** override ***/
}

div#mycontents h3 {
	color: #ff3366; /*** override ***/
}

div#contentsbox {
    scrollbar-base-color: black;
    scrollbar-face-color: #ff3366;
    scrollbar-arrow-color: #ff3366;
    scrollbar-track-color: #330000;
    scrollbar-highlight-color: #ff6666;
    scrollbar-shadow-color: #cc0000;
    scrollbar-3dlight-color: black;
    scrollbar-darkshadow-color: black;
}

/**** Figure Box ****/
div#figbox {
    display: block;
    float: left;
    width: 540px;
    height: 330px;
    border-style: solid;
    border-width: 2px;
    border-color: dimgray;
    background-color: black;
    margin-left: 15px;
    margin-top: 20px;
}

div#figbox p.post{
    color: dodgerblue;
    margin: 2px;
}

div#figbox p.name{
    margin: 0px;
    font-size: 0.8em;
}

div#figbox p.title{
    margin: 0px;
    font-size: 0.7em;
    font-weight: bold;
}

div#figbox p.site{
    margin: 0px;
    font-size: 0.7em;
    text-decoration: underline;
}

div#figbox p.role{
    margin: 0px;
    font-size: 0.7em;
    font-style: italic;
}

div#figbox p.orgname{
    color: dodgerblue;
    margin: 8px;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 0.8em;
    font-weight: bold;
}
div.boxtype1 {
    display: block;
    float: left;
    width: 251px;
    height: 100px;
    border-style: solid;
    border-width: 2px;
    border-color: dodgerblue;
    background-color: #333333;
    padding: 0px;
    margin: 0px;
    margin-left: 10px;
    margin-top: 10px;
    text-align: center;
}

div.boxtype2 {
    display: block;
    float: left;
    width: 516px;
    height: 120px;
    border-style: solid;
    border-width: 2px;
    border-color: dodgerblue;
    background-color: #333333;
    padding: 0px;
    margin: 0px;
    margin-top: 10px;
    margin-left: 10px;
    text-align: center;
}

div.boxtype3 {
    display: block;
    float: left;
    width: 251px;
    height: 45px;
    border-style: solid;
    border-width: 2px;
    border-color: dimgray;
    background-color: black;
    padding: 0px;
    margin: 0px;
    margin-left: 10px;
    text-align: center;
}

div.innerbox {
    display: block;
    float: left;
    border: none;
    width: 250px;
    padding-left: 8px;
/*    background-color: black;*/
    text-align: left;
}

div.space {
    display: block;
    float: left;
    width: 126px;
    height: 10px;
    margin-left: 10px;
}

div.lines {
    display: block;
    float: left;
    width: 260px;
    height: 20px;
    border-style: dotted;
    border-width: 2px;
    border-color: dimgray;
    border-top: none;
    border-bottom: none;
}

/**** Right Menu ****/
div#pagesrightmenu p {
	color: #ff3366; /*** override ***/
}

div#pagesrightmenu a.current {
	color: #ff3366; /*** override ***/
}