/* The final stylesheets consists of two files: the first will contain the core Netscape styles 
(As you may see, I tried to use as many CSS1 as possible, but Netscape still renders the
whole site badly), and a second stylesheet imported with an @import-rule (Netscape doesn't 
understands @import), holding the real styles which will overwrite the Netscape styles. */

body {
	background-image: url(img/backg.gif);
	background-position: top center;
	background-attachment: scroll;
	background-repeat: no-repeat;
	text-align: center;
	margin: 0;
	padding: 0;
}

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

		a:hover {
			color: #566590;
		}

.ad2 {
	height: 570px;
	margin-bottom: 30px;
	margin-top: 5px;
	margin-left: 10px;
	padding-left: 17px;
	
}
#google { margin: 0; padding-left: 35px; width:335px;}
#google2 { margin: 0; padding-left: 65px; width:335px; background: url(images/random2/random.php) center left no-repeat;}

.news {
	width:400px;
	margin-bottom:40px;
}

.in {
	text-align:justify;
	padding:3px;
	margin-top:0;
	margin-bottom:5px;
	border-top:1px
	solid #D3D3D3;
}

.news2 {
	width:400px;
	margin-bottom:0;
}

.in {
	text-align:justify;
	padding:3px;
	margin-top:0;
	margin-bottom:0;
}


#main {
	background: none;
	width: 600px;
	height: 100%;
	padding: 0px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

#head {
	width: 600px;
	height: 60px;
	margin-top: 10px;
	margin-left: 1px;
	margin-bottom: 18px;
	padding: 0;
	font-family: "century gothic", arial, verdana, helvetica, sans-serif;
	font-variant: small-caps;
}

	/* I was too tired to spot where I screwed up, or I came across a stupid IE bug: the "head" 
	container slided one pixel to the left. This small hack fixed it, and it displays perfectly. */

#main > #head {
	margin-left: 0;
}

#nav {
	width: 600px;
	height: 1px;
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #5e5e5e;
}


	/* attributes of the block "content" */

#content {
	margin: 0;
	padding: 0;
	width: 600px;
	text-align: left;
	font-size: 0.9em;
}
	
	/* hyperlink attributes for "content" */

#content a {
	font: bold 12px arial, sans-serif;
	text-decoration:underline;
	color:#000000;
	margin: 10px 0 0 0;
}

#content a:hover {
	text-decoration: underline;
}

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

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

	/* paragraph and heading styles for "content" */
	
#content p {
	font: normal 12px/14px arial, sans-serif;
	margin: 0;
	padding: 0;
}

p.center {
	font-family: verdana, lucida, arial, helvetica, sans-serif;
	font-size: 0.9em;
	text-align:center;
}

#content h1, h2, h3, h4, h5, h6 {
	font-family: "Century Gothic", arial, sans-serif;
	font-weight: normal;
	letter-spacing: 0.05em;
	font-size: 2em;
	color: #acacac;
	font-variant: small-caps;
	padding: 0 1em;
}

	/* the block of the main text, called "words" */

#words {
	float: left;
	width: 403px;
	padding: 0.1em 0em 1.1em 0em;
	margin: 0;
	border-right: 1px solid #5e5e5e;
}
	
	/* list styles for "words" */
	/* ordered lists first */
	
#words ol {
	font-family: verdana, lucida, arial, helvetica, sans-serif;	
	font-size: 0.9em;
}

#words ol li {
	padding: 0 1em;
	line-height: 1.7em;
}
	
	/* unordered list follows */
	
#words ul {
	font-family: verdana, lucida, arial, helvetica, sans-serif;	
	font-size: 0.9em;
}

#words ul li {
	padding: 0 1em;
	line-height: 1.7em;
	list-style: none;
	background: url(img/list.gif) center left no-repeat;
}
	
	/* that was it. now for the sider */
	/* Usually, designers has to set the width of floated elements twice because IE has a 3px float
	bug. Now, I doesn't felt for it, because i got no right border or what i could have disrupted, and 
	my content is relatively small too. */
#sider {
	width: 187px;
	float: left;
	margin: 0;
	padding-top: 0;
	padding-bottom: 30px;
	padding-left: 0;
	padding-right: 0;
}

#sider p {
	font: normal 10px arial, sans-serif;
	text-decoration:none;
	color:#000000;
	padding-left: 0;
	text-align: left;
}

#sider ul {
	font-family: verdana, lucida, arial, helvetica, sans-serif;	
	font-size: 0.9em;
	padding-left: 10px;
	margin: 0;
}

		/* list-style-image displays the small arrows on the left */

#sider ul li {
	display: list-item;
	text-indent: 0.1em;
	list-style: none;
	background: url(img/arrow.gif) center left no-repeat;
	margin-top: 1px;
	padding-left: 17px;
	padding-top: 0;
	text-align: left;
	font: normal 12px/14px arial, sans-serif;
	text-decoration:none;
	color:#000000;
}

#sider a {
	font: bold 13px arial, sans-serif;
	text-decoration:underline;
	color:#000000;
	margin: 0;
	padding: 0;
}

#sider a:hover {
	text-decoration: underline;
}

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

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

	/* footer. at last! */

#footer {
	clear: both;
	width: 100%;
	height: 60px;
	border-top: 1px solid #5e5e5e;
	background: #FFFFFF;
	font-family: verdana, lucida, arial, sans-serif;
	font-size: 0.8em;
	color: black;
	padding: 0.5em;
}

#footer a, a:link, a:visited {font-size:0.8em;color:#000;text-decoration:none;font-family:verdana, lucida, arial, sans-serif;}


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

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

#footer li {
	display:inline;
	padding: 0.5em;
}

#footer li.first {
	border:none;
}
#main h1, h2, h3, h4, h5, h6 {
	font-family: "Century Gothic", arial, sans-serif;
	font-weight: normal;
	letter-spacing: 0.05em;
	font-size: 2em;
	color: #acacac;
	font-variant: small-caps;
	padding: 0 1px;
	text-align: center;
}