html {
	margin : 0;
	background : #F0F0F7 url(bg.gif) repeat-x;
}

body {
	margin : 0;
	font-family : Arial, Helvetica, sans-serif;
}

a {
	color : #355417;
}

a:hover {
	color : #585;
}

/* Main layout
 * ************/

.canvas {
	position : relative;
	margin : 0 auto;
	width : 820px;
}

#Header {
	position : relative;
	top : 0;
	left : -15px;
	width : 100%;
	height : 83px;
	background : url(logo.gif) no-repeat 0 0;
}

#Header h1,
#Header h2 {
	margin : 0;
	text-indent : -999em;
}

#Nav {
	position : absolute;
	top : 5px;
	right : 15px;
	width : 260px;
	text-align : center;
	font-size : 0.75em;
}

#Sidebar {
	position : absolute;
	top : 78px;
	right : -45px;
	width : 385px;
	padding-bottom : 54px;
	color : #eee;
	font-size : 0.7em;
	background : url(box-bg.png) no-repeat bottom left;
}

.box {
	margin-bottom : 10px;
}

.box a {
	color : #ccc;
}

.box a:hover {
	color : #fff;
}

.box h2 {
	margin : 0;
	padding : 12px 73px 5px;
	background : url(box.png) no-repeat top left;
	font-size : 1.3em;
	font-weight : normal;
}

.box h2 a {
	color : #eee;
	text-decoration : none;
}

.box h2 a:hover {
	text-decoration : underline;
}

.box .content {
	padding : 0 73px 13px 80px;
	line-height : 1.5;
	background : url(box.png) no-repeat bottom left;
	min-height : 80px;
}

.box .btns {
	margin-top : 7px;
	text-align : right;
}

#Main {
}

#Main h1, #Main h2 {
	color : #354A5E;
	font-weight : normal;
	font-family : Myriad Pro;
}

#Main h2 {
	font-size : 2em;
	border-bottom : 1px dotted #ccc;
}

#Main h3 {
	font-weight : normal;
}

#Main ul {
	margin-left : 1.5em;
	padding-left : 0;
}

#Main ul li {
	margin-bottom : 7px;
}

#Main p {
	line-height : 1.3;
}

#Leader {
	margin-top : 30px;
	height : 350px;
	width : 480px;
	color : #E1E1E1;
	/*font-family : Myriad Pro, sans-serif;*/
}

#Leader p {
	line-height : 1.25;
	font-size : 0.9em;
}

#Leader p.first {
	font-size : 1em;
}

#Footer {
	margin-top : 50px;
	padding : 10px 0 60px;
	border-top : 4px solid #555;
	background : #333;
	color : #eee;
	font-size : 1.1em;
	text-align : center;
}

#Footer a {
	color : #999;
}

#Footer a:hover {
	color : #eee;
}

/* Multi-use classes
 * ******************/

.sm {
	font-size : 0.77em;
}

.section {
	margin-top : 100px;
	clear : both;
}

dl.qa {
	margin-left : 1em;
}

dl.qa dt {
	font-weight : bold;
}

dl.qa dd {
	margin : 0 0 1em 0.5em;
	padding : 0;
}

.aside {
	float : right;
	width : 300px;
	margin : 0 0 20px 20px;
	text-align : center;
}

.aside.flex {
	width : auto;
}

.aside.l {
	float : left;
	margin : 0 20px 20px 0;
}

.aside img {
	border : 2px solid #666;
}

ul.nav {
	margin : 0;
	padding : 0;
	list-style : none;
}

ul.nav li {
	display : inline;
	margin-right : 10px;
}

ul.nav li:last-child {
	margin-right : 0;
}

a.btn {
	padding : 3px 10px;
	border : 2px solid #293542;
	border-radius : 5px;
	-moz-border-radius : 5px;
	background : #293542;
	text-decoration : none;
	font-size : 1.2em;
	color : #ccc;
}

a.btn:hover {
	background : #2B394f;
	color : #fff;
}

a.btn.disabled {
	border-color : #bbc;
	background : #bbc;
	color : #888;
	cursor : default;
}

a.btn.sm {
	font-size : 1em;
}

h2 a.to-top {
	margin-top : 15px;
	float : right;
	font-size : 11px;
	display : none;
	color : #999;
}

h2:hover a.to-top {
	display : block;
}