body {
	background: #E1EBEF url(../g/tile.gif) top left repeat; 
	margin: 0;
	padding: 0;
	}
	
.learn img {
	margin-right: 5px;
	border: 0;
	padding: 0;
	display: inline;
	float: left;
	margin-bottom: 10px;
	}
p.learn {
	line-height: 13px;
	margin: 0;
	clear: left;
	}
p.learning {
	line-height: 13px;
	margin: 5px 0 0 20px;
	clear: left;
	}
.learning img {
	margin-right: 5px;
	border: 0;
	padding: 0;
	display: inline;
	float: left;
	}
.top {
	margin-top: 16px;
	padding-left: 16px;
	background: url(../g/up.gif) top left no-repeat;
	line-height: 13px;
	}
a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	}
	
#container {
	position: relative;
	margin: 0px auto;
	width: 726px;
	top: 0;
	height: 100%;
	background: url(../g/page.gif) top left repeat-y;
	padding: 0 22px 7px 22px;
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 15px;
	}
#container.bridge h2 {
	margin: 0 0 5px 0;
	font-size: 15px;
	letter-spacing: 1px;
	line-height: 15px;
	padding: 0;
	color: #fff;
	}
p {
	margin: 0 0 5px 0;
	}
#container.bridge ul {
	padding: 0;
	margin: 0 0 8px 20px;
	}
#container.bridge li {
	list-style-type: none;
	}
	
#header {
	position: relative;
	top: 0;
	left: 0;
	width: 726px;
	height: 91px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	}
#classify.front #header {
	background: url(../g/front.jpg) top right no-repeat;
	height: 277px;
	margin-bottom: 5px;
	}
#classify.pros #header {
	background: url(../g/top_bg_pro.gif) top left no-repeat;
	}
#classify.pat #header {
	background: url(../g/top_bg_pat.gif) top left no-repeat;
	}
#classify.hepb #header {
	background: url(../g/top_bg_hepb.gif) top left no-repeat;
	}	
#classify.adv #header {
	background: url(../g/top_bg_adv.gif) top left no-repeat;
	}
#header img {
	display: block;
	border: none;
	}

#navbar {
	position: relative;
	top: 0;
	width: 726px;
	height: 24px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	}
#classify.pros #navbar {
	background: #5A76B1;
	}
#classify.pat #navbar {
	background: #8DC562;
	}
#classify.hepb #navbar {
	background: #FF4933;
	}
#classify.adv #navbar {
	background: #738285;
	}
#navbar ul, #container.bridge #navbar ul {
	margin: 0;
	padding: 0;
	}
#navbar li {
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
#navbar a {
	padding: 4px 10px;
	text-decoration: none;
	font-size: 11px;
	display: block;
	float: left;
	text-transform: uppercase;
	height: 24px;
	letter-spacing: 1px;
	border-right: 1px solid #99A6C9;
	font-weight: normal;
	line-height: 16px;
	}
#classify.pros #navbar a:hover {
	background: #425E98;
	}
#classify.pros #navbar a.selected {
	background: #99A6C9;
	color: #000;
	}
#classify.pros #navbar a.selected:hover {
	background: #99A6C9;
	}
#classify.pat #navbar a:hover {
	background: #5D9532;
	}
#classify.pat #navbar a.selected {
	background: #B8DD97;
	color: #000;
	}
#classify.pat #navbar a.selected:hover {
	background: #8DC562;
	}
#classify.hepb #navbar a:hover {
	background: #D62B16;
	}
#classify.hepb #navbar a.selected {
	background: #FF8F81;
	color: #000;
	}
#classify.hepb #navbar a.selected:hover {
	background: #FF4933;
	}
#classify.adv #navbar a:hover {
	background: #000;
	}
#classify.adv #navbar a.selected {
	background: #A8B3B7;
	color: #000;
	}
#classify.adv #navbar a.selected:hover {
	background: #738285;
	}

#bridgetop, #fronttext {
	positon: relative;
	top: 0;
	width: 706px;
	height: 157px;
	padding: 0 10px;
	margin: 5px 0;
	overflow: hidden;
	line-height: 18px;
	}
#classify.pros #bridgetop {
	background: url(../g/bridgetop_bg_pro.jpg) top right no-repeat;
	}
#classify.pat #bridgetop {
	background: url(../g/bridgetop_bg_pat.jpg) top right no-repeat;
	}
#classify.hepb #bridgetop {
	background: url(../g/bridgetop_bg_hepb.jpg) top right no-repeat;
	}
#classify.adv #bridgetop {
	background: url(../g/bridgetop_bg_adv.jpg) top right no-repeat;
	}
#container.bridge #bridgetop h1, #content h1, #fronttext h1 {
	font-size: 24px;
	margin: 0 0 8px 0;
	padding: 0;
	line-height: 20px;
	letter-spacing: 2px;
	font-weight: normal;
	}
#classify.pros #bridgetop h1, #classify.pros #content h1 {
	color: #2A457F;
	}
#classify.pat #bridgetop h1, #classify.pat #content h1 {
	color: #6Da542;
	}
#classify.hepb #bridgetop h1, #classify.hepb #content h1 {
	color: #F03018;
	}
#classify.adv #bridgetop h1, #classify.adv #content h1 {
	color: #738285;
	}
#container.bridge #bridgetop h1 em, #content h1 em, #fronttext h1 em {
	display: block;
	font-size: 14px;
	color: #889397;
	letter-spacing: 0;
	}
#container.bridge #bridgetop p {
	margin: 0 175px 5px 0;
	}
#fronttext p {
	margin: 0 275px 5px 0;
	}
#bridgetop a, #content a, #fronttext a {
	color: #fc2209;
	}
	
#bridgemid {
	position: relative;
	top: 0;
	width: 726px;
	height: 178px;
	margin: 0 0 5px 0;
	padding: 0;
	}
#bmleft {
	position:relative;
	top: 0;
	left: 0;
	width: 341px;
	height: 158px;
	overflow: hidden;
	padding: 10px;
	margin: 0;
	}
#classify.pros #bmleft, #classify.pros #bmmid, #classify.pros #bmright, #classify.pros #bbleft, #classify.pros #bbmid {
	background: #98A6CD url(../g/bridgemid_bg_pro.gif) top left no-repeat;
	}
#classify.pat #bmleft, #classify.pat #bmmid, #classify.pat #bmright, #classify.pat #bmright2 {
	background: #B8DD97 url(../g/bridgemid_bg_pat.gif) top left no-repeat;
	}
#classify.hepb #bmleft, #classify.hepb #bmmid, #classify.hepb #bmright, #classify.hepb #bmright2 {
	background: #FF8F81 url(../g/bridgemid_bg_hepb.gif) top left no-repeat;
	}
#classify.adv #bmleft, #classify.adv #bmmid, #classify.adv #bmright, #classify.adv #bmright2 {
	background: #A8B3B7 url(../g/bridgemid_bg_adv.gif) top left no-repeat;
	}
#classify.pros #bmleft.kanji, #classify.pros #bmmid.kanji, #classify.pros #bmright.kanji, #classify.front #bmright2 {
	background: #98A6CD url(../g/bridgemid_bg_pro.gif) top right no-repeat;
	}
#classify.pat #bmleft.kanji, #classify.pat #bmmid.kanji, #classify.pat #bmright.kanji, #classify.pat #bmright2.kanji, #classify.front #bmleft {
	background: #B8DD97 url(../g/bridgemid_bg_pat.gif) top right no-repeat;
	}
#classify.hepb #bmleft.kanji, #classify.hepb #bmmid.kanji, #classify.hepb #bmright.kanji, #classify.hepb #bmright2.kanji {
	background: #FF8F81 url(../g/bridgemid_bg_hepb.gif) top right no-repeat;
	}
#classify.adv #bmleft.kanji, #classify.adv #bmmid.kanji, #classify.adv #bmright.kanji, #classify.adv #bmright2.kanji {
	background: #A8B3B7 url(../g/bridgemid_bg_adv.gif) top right no-repeat;
	}
#container.bridge #bmleft h2, #container.bridge #bmright2 h2 {
	font-size: 18px;
	margin: 4px 0 17px 0;
	}
#classify.pat #bmleft a, #classify.pat #bmright2 a {
	color: #4B7D24;
	}
#classify.hepb #bmleft a, #classify.hepb #bmright2 a {
	color: #E73019;
	}
#classify.adv #bmleft a, #classify.adv #bmright2 a {
	color: #222222;
	}
#classify.pros #bmleft a, #classify.pros #bmmid a, #classify.pros #bmright a, #classify.pros #bbleft a, #classify.pros #bbmid a {
	color: #15377E;
	}
#bmmid {
	position:absolute;
	top: 0;
	left: 366px;
	width: 158px;
	height: 158px;
	overflow: hidden;
	padding: 10px;
	margin: 0;
	}
#bmright2 {
	position:absolute;
	top: 0;
	left: 366px;
	width: 340px;
	height: 158px;
	overflow: hidden;
	padding: 10px;
	margin: 0;
	}
#bmright {
	position:absolute;
	top: 0;
	left: 549px;
	width: 157px;
	height: 158px;
	overflow: hidden;
	padding: 10px;
	margin: 0;
	}
#bridgebot {
	position: relative;
	top: 0;
	width: 726px;
	height: 198px;
	margin: 0 0 5px 0;
	padding: 0;
	}
#bbleft {
	position:relative;
	top: 0;
	left: 0;
	width: 157px;
	height: 178px;
	overflow: hidden;
	padding: 10px;
	margin: 0;
	background: #A8B3B7 url(../g/bridgebot_bg.gif) top left no-repeat;
	}
#bbmid {
	position:absolute;
	top: 0;
	left: 183px;
	width: 158px;
	height: 178px;
	overflow: hidden;
	padding: 10px;
	margin: 0;
	background: #A8B3B7 url(../g/bridgebot_bg.gif) top left no-repeat;
	}
#bbright {
	position:absolute;
	top: 0;
	left: 366px;
	width: 340px;
	height: 178px;
	overflow: hidden;
	padding: 10px;
	margin: 0;
	background: #A8B3B7 url(../g/bridgebot2_bg.gif) top right no-repeat;
	}

#footer {
	position: relative;
	top: 0;
	left: 0;
	width: 726px;
	height: 74px;
	padding: 0;
	margin: 0;
	background: #738285;
	font-size: 10px;
	color: #ccc;
	}
#footer p {
	padding: 5px 10px 0 10px;
	}
#footer #links {
	position: relative;
	width: 755px;
	top: 0;
	left: 0;
	}
#footer #copyright {
	position: absolute;
	top: 0;
	left: 366px;
	width: 339px;
	}
	
#inside {
	position: relative;
	top: 0;
	left: 0;
	width: 726px;
	padding: 0;
	margin: 5px 0;
	}
#classify.pros #inside {
	background: url(../g/main_bg_pro.gif) top left repeat;
	}
#classify.pat #inside {
	background: url(../g/main_bg_pat.gif) top left repeat;
	}
#classify.hepb #inside {
	background: url(../g/main_bg_hepb.gif) top left repeat;
	}
#classify.adv #inside {
	background: url(../g/main_bg_adv.gif) top left repeat;
	}
#content {
	margin-left: 193px;
	line-height: 18px;
	padding-bottom: 10px;
	}
#content h3 {
	padding: 0;
	margin: 10px 0 5px 0;
	font-size: 14px;
	}
#leftcol {
	position: absolute;
	top: 0;
	left: 0;
	padding: 0 8px;
	width: 167px;
	}
#classify.pros #leftcol {
	background: url(../g/left_bg_pro.gif) top left no-repeat;
	}
#classify.pat #leftcol {
	background: url(../g/left_bg_pat.gif) top left no-repeat;
	}
#classify.hepb #leftcol {
	background: url(../g/left_bg_hepb.gif) top left no-repeat;
	}
#classify.adv #leftcol {
	background: url(../g/left_bg_adv.gif) top left no-repeat;
	}
#inside #leftcol p {
	margin: 15px 0 3px 0;
	}
#inside #leftcol p.learn {
	margin: 0 0 5px 0;
	}
#inside #leftcol p.learning {
	margin: 5px 0 3px 0;
	}
	
#fastfact {
	float: right;
	margin: 10px 0 10px 10px;
	background: #A8B3B7;
	width: 180px;
	}
#fastfact h4 {
	margin: 0;
	padding: 2px 8px;
	background: #000;
	color: #fff;
	font-size: 12px;
	text-transform: uppercase;
	}
#fastfact p {
	margin: 0;
	padding: 5px 8px;
	font-family: georgia, serif;
	font-size: 11px;
	line-height: 14px;
	}

#content th {
	background: #A8B3B7;
	}
#content td {
	padding: 5px;
	background: #d8e3e7;
	}
#content table {
	margin-bottom: 10px;
	}
#content li {
	clear: left;
	}
	
#promo {
	position: absolute;
	top: 0;
	right: 0;
	width: 99px;
	height: 86px;
}
#promo img, #frontpromo img {
	border: 0;
	display: block;
	}
#frontpromo {
	position: absolute;
	bottom: -1px;
	right: 0;
	width: 153px;
	height: 96px;
}

.shorter img {
margin-bottom: 5px;
}