﻿/* 
	project:  small corporation
	author:   luka cvrk (www.solucija.com) 
*/

*{ margin: 0; padding: 0; }* 
body { 
	font: .75em "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; 
	line-height: 1.6em;
	background: #FFF0D2;
}

a {	color: #E60000;	background: inherit; text-decoration: none; }
a:hover { color: #AA0001; background: inherit; text-decoration: underline; }
p { margin: 0 0 0 0;  font-size:15px; padding:5px 0 5px 0;}
h1 {  margin: 20px 0 0; }
h1 a { background: inherit; }
img { border: 0; }
h2 { font: normal 1.6em "Trebuchet MS", Arial, Sans-Serif; margin: 0 0 12px; }
h3 a { font-size: 1em; }
#main h3 a { font-size: .84em; color: #808080; font-weight: normal; text-transform: uppercase; }

#content { width: 900px; padding: 0 20px 0 20px; background: #FFFFFF;}
#content_t { width: 900px; padding: 10px 0 0 0; background: #FFFFFF;}

#top{ float: right; text-align: right;  }
#top a { color: #808080; margin: 0 20px 0 13px; background: #FFFFFF url(images/toparrow.png) no-repeat center left; 
padding: 0 0 0 12px; }
input.searchfield { width: 175px; padding: 6px; border: 2px solid #ccc; font-size: .9em; }
input.searchbutton { background: #E60000; border: 0; padding: 6px; color: #fff; font-weight: bold; font-size: .9em; }

#logo { float: left; color: #999900; line-height: 25px; padding:0 30px 0 30px; margin:0 30px 0 70px;}
#logo a {font-size:60px; letter-spacing:20px; color: #999900;}

#logo_left { float: left; color: #808080; line-height: 20px; }
#logo_left a {font-size:13px;}

#menu { height: 35px; 
padding: 7px 0 0 30px; 
clear: both;  
margin: 0 0 20px 0px;
background: url(images/menuBar.jpg) no-repeat center top; }
	#menu li { font-size: 14px; display: inline; text-transform: uppercase; }
	#menu li a { margin: 0 25px 0 10px; color: #FFFFFF;  font-weight: bold; }
	#menu li a:hover { color: #444; }

#left { background: #F5F5F5;  clear: left; float: left; width: 640px; border-bottom: 1px solid #cccccc;}
	#left li { list-style:none;  border-bottom: 1px solid #eee; line-height:20px;}
	#left li a {  color: #696B81; 
	              font-weight: bold; 
				  font-size: 14px;
				  padding: 20px 0 20px 0; }
	#left p { text-align:left }
.pi { background: url(images/leftBar.jpg) no-repeat center top; height:32px; padding:7px 0 0 13px; font-weight:bold;}

#main { float: left; width: 650px; margin: 0 0 20px; line-height:25px; }
	#main img { float: left; border: 0px solid #eee; padding: 1px; margin: 0 15px 5px 0; }
	#line { clear: both; background: #fff repeat-x; padding:10px 0 0 0;}
	#line a { margin: 0 25px 0 10px; color: blue;  font-weight: bold; }
	#ad { float: right; text-align: center; padding: 0 20px 0 20px; width: 200px; color: #3333FF; 
			height: 50px; margin: 20px 0 15px; letter-spacing:5px;}
	#shortnews { float: right; width: 230px; }
	.news { border-bottom: 1px solid #eee; padding: 0 0 2px; margin: 0 0 10px;}
	
#right { background: #FFFFFF; float: right; width: 250px; text-align: justify; }

#rl { float: left; width: 275px; }
#rr { float: right; width: 275px; }
	#rl li, #rr li { list-style: none; border-bottom: 1px solid #eee;  margin: 0; }
	#rr li { list-style: none; border-bottom: 1px solid #eee;  margin: 0; }
	#rl li a, #rr li a { background: #fff url(images/arrow.gif) no-repeat center left; padding: 0 0 0 12px; color: #808080;  }

/*第四行*/
.third { background: #FFFFFF; margin: 0 0 20px 0;  float: left; width: 100%;  text-align: justify;}

.trl { float: left; width: 640px; margin: 0 0 20px 0; padding:0 0 0 0;}
.trl_c { float: left; width: 10px; margin: 20px 0 20px 20px; padding:40px 0 0 0;}
.trr { float: right; width: 250px; padding:0 0 0 0; font-size: 14px;}
.trc { float: right; width: 250px; padding:0 0 0 0; font-size: 14px;}

.trl li, .trr li, .trc li { list-style: none; border-bottom: 1px solid #eee;  margin: 0; }
.trl_c { list-style: none;  margin: 0; }
.trl li a { background: #fff url(images/arrow.gif) no-repeat center left; padding: 0 0 0 20px; color: #696B81; font-size: 14px; }
.trr li a { background: #fff url(images/arrow.gif) no-repeat center left; padding: 0 0 0 10px; color: #696B81; font-size: 14px; }
.trc li a { background: #fff url(images/arrow.gif) no-repeat center left; color: #FF9900; font-size: 14px; }
.pr { background: url(images/calenderBar.jpg) no-repeat center top; height:32px; padding:7px 0 0 13px; font-weight:bold;}


/* Sidebar */

#sidebar {
	float: right;
	width: 250px;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
}

#sidebar li {
	background: url(images/img04.jpg) no-repeat left bottom;
	font-size: 14px;
}

#sidebar li ul {
	line-height: 200%;
	padding-bottom: 20px;
}

#sidebar li li {
	margin: 0;
	padding: 0 20px;
	background: none;
}

#sidebar h2 {
	height: 27px;
	margin: 0 0 0 0;
	padding: 5px 0 0 15px;
	background: url(images/calenderBar.jpg) no-repeat left top;
	font-size: 18px;
	font-weight: bold;
	color: #000000;
}


#sidebar p {
	padding: 0px 15px;
	line-height: 200%;
}

#sidebar a {
	color: #000000;
}


/* Calendar */

#calendar {
}

#calendar caption {
	padding-bottom: 5px;
	font-weight: bold;
}

#calendar table {
	width: 250px;
	border-collapse: collapse;
}

#calendar thead th {
	padding: 5px 0;
	text-align: center;
}

#calendar tbody td {
	padding: 5px 0;
	text-align: center;
}

#calendar tfoot td {
	padding: 5px;
}

#calendar tfoot #next {
	text-align: right;
}

#calendar #today {
	background: #DCD370;
}


#footer { clear: both; 
		padding: 5px; 
		margin: 10 0 10px 0; 
		font-size: .9em; 
		color: #808080; 
		background: #eee; }
	.links a { font-weight: bold; 
			   color: #787A8F; 
			   background: #fff; margin: 0 10px 0 0; 
			   background: url(images/dot.png) no-repeat center left; 
			   padding: 0 0 0 10px; }
	.sponsor { color: red; background: #eee; }
	#footer li { list-style: none; }
	#fl { width: 930px; }
	#fr { float: right; }