@charset "UTF-8";

/*reset css as http://meyerweb.com/eric/thoughts/2007/04/12/reset-styles/*/
html,body,div,span,
applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dd,dl,dt,li,ol,ul,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol,ul {
	list-style: none;
}
q:before,q:after,
blockquote:before,blockquote:after {
	content: "";
}
/*end reset css*/



.clear {
	clear: both;
}


#pagediv {
	padding:0;
	width:950px;
	margin:0 auto;
	background-color:#FFF;
}

#pageheader {
	padding:10px;
	height:80px;
	position:relative;
}

#groupnav {
	width:270px;
	height:80px;
	float:left;
}

#groupnav ul {
	list-style:none;
	margin:0;
	padding:0;
}
#groupnav li a:link, #groupnav li a:visited {
	text-decoration:none;
	padding-left:10px;
	font-family: Helvetica, Arial, sans-serif;
	font-size:1.2em;
	color:#CCC;
	display:block;
	padding-left:10px;
	line-height:20px;
}

#groupnav li a:hover, #groupnav li a:active {
	color:#000;	
}

#groupnav li a.current, #groupnav li a.current:hover, #groupnav li a.current:active {
	font-weight:bold;
	color:#0E6224;
	cursor:default;
}

#mainnav {
	width:570px;
	float:right;
	padding-bottom:10px;
	padding-right:10px;
	position:absolute;
	right:0px;
	bottom:0px;
	font-size:0.9em;
}
#mainnav ul {
	list-style:none;
	float:right;
	padding:0;
	margin:0;
}
#mainnav ul li {
	display:inline;
	border-left-width:1px;
	border-left-color:#666;
	border-left-style:solid;
}
#mainnav li a:link, #mainnav li a:visited {
	text-decoration:none;
	font-family: Helvetica, Arial, sans-serif;
	font-weight:bold;
	color:#999;
	display: inline;
	padding:0.2em 20px 0.4em 20px;
}
#mainnav li a:hover {
	color:#000;	
}
#mainnav li a.current, #mainnav li a.current:hover, #mainnav li a.current:active {
	font-weight:bold;
	color:#0E6224;
}

#stylenav {
	width:570px;
	float:right;
	padding-top:10px;
	padding-right:10px;
	position:absolute;
	right:0px;
	top:0px;
}
#stylenav img {
	float:right;
	padding-left:10px;
}

/*#topnav {
	padding-bottom:0.4em;
	display:block;
	
}*/
/*#subnav {
	clear:both;
	display:block;
	width:570px;
	height:100%;
	border-top: 1px solid #666;
	padding-top:0.4em;
}*/


#contentarea {
	width:930px;
	min-height:450px;
	margin:0 auto;
	border-top:solid 1px #666;
	border-bottom:solid 1px #666;
	padding:10px 0;
}

#sidenav {
	width:170px;
	height:100%;
	float:left;
}

#sidenav p {
	font-family: Helvetica, Arial, sans-serif;
	font-size:0.9em;
	font-weight:bold;
	color:#0E6224;
	display:block;
	padding-bottom:10px;
}
#sidenav p.contact {
	font-family: Helvetica, Arial, sans-serif;
	font-size:0.9em;
	font-weight:bold;
	color:#0E6224;
	display:block;
	padding-bottom:10px;
}

#sidenav p.contact a:link, #sidenav p.contact a:visited, #sidenav p.contact a:hover{
	font-family: Helvetica, Arial, sans-serif;
	font-size:0.9em;
	font-weight:bold;
	color:#0E6224;
	display:block;
	text-decoration:none;
	padding-bottom:10px;
}

#sidenav ul {
	padding:0;
	margin:0;
	background-color:#F9F9F9;
}
#sidenav li a:link, #sidenav li a:visited {
	text-decoration:none;
	font-family: Helvetica, Arial, sans-serif;
	font-size:0.9em;
	color:#999;
	display:block;
	padding:0.4em 0 0.4em 10px;
}
#sidenav li a:hover {
	color:#0E6224;
}
#sidenav li a.current, #sidenav li a.current:hover, #sidenav li a.current:active {
	font-weight:bold;
	color:#0E6224;
}
#sidenav li a.indent:link, #sidenav li a.indent:visited, #sidenav li a.indent:hover, #sidenav li a.indent:active {
	padding-left:20px;
	background-color:#FFF;
}
#sidenav li a.indentcurrent:link, #sidenav li a.indentcurrent:visited, #sidenav li a.indentcurrent:hover, #sidenav li a.indentcurrent:active {
	padding-left:20px;
	background-color:#FFF;
	font-weight:bold;
	color:#0E6224;
}
#sidenav li a.subsection:link, #sidenav li a.subsection:visited, #sidenav li a.subsection:active {
	padding-left:20px;
	background-color:#FFF;
	font-size:0.8em;
	color:#999;
}
#sidenav li a.subsection:hover {
	color:#000;
}
#sidenav li a.subsectioncurrent:link, #sidenav li a.subsectioncurrent:visited, #sidenav li a.subsectioncurrent:hover, #sidenav li a.subsectioncurrent:active {
	padding-left:20px;	
	background:#FFF;
	font-size:0.8em;
	color:#000;
}


#sidenavpage {
	width:750px;
	min-height:450px;
	float:left;
	border-left:solid 1px #666;
	margin-left:9px;
}

#columnfull {
	padding:10px 10px;	
}

#columnfull a.rollover a.hover {
	text-decoration:none;
	color:#000;
}
#columnfull a.visited a.active {
	text-decoration:none;
	color:#0E6224;
}
#columnfull h1 {
	font-family: Helvetica, Arial, sans-serif;
	font-weight:bold;
	color:#666;
	font-size:0.9em;
	line-height:2em;
	text-decoration:none;
}
#columnfull h1 a name{
	font-family: Helvetica, Arial, sans-serif;
	font-weight:bold;
	color:#666;
	font-size:0.9em;
	line-height:2em;
	text-decoration:none;
}
/*#columnfull h1 a:link, #columnfull h1 a:visited {
	font-family: Helvetica, Arial, sans-serif;
	font-weight:bold;
	color:#666;
	line-height:2em;
	text-decoration:none;
	text-align:center;
}
#columnfull h1 a:hover {
	color:#000;
}*/
#columnfull h2 {
	font-family: Helvetica, Arial, sans-serif;
	font-weight:bold;
	color:#666;
	font-size:0.9em;
	line-height:1.5em;
	text-decoration:none;
}
#columnfull h3 {
	font-family: Helvetica, Arial, sans-serif;
	font-weight:bold;
	color:#666;
	font-size:0.9em;
	line-height:1.2em;
	text-decoration:none;
}
#columnfull h9 {
	font-family: Helvetica, Arial, sans-serif;
	color:#666;
	font-size:0.7em;
	line-height:1.2em;
	text-decoration:none;
}
#columnfull p {
	font-family: Helvetica, Arial, sans-serif;
	color:#666;
	font-size:0.9em;
	line-height:1.2em;
	padding-bottom:10px;
}
#columnfull p.quote {
	font-style:italic;
	padding:10px 30px 20px 30px;
}
#columnfull p.attribution {
	text-align:right;
}
#columnfull p a, #columnfull p a:visited {
	text-decoration:none;
	font-family: Helvetica, Arial, sans-serif;
	color:#666;
}
#columnfull p a:hover {
	color:#000;
}
#columnfull ul {
	padding-left:20px;
	list-style:outside square;
}
#columnfull ol.a {
	padding-left:20px;
	list-style:lower-alpha;
}
#columnfull ol.b {
	padding-left:20px;
	list-style:lower-latin;
}
#columnfull li {
	font-family: Helvetica, Arial, sans-serif;
	text-decoration:none;
	color:#666;
	font-size:0.9em;
	line-height:1.2em;
	padding-bottom:10px;
}
#columnfull li a:link, #columnfull li a:visited {
	font-family: Helvetica, Arial, sans-serif;
	text-decoration:none;
	color:#666;
}
#columnfull li a:hover, #columnfull li a:active {
	font-family: Helvetica, Arial, sans-serif;
	text-decoration:none;
	color:#000;
}





#bannerimage {
	float:right;
	width:930px;
	padding-bottom:20px;
}


#splashimage {
	float:right;
	width:740px;
	height:150px;
	padding-bottom:10px;
}

#keyimage {
	float:left;
}

#thumbnail a, #thumbnail a:visited{
	width:50px;
	height:150px;
	display:block;
	float:left;
	  /* for IE8 */
	-ms-filter: “progid:DXImageTransform.Microsoft.Alpha(Opacity=0.5)”;
	  /* for IE<7 */
  filter:alpha(opacity=50);
  /* CSS3 standard */
  opacity:0.5;
  }

#thumbnail a:hover{
	width:50px;
	height:150px;
	display:block;
	float:left;
	  /* for IE8 */
	-ms-filter: “progid:DXImageTransform.Microsoft.Alpha(Opacity=1)”;
	  /* for IE<7 */
  filter:alpha(opacity=100);
  /* CSS3 standard */
  opacity:1;
  }



#column {
	width:350px;
	padding:10px 10px;
	float:left;
	color:#666;
}
#column img.border {
	border:solid 1px #000;
	margin-bottom:20px;
}
#column a.rollover {
	text-decoration:none;
	color:#000;
}
#column a:link, #column a:visited {
	text-decoration:none;
		font-weight:bold;

}

#column h1 {
	font-family: Helvetica, Arial, sans-serif;
	font-weight:bold;
	color:#666;
	font-size:0.9em;
	line-height:2em;
	text-decoration:none;
}
#column h1 a:link, #column h1 a:visited {
	font-family: Helvetica, Arial, sans-serif;
	font-weight:bold;
	color:#666;
	line-height:2em;
	text-decoration:none;
	text-align:center;
}
#column h1 a:hover {
	color:#000;
}
#column p {
	font-family: Helvetica, Arial, sans-serif;
	color:#666;
	font-size:0.9em;
	line-height:1.2em;
	padding-bottom:10px;
}
#column p.quote {
	font-style:italic;
	padding:10px 30px 20px 30px;
	text-align:center;
}
#column p.attribution {
	text-align:right;
}
#column p a, #column p a:visited {
	text-decoration:none;
	font-family: Helvetica, Arial, sans-serif;
	color:#666;
}
#column p a:hover {
	color:#000;
}
#column ul {
	padding-left:20px;
}
#column li {
	font-family: Helvetica, Arial, sans-serif;
	text-decoration:none;
	list-style:outside square;
	color:#666;
	font-size:0.9em;
	line-height:1.2em;
	padding-bottom:10px;
}
#column li a:link, #column li a:visited {
	font-family: Helvetica, Arial, sans-serif;
	text-decoration:none;
	color:#666;
}
#column li a:hover, #column li a:active {
	font-family: Helvetica, Arial, sans-serif;
	text-decoration:none;
	color:#000;
}

#columnsingle {
	width:170px;
	padding:10px 10px;
	float:left;
	color:#666;
}
#columnsingle a:link, #columnsingle a:visited {
	text-decoration:none;
	color:#666;
}
#columnsingle a:hover {
	text-decoration:none;
	color:#000;
}
#columnsingle a.rollover {
	text-decoration:none;
	color:#000;
}
#columnsingle h1 {
	font-family: Helvetica, Arial, sans-serif;
	font-weight:bold;
	color:#666;
	font-size:0.9em;
	line-height:2em;
	text-decoration:none;
}
#columnsingle p {
	font-family: Helvetica, Arial, sans-serif;
	color:#666;
	font-size:0.9em;
	line-height:1.2em;
}


#map_canvas {
	float:left;
	width:740px;
	height:450px;
	margin-right:10px;
	/*margin-right:10px;
	border-right:solid 1px #666;*/
	
}


#homecontent {
	padding:10px;
	width:530px;
	float:left;
}
#homecontent p {
	font-family: Helvetica, Arial, sans-serif;
	font-size:0.9em;
	color:#666;
	line-height:1.5em;
	padding-bottom:20px;
}
#homecontent a {
	font-family: Helvetica, Arial, sans-serif;
	text-decoration:none;
	font-size:1.1em;
	font-weight:bold;
	color:#000;
	line-height:1.2em;
}
#homecontent h1 {
	font-family: Helvetica, Arial, sans-serif;
	font-size:1em;
	font-weight:bold;
	color:#000;
	line-height:1.2em;
	padding-bottom:20px;
}
#homecontent h2 {
	font-family: Helvetica, Arial, sans-serif;
	font-size:1em;
	font-weight:bold;
	color:#666;
	line-height:1.2em;
	padding-bottom:20px;
}
#homecontent .thumb a:link, #homecontent .thumb a:visited {
	opacity:0.5;
}
#homecontent .thumb a:hover {
	opacity:1;
}


#tweetpanel {
	width:359px;
	float:left;
	padding:10px;
	background:#F1F1F1;
	/*border-left-width:1px;
	border-left-color:#666;
	border-left-style:dashed;*/
	font-family: Helvetica, Arial, sans-serif;
	text-decoration:none;
	font-size:0.8em;
	font-weight:bold;
}
#tweetpanel a:link, #tweetpanel a:visited {
	font-family: Helvetica, Arial, sans-serif;
	text-decoration:none;
	color:#000;
}

#tweetpanel a:hover { 
	font-weight:bold;
}
#twitter_update_list li { 
	list-style:inside circle;
	color:#333;
	font-size:0.9em;
	line-height:1.5em;
	padding-top:10px;
	text-align:justify;
}
#twitter_update_list li a { 
	margin-bottom: 10px;
	text-decoration:none;
}


#pagefooter {
	clear:both;
	padding:10px;
	margin-left:10px;
	margin-right:10px;
	display:block;
	color:#666;
	font-size:0.7em;
	min-height:40px;
}
#footercontent {
	float:left;
	width:170px;
	font-family: Helvetica, Arial, sans-serif;
	line-height:1.3em;
}
#footercontent a:link, #footercontent a:visited {
	text-decoration:none;
	font-family: Helvetica, Arial, sans-serif;
	color:#666;
}
#footercontent a:hover {
	color:#000;
}
#footercontentright {
	float:right;
	width:170px;
	font-family: Helvetica, Arial, sans-serif;
	text-align:right;
	line-height:1.3em;
}
#footercontentright a:link, #footercontent a:visited {
	text-decoration:none;
	font-family: Helvetica, Arial, sans-serif;
	text-align:right;
	color:#666;
}
#footercontentright a:hover {
	color:#000;
}
#pagefooter ul {
	padding:0;
	margin:0;
}
#pagefooter li {
/*	float:right;*/
	padding:0.2em 1em;
	display:block;
}
#pagefooter li a:link, #pagefooter li a:visited {
	text-decoration:none;
	font-family: Helvetica, Arial, sans-serif;
	color:#666;
}
#pagefooter li a:hover {
	color:#000;
}