/* CSS Document */

/***********************************************/
/* PRIMARY PAGE AREAS                          */
/***********************************************/ 

#mainwrapper { 
width: 780px;  /*sets fixed width page layout - remove width for flexible layout and add min-width */
/*min-width: 770px;  -- IE will ignore this, but it works nicely in other browsers when using a flexible layout */
text-align: left;
padding: 0;
}

#logo {
	margin-top: 10px;
}

#breadcrumb {
	margin: 10px;
	color:#666;
	font-size:smaller;
}

	

/* 3 COLUMN LAYOUT: the following 3 divs are floated. In order for them to work properly, they must all be floated and all have widths specified. If using fixed pixel widths, make sure the widths do not exceed the overall width+borders of the mainwrapper div. If using %, add up to 99%. Avoid applying margins, padding or borders to these divs because that will screw up the float effect in one browser or another. If you do need them, nest a new element inside (see #content) */

#nav {
float: left;
/*width: 160px; (if using a fixed width layout, you can specify px or %) */
width: 160px;
margin: 0;
padding: 0;
border: none;
}

#nav ul {
	margin: 120px 30px 0 -20px;
}


#nav ul li {
	list-style-type: none;
	/*list-style-position: outside;*/
	text-align:right;
}


#footer {
width: 140px;
margin-top: 30px;
font-size:70%;
color:#fff;
text-align:right;
line-height: 130%;
}

#footer a {
color: #ffffff;
}

#contentwrapper {
float: left;
/*width: 330px;*/
width: 330px;
margin: 0;
padding: 10px;
border: none;
background-image:url(shared/top-bg.jpg);
background-repeat:no-repeat;
}

#col3 {
float: right;
/*width: 250px;*/
width: 250px;
margin: 0;
padding: 0;
border: none;
}

#col3 p {
padding: 0 0 0 40px;
font-size:80%;
}

#col3 p a:link {
color: #CC3300;
}

#col3 ul li {
margin:0 0 0 10px;
list-style-type: none;
padding-bottom: 8px;
font-size:75%;
line-height:130%;
}

/*in order for this footer to always fall beneath the 3 other cols, it needs clear: both! */


/* use another div within the contentwrapper to add margins, padding or borders */
#content {
	/*padding: 0 10px 0 20px;*/
	padding: 80px 10px 0 20px;
}

#content-home {
	padding: 0 0 0 20px;
	background-image:url(home/mainimage.jpg);
	background-repeat: no-repeat;
}

#contentwrapper-home {
float: left;
/*width: 350px;*/
width: 350px;
margin: 0;
padding: 0;
border: none;
}

#picture {
background-color:#eee;
margin: 0 0 10px 0;
height: 250px;
width: 100%;
}
.news_list{
	font-size:75%;
}
.news_list dt{
	font-weight:bold;
}
.news_list dd{
	margin-bottom:10px;
	margin-left:0px;
}