/* ==== 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 }