/* 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-color:#808080;
 color: #333333;
 }	 
#head {
 height:180px; 
 border-bottom:1px solid #999; 
 width:1160px; 
 background:#F3F4F5;
 color: #333333; 
 margin:0;
 }
#header1 {
 float: left;
 height:180px; 
 width: 315px; 
 margin:0;
 }
#start #header1 {background: transparent url(/pub/start/img/header1.png) no-repeat top left;}
#contacts #header1 {background: transparent url(/pub/contacts/img/header1.png) no-repeat top left;}
#links #header1 {background: transparent url(/pub/links/img/header1.png) no-repeat top left;}
#docs #header1 {background: transparent url(/pub/contacts/img/header1.png) no-repeat top left;}
#docs2 #header1 {background: transparent url(/pub/contacts/img/header1.png) no-repeat top left;}
#header2 { 
 height:180px; 
 margin-top: 0px;
 margin-left: 400px;
 }
#start #header2 {background: transparent url(/pub/start/img/header2.jpg) no-repeat top left;}
#contacts #header2 {background: transparent url(/pub/contacts/img/header2.jpg) no-repeat top left;}
#links #header2 {background: transparent url(/pub/links/img/header2.jpg) no-repeat top left;}
#docs #header2 {background: transparent url(/pub/docs/img/header2.jpg) no-repeat top left;}
#docs2 #header2 {background: transparent url(/pub/docs/img/header2.jpg) no-repeat top left;}

#modules {height: 30px; width:1160px; margin: 0; z-index:4;}
#start #modules {background-color:#789;}
#contacts #modules {background-color:#abc;}
#links #modules {background-color:#c00;}
#docs #modules {background-color:#036;}
#docs2 #modules {background-color:#036;}

#main {
 width:1160px;
 z-index:1;
 background:#fff;
 color: #333333;
 height:80%;}

#mainmenu {
 position:absolute;
 top:211px;
 left:0;
 width:198px;
 z-index:3;
 border-top:1px solid #fff; 
 background:transparent;
 color: #333333;
 min-height: 300px;
 height: 300px;
}

#mainnews {
 position:absolute;
 top:211px;
 left:960px;
 width:198px;
 z-index:2;
 border-top: 1px solid #fff;
 background:transparent;
 color: #333333;
 padding-bottom: 10px
}
#start #mainnews h4 {background-color:#789;}
#contacts #mainnews h4 {background-color:#abc;}
#links #mainnews h4 {background-color:#c00;}

#maincontent1 {
 position:relative;
 margin: 0 198px 0 198px;
 border-top:1px solid #fff;
 border-left: 2px dotted #ccc; 
 border-right: 2px dotted #ccc; 
 background: transparent;
 color: #333;
 }
#maincontent2 {
 margin: 0 0 200px 0;
 color: #333;
 }
#foot {
 width:1160px;
 height:17px;
 border-bottom: 1px solid #333; 
 margin:0;
 }
#start #foot {background-color:#789; border-top: 3px solid #789; color: #bbb;}
#contacts #foot {background-color:#abc; border-top: 3px solid #abc; color: #eee;}
#links #foot {background-color:#c00; border-top: 3px solid #c00; color: #eee;}
#docs #foot {background-color:#9cf; border-top: 3px solid #9cf; color: #eee;}
#docs2 #foot {background-color:#9cf; border-top: 3px solid #9cf; color: #eee;}

#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: 'Lucida Grande', Verdana, 'Lucida Sans Unicode', sans-serif; background: transparent url(../img/transparent.png) repeat;}

#header2 div{}

#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 dl {padding: 8px; margin:0;}
#mainmenu dt {padding: 4px 0px 0px 2px; font-weight: bold;}
#mainmenu dd {margin: 2px 0px 0px 6px; font-size: 0.8em;}
#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 {padding: 0 12px 0 12px;}
#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; color: #333; line-height: 1.5em;}
#maincontent1 a {color: #111;}
#maincontent1 a:link {color: #111;}
#maincontent1 a:visited {color: #444;}
#maincontent1 a:hover {color: #111;}
#maincontent1 a img {border: none;}

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

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