/*
 * This CSS has largely been inspired by the Minimalistic web design,
 * available on Open Source Web Design (oswd.org), under the public
 * domain.
 *
 * http://www.oswd.org/design/preview/id/3533
 */

/*
 * General purpose styles
 */
html,body {
	margin:0;
	padding:0;
}

body {
	font: 85%/1.3 TrebuchetMS,Arial,sans-serif;
	text-align: left;
	background: #fff;
	padding-bottom:20px;
}

a {
	color: #0066B3;
	background: inherit;
	text-decoration: none;
}

h1 {
	font: bold 1.3em Arial, Arial, Sans-Serif;
	color: #036DA7;
	border-bottom: 2px solid #036DA7;
}

h2 {
	font: bold 1.1em Arial, Arial, Sans-Serif;
	color: #036DA7;
	padding: 0;
	margin: 0;
	border-bottom: 1px dashed #036DA7;
	clear: both;
}

p {
        text-align: justify;
}

/*
 * Top-header styles
 */
div#header {
	width:100%;
	overflow:hidden;
        background: #BBD9EE url("/media/header-background.png") no-repeat right top;
}

img#logo {
	float: left;
	margin-left: 10px;
	margin-top: 10px;
	margin-right: 10px;
        margin-bottom: 5px;
        height: 90px;
}

div#header h1 {
	font: bold 2.1em Arial, Arial, Sans-Serif;
	margin: 0 auto;
	margin-left: 10px;
	padding: 30px 0 5px;
	color: #fff;
	border: 0;
}

div#header h2 {
	margin: 0 auto;
	margin-left: 10px;
	color: #fff;
	border: 0;
	clear: none;
}

/*
 * Menu styles
 */
div#menu {
	margin:0 auto;
	margin-right: 10px;
}

ul#nav, ul#nav li {
	list-style-type:none;
	margin:0;
	padding:0;
}
ul#nav {
	float:right;
	font-size: 80%;
}

ul#nav li {
	float:left;
	margin-left: 3px;
	text-align: center;
}

ul#nav a {
	float:left;
	width: 10em;
	padding: 5px 0;
	background: #E7F1F8;
	text-decoration:none;
	color: #666;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right : 1px solid #fff;
}

ul#nav a:hover {
	background: #fff;
	color: #000;
}

ul#nav li.activelink a,ul#nav li.activelink a:hover, ul#nav a.current {
	background: #FFF;
	color: #003;
}

/*
 * Contents styles
 */
div#contents
{
  padding-top: 1.25em;
  padding-bottom: 0;
}

div#right
{
  position: absolute;
  right: 1em;
  top: 9.5em;
  width: 16em;
}

div#page
{
  margin: 0;
  margin-left: 2em;
  margin-right: 18em;
  margin-top: 1em;
  width: auto;
}

/*
 * Main box style
 */
div.box
{
  background: #eee;
  padding-left: 2em;
  padding-right: 2em;
  padding-top: 0.5em;
  padding-bottom: 1em;
  margin-bottom: 1em;
}

/*
 * Right box styles
 */
div.rbox
{
  position: relative;
  margin-bottom: 1em;
  padding:0.75em;
  width: 192px;
  background: #eee;
  font-size: 90%;
}

div.rbox h1
{
  font-size: 100%;
  border: 0;
}

/*
 * Form styles
 */
input
{
  border: 1px #364970 solid;
  background: white;
  padding: 1px;
  margin-left: 2px;
  margin-right: 2px;
  margin-bottom: 3px;
}

textarea
{
  border: 1px #364970 solid;
  background: white;
  padding: 1px;
  margin-left: 2px;
  margin-right: 2px;
  margin-bottom: 3px;
}

/*
 * Table styles
 */
table.list
{
  margin: 1em;
  padding-right: 2em;
  width: 100%;
}

table.center
{
  text-align: center;
}

table.list img
{
  border: 0;
}

table.list tr
{
  background: white;
}

table.list tr.odd
{
  background: #BBD9EE;
}

table.list td
{
  vertical-align: middle;
}

/*
 * Question box styles
 */
div.question
{
  border: 2px solid #BBD9EE;
  background: white;
  width: 60%;
  margin: auto;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 10px;
}

div.question img
{
  float: right;
  margin-top: 1em;
}

div.question p.question
{
  font-size: 120%;
  font-weight: bold;
}

div.question p.answer
{
  font-size: 120%;
}

div.question p.author
{
  margin-left: 30%;
  text-align: right;
  font-size: 80%;
  font-style: italic;
}