* { border: 0; margin: 0; padding: 0; outline: 0; font-size: 100%; list-style: none; font-style: normal; font-weight: normal; line-height: inherit; font-family: inherit; text-decoration: none; }


/*- Typography */

html, body {
    font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
	}

strong, em, b, i {
    font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
	}

h1, h2, h3, h4, h5, h6, address  {
    font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

.comments input[type=text], .comments textarea, code {
	font-family: Monaco, "Courier New", Courier, monospace;
	}



html, body	{ height: 100%; min-height: 100%; }
body { font-size: 12px; background: url(../images/bg.jpg) repeat left top; background-color: #3a3a3a; color: #3a3a3a; }

/*						PAGE LAYOUT							*/

#navigation	{ height: 77px; background: url(../images/nav-bg.jpg) repeat-x left top; }
#navigationcontent { width: 852px; height: 77px; margin: 0 auto 0 auto; } /*background-image: url(../images/nav-sprite.jpg); background-position: right top; background-repeat: no-repeat; }*/

#headerhome	{ height: 307px; background: url(../images/headerhome-bg.png) repeat-x left top; }
#headerhomecontent { width: 852px; height: 307px; margin: 0 auto 0 auto; } /*background-image: url(../images/headerhome.png); background-position: right top; background-repeat: no-repeat; }*/

#header	{ height: 88px; background: url(../images/header-bg.png) repeat-x left top; }
#headercontent { width: 852px; height: 88px; margin: 0 auto 0 auto; } /*background-image: url(../images/header.png); background-position: right top; background-repeat: no-repeat; }*/

#clearcontent { clear: both; height: 25px; }


#contenttop	{ height: 41px; background: url(../images/content-bg-top.png) repeat-x left top; }

#content { height: auto; background-color: #FFF; }
#contentcontent { width: 852px;  height: auto; overflow: hidden; margin: 0 auto 0 auto; } /* height: 361px; background-image: url(../images/content.png); background-position: right top; background-repeat: no-repeat; }*/
#contentcontent .left { float: left; padding-left: 30px; width: 224px; padding-right: 30px; }

#contentcontent .left #navlist { 
width: 224px; 
float: none;
}

#contentcontent .left #navlist ul {
margin-left: 0;
padding-left: 0;
list-style-type: none;
border-top: 1px solid #c9c9c9;
}

#contentcontent .left #navlist a {
display: block;
padding: 4px;
width: 216px;
border-bottom: 1px solid #c9c9c9;
}

#contentcontent .left #navlist a:link, #contentcontent .left #navlist a:visited {
background-color: #fafafa;
text-decoration: none;
}

#contentcontent .left #navlist a:hover, #contentcontent .left #navlist a.current:hover {
background-color: #c9c9c9;
color: #3a3a3a;
}



#contentcontent .right { float: right; width: 538px; padding-right: 30px; }
#contentcontent .right  ul li {
	list-style-position: outside;
	list-style-type: square;
	border-bottom: 1px #81ab01 solid;
	line-height: 20px;
	margin-left: 15px;
}

#contentcontent .right  ul {
	padding-bottom: 10px;
}

#contentcontent .right .publication { text-indent: -2em; margin-left: 2em; line-height: 2; margin-top: 1em; margin-bottom: 1em; font-size: small; font-family: Courier New,Courier,monospace; }
#contentcontent .right .publication em { font-size: small; font-family: Courier New,Courier,monospace; font-style: italic; color: #81ab01; }

#contentbottom	{ height: 41px; background: url(../images/content-bg-bottom.png) repeat-x left top; }


#clearfooter { clear: both; height: 25px; }


#footer	{ height: 209px; background: url(../images/footer-bg.png) repeat-x left top; }
#footercontent { width: 788px; height: 209px; margin: 0 auto 0 auto; padding: 32px; } /*background-image: url(../images/footer.png); background-position: top; background-repeat: no-repeat;*/
#footercontent span.phone { background: url('../images/phone-icon.gif') 6px top no-repeat; } 
#footercontent span.email { background: url('../images/mail-icon.gif') left no-repeat; }
#footercontent span.website { background: url('../images/website-icon.gif') left no-repeat; }
#footercontent span { padding-left: 25px; display: block; }


h1 {
	color: #3a3a3a;
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 8px;
}

h2 {
	color: #3a3a3a;
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 3px;
}

p {
	text-align: left;
	margin-bottom: 12px;	
	line-height: 20px;
}

strong {
	font-weight: bold;
}

/* Sets the style for unvisited links. */
a,  a:link {
  color: #81ab01;
  font-weight: bold;
  text-decoration: none;
}
/* Sets the style for visited links. */
a:visited {
  color: #81ab01;
  font-weight: bold;
  text-decoration: none;
}
/* Sets the style for links on mouseover. */
a:hover {
  color: white;
  background-color: #81ab01;
}
/* Sets the style for a link that has focus. */
a:focus {
  color: white;
  background-color: #81ab01;
}
/* Sets the style for a link that is being activated/clicked. */
a:active {
  color: white;
  background-color: #81ab01;
}

.img-right { display: inline; float: right; }