html { font-family: Verdana, Arial, San-serif;
	font-size: 100%; }

body { background-color: #6D6F71;
	margin: 0;
	font-size: 62.5%;
	word-spacing: 3px; }


#site { position: absolute;
	top: 50%;
	left: 0;
	margin-top: -195px;
	width: 100%;
	height: 390px; }
	
/* IE5/Mac */

/*\*//*/
#site { margin-top: 50px; }
/**/
	
#page { width: 620px;
	margin: 0 auto;
	padding: 0; }
	
p { font-size: 1.1em;
	margin: 0 0 10px 0;
	color: #fff; }

a, .grn { color: #009F2B; 
	text-decoration: none; }
	
a:hover { color: #000; }

h1 { width: 56px;
	height: 23px;
	margin: 0 0 21px 0;
	padding: 0;
	background: url(../img/Mr-G.gif) no-repeat top right;
	text-indent: -999px; }

h1 a { display: block;	
	text-decoration: none;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0; }
	
h1.home { margin-top: 147px;
	float: left; }
	
#hmCentre { padding-left: 106px;
	text-align: center;
	float: left; }
	
#hmCentre #hmLogo { margin: 34px 0 0 0;
	width: 257px;
	height: 257px; }
	
#hmCentre #theMan { width: 45px;
	height: 59px; 
	margin: 7px 0 0 0; }

#hmCentre p { margin-top: 7px;
	font-size: 0.9em; }
	
#hmCentre p a { color: #fff; }


ul#nav { width: 92px;
	padding: 0; 
	margin: 31px 0 0 0; 
	list-style-type: none;
	float: right; }

ul#nav li { margin: 0 0 21px 0;
	padding: 0; 
	height: 12px; 
	line-height: 12px;
	float: left;
	display: block; }

ul#nav.home { margin-top:75px; }


ul#nav li a { text-indent: -999px;
 	height: 11px;
 	width: 95px;
	float: left; }
	

#nav a.news { background: url(../img/nav_news_on.gif) no-repeat; }
#nav a.news:hover { background: url(../img/nav_news_off.gif) no-repeat; }

#nav a.philo { background: url(../img/nav_philo_on.gif) no-repeat; }
#nav a.philo:hover { background: url(../img/nav_philo_off.gif) no-repeat; }

#nav a.disco { background: url(../img/nav_disco_on.gif) no-repeat; }
#nav a.disco:hover { background: url(../img/nav_disco_off.gif) no-repeat; }

#nav a.audio { background: url(../img/nav_audio_on.gif) no-repeat; }
#nav a.audio:hover { background: url(../img/nav_audio_off.gif) no-repeat; }

#nav a.links { background: url(../img/nav_links_on.gif) no-repeat; }
#nav a.links:hover { background: url(../img/nav_links_off.gif) no-repeat; }

#nav li a.contact { background: url(../img/nav_contact_on.gif) no-repeat; }
#nav li a.contact:hover { background: url(../img/nav_contact_off.gif) no-repeat; }



#news #nav a.news, ul#nav.home a.news { background: url(../img/nav_news_off.gif) no-repeat; }
#news #nav a.news:hover, ul#nav.home a.news:hover { background: url(../img/nav_news_on.gif) no-repeat; }

#philo #nav a.philo, ul#nav.home a.philo { background: url(../img/nav_philo_off.gif) no-repeat; }
#philo #nav a.philo:hover, ul#nav.home a.philo:hover { background: url(../img/nav_philo_on.gif) no-repeat; }

#disco #nav a.disco, ul#nav.home a.disco { background: url(../img/nav_disco_off.gif) no-repeat; }
#disco #nav a.disco:hover, ul#nav.home a.disco:hover { background: url(../img/nav_disco_on.gif) no-repeat; }

#audio #nav a.audio, ul#nav.home a.audio { background: url(../img/nav_audio_off.gif) no-repeat; }
#audio #nav a.audio:hover, ul#nav.home a.audio:hover { background: url(../img/nav_audio_on.gif) no-repeat; }

#links #nav a.links, ul#nav.home a.links { background: url(../img/nav_links_off.gif) no-repeat; }
#links #nav a.links:hover, ul#nav.home a.links:hover { background: url(../img/nav_links_on.gif) no-repeat; }

#contact #nav a.contact, ul#nav.home a.contact { background: url(../img/nav_contact_off.gif) no-repeat; }
#contact #nav a.contact:hover, ul#nav.home a.contact:hover { background: url(../img/nav_contact_on.gif) no-repeat; }


#theMan { width: 73px;
	height: 94px; 
	border: 0;
	margin: 14px 0 0 30px; }

#iframe { float: left;
	margin: 0;
	padding: 0; }
	
#innerFrame { padding: 15px;
	background-color: #4C4C4E;
	color: #fff; }

h2 { font-size: 1.2em;
	margin-top: 0;
	padding-bottom: 2px;
	border-bottom: 1px solid #505050;
	text-transform: uppercase; }

h3 { font-size: 1.1em;
	margin: 0 0 4px 0; }
	
h4 { font-size: 1.1em;
	margin: 6px 0 3px 0; }
	
ul { width: 440px;
	margin: 0;
	padding: 0;
	float: left;
	list-style-type: none; }
	
ul li.title { margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #303030; }
	
ul li ul { margin: 0 0 5px 10px;
	list-style-type: none;
	padding: 0;
	height: auto; }
	
ul li ul li { margin: 0;
	border: 0; }

.left { margin-right: 5px;
	float: left; }

.right { margin-left: 5px; 
	float: right; }

.twoCol { width: 220px;
	margin: 0 14px 0 0;
	float: left; }

.twoCol.right { margin-right: 0; }

ol { padding: 0 0 5px 25px;
	margin: 0;}
ol li { margin: 0 0 3px 0;}

.links .twoCol ul { width: auto; }

.links .twoCol ul li { font-weight: bold;
	font-size: 1.1em;
	margin: 6px 0 3px 0; }