/* Shining at me */

/*

------------------------------------------------------
Copyright Bruno Kerrien,
some rights reserved
http://creativecommons.org/licenses/by-sa/2.0/

You are free to use this style sheet and its
associated image files to create your own site.
However, we ask that you respect the template's
creator by maintaining this attribution in
the style sheet.
------------------------------------------------------

*/

body {background: #ffffff;
margin: 10 auto;
padding: 0;
font-family: Arial,Verdana,"Trebuchet MS",Helvetica,sans-serif;
text-align: center;
font-size: small;
color:#0000CC;
font-weight:bold;}


/* --- H1, H2, H3 --------- */

h1, h2, h3 {font-family: Arial,Verdana,sans-serif;
font-weight: bold;
margin-top: 0;
color: #0000CC;
text-align:left;}

h1 {font-size: 100%;
text-transform:uppercase;
text-align:center;}

h2 {font-size: 95%;}

h3 {font-style: italic;
font-size: 90%;}

/* Hyperlinks */

a {color: #FF3333;
text-decoration:none;
}

a:hover {color: #FF3333;
text-decoration:underline;
}

a:visited {color: #FF3333;
text-decoration:none;
font-style:italic;
}


/* --- Wrap --------- */

#wrap {
	background: url("graphics/background_container.jpg") repeat-y top left;
	width: 770px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}

/* --- Banner --------- */

#banner {background: url("graphics/banner.jpg") no-repeat top left;
width: 770px;
height: 100px;}


/* --- Navigation bar --------- */

#navigationbar {background: url("graphics/background_navigationbar.jpg") repeat-y top left;
width: 770px;}


/* --- Navigation table --------- */

#navigation-table {width: 665px;
margin: 5px 62px 5px 52px;}

#navigation-table td {width: 20%;
text-align: center;}

#navigation-table a {color: #000000;
font-size: 90%;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;}

#navigation-table a:hover {color: #FF3333;
text-decoration:underline;}

#navigation-table a:visited {font-style: italic;
text-decoration:none;}

#current {background-color:#FFFFFF;}


/* --- Content --------- */

#content {
	padding: 5px;
	width: 630px;
	margin-top: 5px;
	margin-right: 25px;
	margin-bottom: 5px;
	margin-left: 55px;
}

#content p, #content ol, #content ul {font-size: 90%;
line-height: 1.2em;
text-align:left;}



/* --- Footer --------- */

#footer {background: url("graphics/background_footer.jpg") no-repeat top left;
margin: 10px 0px 0px 0px;
width: 770px;
height: 75px;
text-align: center;
font-size: 70%;}

#footer a {color: #000000;
text-decoration:underline;}

#footer a:hover {color: #FF3333;
text-decoration:underline;}

#footer a:visited {color: #000000;
text-decoration:none;
font-style: italic;}


/* --- Display tables ----- */

#display {font-size: 80%;
background-color: #e5e5e5;
}

.displayheading {font-size: 110%;
font-weight:bold;
}


a.displaylink {color:#000000;
text-transform:uppercase;
text-decoration:none;
}

a.displaylink:hover {color:#000000;
text-transform:uppercase;
text-decoration:underline;
}

a.displaylink:visited {color:#000000;
text-transform:uppercase;
text-decoration:underline;
font-style:italic;
}

h3 {
	color: #FF3333;
}