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

/*********** STRUCTURE **********/
#top_l {
	float:left;
	width:345px;
	padding:0 29px 0 20px;
	position:relative;
	}
#top_r {
	float:left;
	width:340px;
	}
#mid_l {
	float:left;
	clear:both;
	width:645px;
	margin:0 0 18px 0;
	}
#mid_r {
	float:left;
	width:340px;
	margin:18px 0 18px 0;
  text-align:center;
	}
#bottomwrapper{
	background:url(../structure/bg_bottomwrapper.gif) -5px 5px no-repeat;
	}
div.bot {
	width:305px;
	float:left;
	}


/*********** TYPOGRAPHY **********/
h1, h2 {
	padding-bottom:10px;
	}
h1 {
	font-size:22px;
	color:#11aa00;
	font-weight:normal;
	letter-spacing:-1px;
	}
p {
	font-size:13px;
	color:#888888;
	line-height:18px;
	}
#top_r h2 {
	font-size:23px;
	color:#dd3311;
	font-weight:normal;
	text-transform:uppercase;
	padding-right:18px;
	}
#mid_l h2 {
	font-size:26px;
	color:#dd3311;
	font-weight:normal;
	letter-spacing:-1px;
	}
#mid_l p {
	padding:5px 10px 5px 0px;
	width:620px;
	float:left;
	}
#mid_l img {
	margin-right:15px;
	}
#mid_r h2 {
  font-size:22px;
  color:#3f8cdb;
  text-transform:uppercase;
	}
#mid_r h3 {
  font-size:96px;
  color:#65cb84;
	}
#mid_r h3 sup {
  font-size:55px;
	}
.bot h2 {
	font-size:30px;
	font-weight:normal;
	color:#11aa00;
	letter-spacing:-1px;
	}
ul.red li {
	list-style-type:none;
	background:url(../structure/dot_red.gif) 0px 5px no-repeat;
	padding:0 0 15px 20px;
	font-size:12px;
	color:#888888;
	}
ul.grey li {
	list-style-type:none;
	background:url(../structure/dot_red.gif) 0px 5px no-repeat;
	padding:0 0 15px 20px;
	font-size:13px;
	color:#888888;
	}
ul.grey li.blue {
	background:url(../structure/dot_palm_blue.gif) 0px 0px no-repeat;
	}