/* LAYOUT
<div id="#page">
	<div="#head">
	<div="#modules">
	<div="#main">
		<div="#mainmenu">
		<div="#maincontent1">
		<div="#maincontent2">
		<div="#mainnews">
	<div="#foot">
START LAYOUT
*/

body {
 font-size: 0.8em;
 margin:0;
 padding:0; 
 background:#000;
 color: #333333;
 }	 
#head {
 height:180px; 
 border-bottom:1px solid #999; 
 width:100%; 
 background:#000;
 color: #eee; 
 }
#header1 {
 float: left;
 height:180px; 
 width: 250px; 
 margin:0;
 }
#start #header1 {background: url(/pub/start/img/header1.jpg) no-repeat top left;}
#news #header1 {background: url(/pub/news/img/header1.jpg) no-repeat top left;}
#members #header1 {background: url(/pub/members/img/header1.jpg) no-repeat top left;}
#contacts #header1 {background: url(/pub/contacts/img/header1.jpg) no-repeat top left;}
#links #header1 {background: url(/pub/news/img/header1.jpg) no-repeat top left;}

#header2 {
 height:180px; 
 margin-left: 300px;
 }

#modules {height: 20px; width:100%; background-color:#333; }

#main {
 width:100%;
 background:#000;
 height:80%;
 border-top:1px solid #999;
 }

#mainmenu {
 position:absolute;
 left:0;
 width:260px;
 background: url(/pub/start/img/demohead.png) no-repeat top left;
 min-height: 300px;
 }

#maincontent1 {
 position:relative;
 margin: 0px 20px 0 280px;
 padding: 10px;
 color: #eee;
 min-height: 300px;
}

#foot {
 width:100%;
 height:17px;
 margin:0;
 }

#footer1 {
 float: left;
 width: 200px; 
 padding-left: 10px;
 margin:0;
 }
#footer2 {
 text-align: right; 
 margin-left: 200px;
 }
.clearer {clear: both; line-height: 0px; height: 0px;}
/* END LAYOUT 
START FORMATTING */

body {font-family: Verdana, 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;}

#header2 h1 {font-size: 72px; font-weight: bold; padding-top: 40px; margin-top: 0px;}

#modules ul {padding:0; margin:0;}
#modules li {padding-left: 10px; list-style: none; display: inline;}
#modules a {text-decoration: none; font-weight: bold;}
#modules a:link {color: #eee;}
#modules a:visited {color: #eee;}
#modules a:hover {color: #ccc;}

#mainmenu a {font-weight: bold;color: #333;}
#mainmenu a:visited {color: #666;}
#mainmenu a:hover {color: #999; background-color: #eee;}

#mainnews h4 {font-size: 1.1em; font-weight: bold; color: #fff; margin: 10px 6px 10px 6px; padding: 4px;}
#mainnews h4 a {color: #fff; text-decoration: none;}
#mainnews p {font-size: 0.9em; padding: 4px;}
#mainnews a {color: #444; }
#mainnews a:visited {color: #444;}

#maincontent1 h1 {font-size:1.3em;}
#maincontent1 h2 {font-size:1.2em;}
#maincontent1 h3 {font-size:1.1em;}
#maincontent1 h4 {font-size:1.0em;}
#maincontent1 table td {border: none; padding: 4px;}
#maincontent1 p {text-align: justify; line-height: 1.5em;}
#maincontent1 a {color: #ddd;}
#maincontent1 a:link {color: #ddd;}
#maincontent1 a:visited {color: #ddd;}
#maincontent1 a:hover {color: #bbb;}
#maincontent1 a img {border: none;}

#foot {font-size: 0.75em; font-weight: bold;}
#foot a {text-decoration: none; color: #ddd}
#footer2 img {vertical-align: bottom}