/* ==== COMMON ==== */ body {

width: 978px;
      margin: 1.5em auto;
color:#333333;
font-family:Helvetica Neue,Arial,Helvetica,sans-serif;
font-size:75%;
line-height:1.5;

}

body a { color: #525252; text-decoration: none; } body a:hover {text-decoration: underline;} body a:visited {color:#000066;} body a:focus {color:black;} body a:hover {color:black;} body a:active {color:#CC0099;} body div {

border-radius: 10px;
-moz-border-radius: 15px;

}

body h1 { font-size: 22px; }

/* ==== HEADER ==== */

logo {

background-color: #fff;

}

logo h1 {

font-family: Arial Black,Garamond, serif;
line-height: 1em;
color: #f4954C;
font-weight:bold;
vertical-align:middle;
font-size: 40px;
      text-shadow: 0 0 0.2em #888, 0 0 0.2em #888, 0 0 0.2em #888

}

navigation {

background: #1522B2 url('/simple/images/menu_background.png') repeat-x scroll left top;
color: #FFFFFF;
height: 49px;
margin: 0;
padding: 0;

}

navigation li {

background: #1522B2 url('/simple/images/menu_background.png') repeat-x scroll left top;
float: left;
list-style: none;
margin: 0;
padding: 0;

}

navigation li:hover { background-position: 0 -49px; } navigation li a {

      color: #FFFFFF;
font-family:Arial Black,Helvetica,sans-serif;
      font-size: 140%;
      line-height: 49px;
      padding: 13px 20px;
      text-decoration: none;
font-weight: bold;
text-shadow: 2px 2px 2px #888;
-moz-text-shadow: 2px 2px 2px #888;
-webkit-text-shadow: 2px 2px 2px #888;

}

/* ==== CONTENTS ==== */

contents {

      background-color: #fff;
      padding: 15px;
      border: 1px solid #aaa;
margin: 5px 5px 5px 0px;
box-shadow: 5px 5px 5px #888;
-moz-box-shadow: 5px 5px 5px #888;
-webkit-box-shadow: 5px 5px 5px #888;

}

contents table {margin-bottom:1.4em;width:80%} contents th {background-color:#ccc;} contents tr:nth-child(odd) td {background-color:#E5ECF9;}

contents .title {color: C4651C; font-size: 2em; font-weight: bold; margin-bottom: 20px; } contents .subtitle {color: #333; font-size: 1.5em; font-weight: bold; margin-bottom: 15px;}

/* === SIDEBAR === */ sidebar {

width:14%;
float: right;
padding: 10px;
      border: 1px solid #aaa;
margin: 5px 5px 5px 0px;
box-shadow: 5px 5px 5px #888;
-moz-box-shadow: 5px 5px 5px #888;
-webkit-box-shadow: 5px 5px 5px #888;

}

/* ==== FOOTER ==== */

footer {

clear: both;
      text-align: center;
      color: #666;
padding: 13px 20px;
      border: 1px solid #aaa;

}

/* ==== NOTICe ==== */ notice { padding: 5px 8px; margin: 10px 0; } notice p, notice div { border:2px solid FBC2C4; margin-bottom:1em; padding:0.8em; } notice .notice { background-color: CFC; color:#514721; } notice .error { background-color:#FBE3E4; color:#8A1F11; } notice .success { background-color:#E6EFC2; color:#264409 }