@charset "UTF-8";
/* CSS Document */

#banner {height: 379px;}

#nav {
  top: 357px;
	font: normal 28px/1em ChunkFiveRegular, sans-serif;
}

#nav a {padding: 24px 24px 0 24px;}

#nav-learn a, #nav-join a, #nav-act a {
	height: 53px;
	width: 252px;
}

#nav-learn a {background-position: left top;}
#nav-learn a:hover, #nav-learn.current a {background-position: left -77px;}

#nav-join a {background-position: -300px 0;}
#nav-join.current a, #nav-join a:hover {background-position: -300px -77px;}

#nav-act a {background-position: -600px 0px;}
#nav-act.current a, #nav-act a:hover {background-position: -600px -77px} 

#nav li li a, #nav li li li a, #nav li li.last li a  {
  background-position: 0 0;
	height: auto;
	border-bottom: 1px dotted #333;
  padding: 0 0 10px 0;
}

#nav li li.last a, #nav li li li.last a {border: none;}

ul.sf-menu li:hover ul,
ul.sf-menu li.sfHover ul {top: 77px; left: 0;}

#nav li li {padding: 24px 24px 0 24px; width: auto;}

#primary h2 {
  font: 26px/1.2em ChunkFiveRegular, sans-serif;
	color: #727271;
	margin-bottom: .7em;
}

#primary h2 a {color: #666;}

#primary h3 {
	font: bold 26px/1.2em Arial, Helvetica, sans-serif;
	color: #738ab4;
	margin-bottom: .3em;
}

#primary h3 a {
	color: #738ab4;
	font-weight: inherit;
}

.blogRoll {margin-bottom: 10px;}

#primary p.posted {
	font-size: 14px;
	font-weight: bold;
	color: #666;
}