*{margin: 0;
	padding: 0;}
html{height: 101%;}
body{font: 12px arial;
	line-height: 17px;
	background: #fff;
	padding: 0 0 30px;
	float: left;
	width: 100%;}

a, a:link, a:hover{cursor: pointer;}

h1, h2, h3,
h4, h5, h6{margin: 0 0 15px;}
h1{font: 30px arial;
	line-height: 31px;
	padding: 3px 0;}
h2{font: 18px arial;
	line-height: 22px;
	margin: -4px 0 0;}
h3{font: bold 13px arial;
	line-height: 17px;}
h4{font: bold 12px arial;
	line-height: 17px;}
	
p{margin: 0 0 15px;}

ul{list-style-type: none;}


/* Main page container */
#container{width: 600px;
	margin: 20px auto;
	position: relative;}
	
	
/* Page elements */
#menu,
#content,
#footer{clear: both;
	float: left;
	margin: 0 0 0 0;
	width: 600px;}


/* Heading */
#heading{width: 585px;
	float: left;
	position: relative;
	z-index: 100;
	background: url(../images/hands2.png) -10px -10px no-repeat;
	margin: 0 0 20px;
	padding: 0 0 0 85px;
	text-align: left;}
#heading h1 a{xbackground: #fff url(../images/long-name.png) left top no-repeat;
	color: #222;
	float: left;
	width: 270px;
	line-height: 26px;
	padding: 8px 0 0 0;
	height: 52px;
	font-size: 23px;
	text-decoration: none;
	xtext-indent: -9000px;}

/* Associations */
#heading ul{position: absolute;
	top: 0;
	right: 0;
	overflow: hidden;
	z-index: 500;
	display: none;}
#heading li{float: right;
	padding: 78px 15px 15px 15px;
	width: 125px;
	margin: 0 0 0 -1px;
	border-left: 1px solid #efefef;
	cursor: pointer;}
#heading .ucb{background: url(../images/ucb.png) 15px 16px no-repeat;}
#heading li a{color: #999;
	text-decoration: none;
	display: inline;
	border-bottom: 1px solid #f1f1f1;}


.register{position: absolute;
	top: 3px;
	right: 0;
	z-index: 500;}
.register{float: right;
	border: 2px solid #fff;
	overflow: hidden;
	background: #FFAD23;}
.register a{float: left;
	width: 150px;
	padding: 13px 16px 10px;
	font-size: 15px;
	color: #342306;
	text-decoration: none;
	line-height: 18px;}
.register span{font-size: 12px;
	margin: 4px 0 0;
	color: #754F0F;}


/* Main page menu */
#menu{position: relative;
	z-index: 500;
	overflow: hidden;}
#menu li{float: left;
	margin: 0 0 0 -1px;
	padding: 9px 14px 11px;
	border-left: 1px solid #f5f5f5;
	background: #fff;}
#menu .opened{xbackground: #FFA318;
	xborder-bottom: 1px solid #FFA318;}
#menu a{float: left;
	text-decoration: none;
	color: #000;
	font-size: 15px;
	border-bottom: 2px solid #f2f2f2;}
#menu a:hover{background: #efefef;}
#menu .opened a{border-color: #DB2222;}


/* Main page content */
#content{margin: 0;
	background: #fff;}

.banner{float: left;
	clear: left;}

#content .section{float: left;
	clear: left;
	padding: 20px 0 20px;
	width: 100%;
	border-top: 1px solid #efefef;
	margin: -1px 0 0;
	background: #fff;}
#content h2{float: left;
	clear: left;
	width: 115px;
	padding: 0 20px 0 14px;}

#content .meat,
#content .markdown{float: left;
	width: 415px;
	margin: 0 0 -15px;}

/* List */
#content .markdown ol,
#content .markdown ul{xborder: 1px solid red;
	overflow: hidden;
	margin: 0 0 10px;
	float: left;
	clear: left;
	width: 100%;}
	
#content .markdown li ol,
#content .markdown li ul{margin: 5px 0 -5px;}

#content .markdown li{margin: 0 0 5px;
	list-style-type: none;
	float: left;
	clear: left;
	width: 390px;
	padding: 0 0 0 22px;
	background: url(../images/list.gif) 5px 3px no-repeat;}

#content .markdown li li{width: 368px;}
#content .markdown li li li{width: 346px;}
#content .markdown li li li li{width: 324px;}

#content .markdown li p{margin: 0 0 10px;}

/* Definition list */
#content .markdown dl{margin: 0;}
#content .markdown dl dt{margin: 0 0 15px;}
#content .markdown dl dd{margin: 0 0 17px;}
#content .markdown dl dt a{font: 14px arial;
	color: #777;
	text-decoration: none;
	border-bottom: 2px solid #ddd;}

/* Link highlighted in gray */
#content .markdown a{color: #555;
	text-decoration: none;
	border-bottom: 1px solid #ccc;}

/* Quote */
#content .markdown blockquote{padding: 0 40px 0 10px;
	margin-left: 10px;
	border-left: 1px solid #ccc;}

/* Page specific */
#content .events li{float: left;
	clear: left;
	margin: 0 0 15px;}
#content .events .markdown{margin: 0;}
#content .events h3{margin: 0 0 7px;}
#content .events .when{margin: 0;
	color: #777;
	font-style: italic;}
#content .events .where{margin: 0;}
#content .events p{margin: 15px 0 0;
	float: left;
	clear: left;}
	

/* Page footer */
#footer{padding: 23px 0 0 150px;
	border-top: 1px solid #efefef;
	width: 450px;
	color: #999;
	background: #fff;}

#footer .nslices{padding: 1px 0 3px;
	color: #555;
	margin: -5px 0 0;
	width: 340px;}
#footer .nslices img{vertical-align: bottom;
	margin: 0 0 -1px 2px;}
	
	
/* Registration form specifics */
.alert{background: #8F0909;
	float: left;
	clear: left;
	width: 582px;
	margin: 15px 0 -5px;
	padding: 7px 9px;
	color: #fff;}

.app{clear: left;}
.app .part{background: #f1f1f1;
	float: left;
	clear: left;
	margin: 5px 0 20px;}
.app .steps{background: #fff;
	margin: 5px 0 0;}

#content .app h2{width: 100%;
	padding: 20px 0 10px;}
	
.app h3{float: left;
	clear: left;
	width: 584px;
	margin: 0;
	padding: 5px 8px 4px;
	background: #FFB63C;}
.app h3 span{color: #AE781D;
	font-size: 12px;
	font-weight: normal;
	line-height: 12px;}

.app p{margin: 0;
	padding: 9px 12px;
	float: left;
	clear: left;
	width: 576px;;
	border-top: 1px solid #ddd;}
.app .help{display: none;
	float: left;
	clear: left;
	margin: -1px 0 0 160px;
	font-size: 10px;
	color: #fff;
	padding: 0 6px;
	background: #B41010;
	border: 1px solid #8F0909;
	border-width: 1px 0 0 0;}
.app .textarea .help{margin: -1px 0 0;}
.app .radio .help{margin: 9px 0 9px -3px;
	border-width: 0 0 0 3px;}
.app .error .help{display: block;}
.app .required input,
.app .required textarea{background: #FEFFB5;}
.app .radio .required input{background: #fff;}


/* Label concerning inputs */
.app label{width: 150px;
	text-align: right;
	margin: 5px 10px 0 0;
	float: left;}
	

/* Label by textarea */
.app .textarea p{padding: 9px;}
.app .textarea label{width: 100%;
	margin: -3px 0 4px;
	text-align: left;}
	
.app textarea{float: left;
	clear: left;
	width: 100%;
	height: 100px;
	font: 14px verdana;
	border: 1px solid #999;
	border-color: #999 #c1c1c1 #ddd #ccc;}
	

/* Input element */
.app input{width: 270px;
	font-size: 16px;
	padding: 2px;
	float: left;
	border: 1px solid #999;
	border-color: #999 #c1c1c1 #ddd #ccc;}
.app input.short{width: 60px;}
.app input.mid{width: 190px;}


/* Radio group wrapped in <p> */
.app .radio p{padding: 0;
	border-width: 0;
	width: 600px;
	position: relative;}
.app .radio label{width: 100%;
	clear: left;
	margin: 0;
	text-align: left;
	padding: 8px 0 9px;
	border-top: 1px solid #ddd;
	position: relative;}
.app .radio label span{margin: 0 5px 0 27px;
	width: 330px;
	float: left;}
.app .radio input{position: absolute;
	left: 300px;
	top: 6px;
	font-size: 14px;
	padding: 2px;}
.app .radio .error input{top: 41px;}
.app .radio label input,
.app .radio .error label input{width: 17px;
	float: left;
	position: absolute;
	top: 11px;
	left: 5px;
	font-size: 12px;}

.app #finsupport .radio input.mid{left: 350px;
	width: 100px;}


/* Some misc list of items */
.app ul{float: left;
	clear: left;
	padding: 5px 0;}
.app ul li{padding: 5px 5px 5px 25px;
	background: url(/images/list.gif) 9px 8px no-repeat;}


.buttons{float: left;
	width: 100% !important;
	padding: 30px 0 !important;
	text-align: center;
	border-top: 1px solid #efefef;}
.buttons a,
.buttons button{font: 20px arial;
	background: #f1f1f1;
	border-width: 0;
	cursor: pointer;
	color: #333;
	text-decoration: none;
	border-bottom: 2px solid #ddd;}