/*  
Theme Name: Oakhill Foundation
Theme URI: http://www.oakhillschoolfoundation.ch
Description: 
Version: 1.0
Author: Graf Miville
Author URI: http://www.grafmiville.ch

*/



/* CSS Document for Oak Hill School Foundation */

html, body		{ margin:0; padding:0; }
a img			{ border:0; }

body			{ font-family: Arial, Helvetica, sans-serif; font-size:75%; color:#5c5c5c; padding-bottom:40px; }


#centerTop		{ width:970px; margin-left: auto; margin-right:auto; }

/* *********************************************************************************************************** */
/* ************************************************** HEADER ************************************************* */
/* *********************************************************************************************************** */

#header								{ background-color:#419638; color:#fff; }

#switchSite							{ float:right; background:url(images/oak.jpg) left no-repeat; padding-left:40px; }
#switchSite:hover					{ background-image:url(images/oakHover.jpg); }
#header img							{ display:block; clear:both; float:left; }


#imgTop img							{ float:left; clear:none; margin-left:10px; }
#imgTop								{ width:650px; height:100px; float:left; }
#header a							{ text-transform:uppercase; color:#fff; text-decoration:none; font-weight:bold; line-height:2em; }
#header a:hover						{ color:#c0e98a; }

#header ul							{ list-style-type:none; list-style-image:none; margin:0; padding:0; }

#header .menu						{ float:right; }
#header .menu li					{ float:left; margin: 0 20px 0 30px; padding:0; line-height:normal; }
#header .menu li a					{ display:block; }

#header .menu ul ul					{ position:absolute; background-color:#e3f3db; border-width:0 1px 1px 1px; border-color:#419638; border-style:solid; display:none;  }
#header .menu ul li:hover ul		{ display:block; }
#header .menu ul ul li				{ float:none; margin:0; }
#header .menu ul ul li a			{ color:#419638; padding: 3px 10px 3px 22px; display:block; font-weight:normal;
									  background:url(images/menuDot.gif) no-repeat left; font-size:0.8em; }
					
#header .menu ul ul li a:hover		{ background-color:#419638; color:#fff; background-image:url(images/menuDotHover.gif); }

#header .menu ul li:hover ul ul		{ display:none; }

/* For IE6 */
* html #header .menu li				{ position:relative; }
#header .menu table					{ position:absolute; border-collapse:collapse; left:-2px; top:1.9em; }
#header .menu ul a:hover ul			{ display:block; }
#header .menu ul a:hover ul ul		{ display:none; }

* html .menu :hover					{ background:#419638; }

* html #header .menu ul ul li a		{ zoom:1; width: 200px;}				/* Causes the bug of links' width */

/* *********************************************************************************************************** */
/* ************************************************** BOXES ************************************************** */
/* *********************************************************************************************************** */

#boxes			{ width: 310px; border-collapse:collapse; float:left; }
#boxes td		{ width:50%; height:155px; text-align:center; vertical-align:middle; }

td.textBig		{ background-color:#419638; color:#fff; font-size:1.3em; line-height:1.5em; font-weight:bold; }

td.textSmall	{ background-color:#73c449; color:#fff; font-size:1.1em; line-height:1.7em; }


/* *********************************************************************************************************** */
/* ************************************************* CONTENT ************************************************* */
/* *********************************************************************************************************** */

#middle			{ width:970px; margin-left: auto; margin-right:auto; overflow:auto; }

#anim			{ float:right; }

#content		{ margin-left:350px; margin-right:60px; padding-top:10px; clear:right; }

#content p		{ text-align:justify; line-height:1.5em; margin:15px 0; }

#content h1		{ font-size:2.5em; font-weight:normal; }
#content h2		{ font-weight:normal; }

#content a			{ color:#419638; }
#content a:hover	{ text-decoration:none; }
#content img	{ margin: 0px 7px 7px 0px; }

input			{ margin: 5px 0; }
/* *********************************************************************************************************** */
/* ************************************************** FOOTER ************************************************* */
/* *********************************************************************************************************** */

#footer p		{ text-align:center; margin:0 auto; background-color:#419638; padding:3px 0; width:970px; color:#fff; margin-top:40px; }
#footer span	{ margin: 0 10px; }
#footer a		{ text-decoration:none; color:#fff; }
#footer a:hover	{ text-decoration:underline; }