/* stylesheet for IRC - Piccolino
=================================================== */

/* general
=========================================== */

body {

	font-family: arial, sans-serif;
	font-size: 70%;
	color: #000;
	margin: 0px;
	background-image: url(../images/green_bg.gif);
}


#container {
	width: 770px;
	margin-left: auto;
	margin-right: auto;
	background: url(../images/red_bg.gif) repeat-y;
	
}
#container_green {
	width: 770px;
	background: url(../images/green_bg.gif) repeat-y;
	margin-left: auto;
	margin-right: auto;
	
}

#img-container {
	width: 728px;
	height: 290px;
	padding: 0px 21px;
	background-color: #fff;
	background-image: url(../images/green-dark_bg.gif);
	background-repeat: no-repeat;
}

#content {
	width: 768px;
	width/* */:/**/728px;
	width: /**/728px;
	padding: 0px 21px;
	float: left;
	background-color: #fff;
	background-image: url(../images/green-main.gif);
	background-repeat: repeat-y;
}

#left-container-home {
  width: 420px;
  float: left;
}

#left-container, #left-content {
  width: 400px;
    width/* */:/**/380px;
    width: /**/380px;
  padding: 20px;
  float: left;
}

#left-image {
	width: 420px;
    width/* */:/**/420px;
    width: /**/420px;
  float: left;
}

#right-container {
  width: 300px;
  padding: 10px 0px;
  font-size: 95%;
  float: left;
}

#red-box, #red-box2 {
	width: 280px;
	padding: 10px 9px 15px 9px;
	margin-bottom: 10px;
	background-color: #d2d2d2;
}

#red-box #redbox2 img{
  padding: 0px;
}

.clearboth {
	clear: both;
}
a:link {
	color: #1B9738;
}


p.sub-title {
  margin: 10px 0px;
}

p {
  line-height: 140%;
}

ul {
  font-size: 90%;
  margin-left: 0px;
  padding-left: 15px;
}

li {
  list-style-image: url(../images/dash.gif);
  list-style-type: none;
  margin-top: 1px;
}

.underline {
  border-top: solid #000 1px;
  margin-top: -0.5em;
  margin-bottom: -0.5em;
}

h3 {
  font-size: 100%;
  color: #000;
  font-weight: bold;
}

#newsimg {
  width: 278px;
  height: 93px;
  background: #b1b3b4;
}

#newsimg img {
  float: left;
}

#newsimg p {
  width: 119px;
  height: 73px;
  float: right;
  padding: 10px;
  color: #000;
  text-align: center;
}



/* header, nav, footer
=========================================== */

#header-container {
	width: 770px;
	height: 82px;
	background-color: #fff;
	background-image: url(../images/green-header-bg.jpg);
	background-repeat: no-repeat;
}

#header {
  width: 730px;
  height: 82px;
  margin: 0px 17px;
    margin/* */:/**/0px 20px;
    margin: /**/0px 20px;
}

.logo-pos {
  float: left;
}

#nav-container {
	width: 500px;
	padding-top: 53px;
	float: right;
}

/*#subnav-container {
  padding: 0px;
  margin: 0px;
}*/

.topnav {
  float: left;
}

#footer-container {
	clear: both;
	width: 770px;
	height: 102px;
	background-color: #fff;
	background-image: url(../images/green-footer_bg.jpg);
	background-repeat: no-repeat;
}

#footer {
  width: 300px;
  padding-top: 15px;
  padding-left: 33px;
  font-size: 95%;
  float: left;
}

#footer a {
  color: #000000;
  text-decoration: none;
  padding: 3px;
}

#footer a:hover {
  color: #000;
  text-decoration: none;
  padding: 3px;
}

.footnavon {
  color: #000;
  padding: 3px;
}

.foot-credit {
  padding: 3px;
}

#footer-logos {
  width: 270px;
  padding-right: 26px;
  float: right;
}

.foot-logo {
  padding: 15px 0px 0px 0px;
  float: left;
}

a { color: #1D9E3B; text-decoration: none; }
a:hover { color: #000; text-decoration: underline; }