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

body {
  text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	background:#000 url(../images/bg.jpg) 0 0 repeat-x;
	line-height:1.25em;
	margin:0;
}

#logo {
  width:840px; 
	margin:13px auto 0 auto;
	padding:0 0 0 120px;
	text-align:left;
	background:url(../images/tagline.gif) 336px 22px no-repeat;
	padding:0;
}

#pagewrap {
  margin:0 auto;
	width:960px;
	height:460px;
	background:url(../images/planner.jpg) 132px 0 no-repeat;
	padding:90px 0 0 0;
	text-align:left;
}

#menu {
  float:left;
	width:131px;
	text-align:right;
}

#menu ul {
  width:131px;
  margin-left:-40px;
}

#menu ul li {
  margin-bottom:33px;
	float:left;
	list-style-type:none;
}

#menu ul li a {
  display:block;
	height:24px;
	width:131px;
	background-position:0 0;
	background-repeat:no-repeat;
}

#menu #menu_home {
  background-image:url(../images/menu_home.gif);
}

#menu #menu_who {
  background-image:url(../images/menu_whoweare.gif);
}

#menu #menu_what {
  background-image:url(../images/menu_whatwedo.gif);
}

#menu #menu_faq {
  background-image:url(../images/menu_faq.gif);
}

#menu #menu_links {
  background-image:url(../images/menu_links.gif);
}

#menu #menu_contact {
  background-image:url(../images/menu_contact.gif);
}

#menu a:hover {
  background-position: -131px 0;
}

#home #menu_home, #home #menu_home:hover, #who #menu_who, #who #menu_who:hover, #what #menu_what, #what #menu_what:hover, #faq #menu_faq, #faq #menu_faq:hover, 
#links #menu_links, #links #menu_links:hover, #contact #menu_contact, #contact #menu_contact:hover {
  background-position:-131px 0;
}

#menu ul li a img {
  height:24px;
	width:131px;
}

#leftcol {
  float:left;
	width:245px;
	margin-left:122px;
	padding-top:175px;
}

div#scroller {
  width:265px;
	height:255px;
	border:0;
	overflow:scroll;
	background-color:none;
	margin:10px -10px 0 -10px;
	padding-top:5px;
}

/* IE 5,6 Hack */
*html div#scroller {
 margin:10px 0 0 0;
}

#rightcol {
  float:left;
	margin-left:78px;
	width:268px;
}

#rightcol .content {
  margin:0 10px 0 20px;
}

/* IE 5,6 Hack */
*html #rightcol .content {
  margin:-10px 10px 0 20px;
}

/*IE7 Hack */
*:first-child+html #rightcol .content {
  margin:-10px 10px 0 20px;
}

#footer {
  margin:0 auto;
	width:914px;
	text-align:right;
	color:#777;
	height:20px;
	font-size:9px;
	padding:20px 46px 0 0;
}

p {
  margin-bottom:14px;
}

h1 {
  line-height:1.78em;
	letter-spacing:0.1em;
	margin-top:1px;
	font-size:18px;
}

/* IE 5,6 Hack */
*html h1 {
  line-height:1.75em;
	margin-top:8px;
}

/*IE7 Hack */
*:first-child+html h1 {
  line-height:1.75em;
	margin-top:8px;
}

h2 {
  font-size:15px;
	line-height:1.45em;
}

/* IE 5,6 Hack */
*html h2 {
  line-height:1.3em;
}

/*IE7 Hack */
*:first-child+html h2 {
  line-height:1.3em;
}

p.gold {
  padding:0 0 2px 23px;
	background:url(../images/gold.gif) 0 0 no-repeat;
}

h1.gold {
  padding:5px 0 0 25px;
  background:url(../images/gold.gif) 0 7px no-repeat;
	border-bottom:1px solid #eba222;
}

.yellow {
  font-size:12px;
  color:#eba222;
	font-weight:bold;
	margin-top:-1px;
}

a.goldlink, a.silverlink, a.bronzelink {
  text-decoration:none;	
	color:#000;
}

a.goldlink:hover {
  color:#eba222;
}

p.silver {
  padding:0 0 2px 23px;
	background:url(../images/silver.gif) 0 0 no-repeat;
}

h1.silver {
  padding:5px 0 0 25px;
  background:url(../images/silver.gif) 0 7px no-repeat;
	border-bottom:1px solid #888;
}

.grey {
  font-size:12px;
  color:#888;
	font-weight:bold;
	margin-top:-1px;
}

a.silverlink:hover {
  color:#888;
}

p.bronze {
  padding:0 0 2px 23px;
	background:url(../images/bronze.gif) 0 0 no-repeat;
}

h1.bronze {
  padding:5px 0 0 25px;
  background:url(../images/bronze.gif) 0 7px no-repeat;
	border-bottom:1px solid #a46101;
}

.brown {
  font-size:12px;
  color:#a46101;
	font-weight:bold;
	margin-top:-1px;
}

a.bronzelink:hover {
  color:#a46101;
}

h3 {
  font-size:13px;
}

ul {
  margin-left:-26px;
}

*html ul {
  margin-left:12px;
}

*:first-child+html ul {
  margin-left:12px;
}

ul li {
  line-height:1.22em;
}

a img {
  border:0;
}

.clear {
  clear: both;
}

.right {
  text-align:right;
}

a {
  color:#ff3399;
	font-weight:bold; 
}

a:hover {
  color:#000;
}

#footer a {
 text-decoration:none;
 color: #777;
 font-weight:normal;
}

#footer a:hover {
  color:#999;
}