/* ----------------------------------------------------------------- */
/*  Sophisticated Page Style Sheet                                   */
/*  http://www.motchie.com/                                          */
/* ----------------------------------------------------------------- */

  /* --------------------------------------------------------------- */
  /*  # Definitions of Tags #                                        */
  /* --------------------------------------------------------------- */

@import url(other.css);

BODY {
    background : #FFFFFF;
    color : #000000;
    font : 100% Verdana, "Myriad Web", Syntax, sans-serif ! important;
    margin : 0 4% 0 4%;
}

A {
    background : transparent;
    font-weight : bold;
}

A:link {
    background : transparent;
    color : #FF6633;
    text-decoration : none;
}

A:visited {
    background : transparent;
    color : #FF6633;
    text-decoration : none;
}

A:hover {
    text-decoration : underline;
}

H1 {
    color : #000099;
    background : transparent;
    font : 26pt Verdana, serif;
    margin : 0;
    padding : 0;
}

H2 {
     font-size : 140%;
}

H3 {
     font-size : 110%;
}

HR {
    clear : both;
    background : transparent;
    margin : 0;
}

ADDRESS {
    clear : both;
    font-style : italic;
    margin : 0.6em 0;
}

IMG {
    border : 0;
    margin : 0 0.1ex;
}

CODE,SAMP {
    font : 100% "Courier", "Osaka Monospaced", monospace
}

BLOCKQUOTE {
    background : #FFCC99;
    font : 100% "Courier", "Osaka Monospaced", monospace
}

DT {
    font-weight : bold;
    margin : 0 0.7em;
}

DD {
    margin : 0.4em 2em;
}

P,DL {
    margin : 1em 0.5em;
}

P {
    text-indent : 1em;
}

LI {
    margin : 0.4em;
}

TABLE {
    font : 100% Verdana,serif;
    border-collapse : separate;
    width : 100%;
    margin : 0.5em 0;
    table-layout: fixed;
}

THEAD {
    color : #FFFFFF;
    background : #000099;
}

TD {
    padding : 0.2em 0 0.2em 0.5em;
}

CAPTION {
    font-weight : bold;
}

LABEL {
    font : 100% menu,Verdana,serif;
}

Q {
	font-style : italic;
}

Strong {
	font-weight : bold;
	color : #ff0000;
}

  /* --------------------------------------------------------------- */
  /*  # Definitions of Special Tags #                                */
  /* --------------------------------------------------------------- */

H2.Menu {
    font-size : 100%;
}

H2.Guest {
    border-width : 0.1em 0 0 0;
    border-style : solid;
    border-color : #000099;
}

DIV.Current {
    width : 100%;
    height : 2em;
    padding : 0.25em 0.5em;
    border-width : 0.25em 0 0.25em 0;
    border-style : solid;
    border-color : #000099;
    text-align : right;
    vertical-align : middle;
}

P.TitleBar {
   color : #FFFFFF;
   font-family : caption,Verdana,serif;
   margin: 0;
   border : 0.1ex solid #FFFFFF;
   background : #0000FF;
   text-indent : 0.5em;
}

P.Form {
    text-indent : 0;
    margin : 0.1em 0.5em;
}

DIV.Link {
    clear : both;
    padding : 0.25em 0;
    font-size : x-small;
    text-align : center;
    border-width : 0.2ex 0 0.2ex 0;
    border-style : solid;
    border-color : #000099;
    width : 100%;
}

P.Title {
   text-indent : 0;
   font-weight : bold;
   margin : 1em 0 1em 0;
   padding : 0;
   text-align : center;
}

COL.elements {
    background : #FFCC99;
    color : #000000;
    font-weight : bold;
    text-align : center;
}

.Border {
    color : #000000;
    margin: 0;
    padding : 0 0.5em;
    border-width : 0.1em 0.3em;
    border-style : solid;
    border-color : #000099;
    background : #FFFFFF;
/*     text-indent : 0.5em; */
    font-weight : bold;
    font-size : 100%;
}

SPAN.Key {
    text-decoration : underline;
}

P.Date {
    text-indent : 0;
    text-align : right;
}

  /* ------------------------------------------------------------- */
  /*  Specify the Special Styles                                   */
  /* ------------------------------------------------------------- */

.ZeroMargin {
    margin : 0.5em 0;
    padding : 0;
}

.WindowsColor {
    background : ButtonFace;
    clear : both;
    color : WindowText;
    font : 100% menu,Verdana,serif;
    padding : 0.5em;
    border : 0.2em groove #FFFFFF;
}

.Menu {
    color : #FFFFFF;
    margin: 0;
    padding : 0.5ex;
    border : 0.1ex solid #FFFFFF;
    background : #000099;
    text-indent : 0.5em;
    font-weight : bold;
}

.Caution {
    border : 0.4em groove #FF0000;
    font-weight : bold;
    margin : 1em 0;
    padding : 0.5em;
}

/* ~/index.shtml */
P.News {
    text-indent : 0;
    text-align : center;
    border : 0.2em groove #FF0000;
    margin : 1em 0 1em 0;
    padding : 0.5em 0
}

P.Desc {
    text-indent : 3em;
    margin : 0.5em 0 0.5em 0;
}

P.Sub {
    text-indent : 0;
    margin : 0.5em 0 0.5em 5em;
    border-left : 0.3em solid #000099;
    padding : 0 0 0 1em;
}

/* ./home/index.html */
OL LI CODE.url {
    color : red;
    background : transparent;
    margin : 1em;
}

DIV.hand {
    margin : 0 0 0 1em;
}

DIV.IconsDesc {
    float : left;
    width : 67%;
    height : 2em;
    margin : 0em;
    text-align : left;
    vertical-align : middle;
}

SPAN.Italic {
    font-style : italic;
}

/* ./article/important.html */

P.Test {
    background : #008000;
    color : #FFFFFF;
}

DIV.Guest {
    color : #000000;
    margin: 0;
    border-width : 0.1em 0 0 0;
    border-style : solid;
    border-color : #000099;
    background : #FFFFFF;
}

H1.TopPage {
    border-width : 0 0 0.1em 0;
    border-style : solid;
    border-color : #000099;
}

.MapleInput {
    color : #FF0000;
    background : transparent;
    font : bold 100% "Courier", "Osaka Monospaced", monospace
}

.MapleAnswer {
    color : #0000FF;
    background : transparent;
    text-align : center;
    font : bold 100% "Courier", "Osaka Monospaced", monospace
}

P.Link {
    padding : 0.25em 0;
    color : #000000;
    font-size : x-small;
    text-align : center;
    background : #99FFFF;
    width : 100%;
}

PRE.header {
	font-size : x-small;
}

DIV.Banner {
    width : 100%;
    padding : 0.25em 0.5em;
    border-width : 0.25em 0 0.25em 0;
    border-style : solid;
    border-color : #000099;
    text-align : right;
    vertical-align : middle;
}