/* 
  @file: style.css

*/

body {
	background:#fafafa url(../images/bg.png) repeat-x;
	font:100% arial,verdana,tahoma
}


h2 {
	font-size:1.8em;
	margin:10px 0;
	color:#b3bb2a
}

h3 {
	font-size:1.4em;
	padding: 0 20px 5px 0; 
	color:#C3Cb3a
}

p {
	line-height:2em;
	color:#645143;
	text-align: justify
}


a {
	text-decoration:none
}

a:hover {
	text-decoration:underline
}


#top h1 a,ul.link li,ul#list li {
	display:block
}

#top h1 a {
	background:url(../images/logo.png) no-repeat;
	height:115px;
	margin:0 auto
}

#top h1 a,#wrap {
	width:966px
}

#top p,#footer {
	text-align:center
}

#top p {
	padding:.5em;
	font-weight:bold;
	color:#3a5c04;
	line-height:1em
}

#wrap {
	border:1px solid #f0f0f0;
	border-width:1px;
	background:#FFF;
	margin:05px auto
}

#wrap .inner,.content {
	padding:1em
}

#wrap .inner img,.content img,ul#list li img {
	float:left
}

#wrap .inner img {
	position:relative;
	padding-left:30px;
	left:-20px;
	border-bottom:1px solid #f4f4f4;
	top:7px
}

.content p {
	margin:0 0 20px 0
}

h2.sep,#footer h2,.content h2 {
	background:url(../images/separator.png) no-repeat 100% 0;
	padding:1em 1em .5em
}

h2.sep {
	padding:.5em 1em .3em
}

.content img,ul#list li p {
	padding:.2em
}

.content img {
	border:1px solid #999;
	margin:40px 10px 10px 20px
}

.content img:hover, ul#list img:hover {
	border:1px solid #333
}

ul.link {
	list-style:none;
	width:800px;
	height:64px;
	margin:10px auto
}

ul.link,ul#list {
	overflow:auto
}

ul.link li,ul#list li {
	float:right
}

ul.link li {
	margin:0 10px
}

ul#list {
	margin:0 0 25px 0
}

ul#list li {
	width:30%;
	margin-right:2%;
	padding:0 4px;
	background:#f9fff4
}

ul#list li img {
	margin:5px;
	border:1px solid #999;
	padding:.2em;
}
* html ul#list li {
	width:29%
}



#footer h2 {
	font-size:1.1em
}

#footer {
	clear:both
}

#footer p  {
	font-size:xx-small;
	text-align: center
}

#footer p small,a {
	color:#8caf49
}