/* LAYOUT CSS */

/*******************/ 
/* BEGIN CONTAINER */
/*******************/

	body {
		background-position: top center;
		background-repeat: repeat-x;
		background-image: url(../images/bg_page.png);
	}

	/* CONTAINER
	----------------------------------------------------------------------*/

	div#container {
		background-position: top center;
		background-repeat: no-repeat;
		background-image: url(../images/bg_drop.png);
		text-align: center;
	}

	/* PAGE
	----------------------------------------------------------------------*/

	div#page {
		width: 960px;
		margin: auto;
		background-position: top center;
		background-repeat: repeat-x;
		background-image: url(../images/bg_page.png);
		text-align: left;
	}
	
/*******************/
/*  END CONTAINER  */
/*******************/


/*******************/
/*  BEGIN COLUMNS  */
/*******************/

	/* DEFAULT
	----------------------------------------------------------------------*/

	div.row {
		width: 960px;
	}
	
	div.column {
		margin: 0px 10px;
		float: left;
		display: inline;
	}
	
	img.column {
		float: left;
		margin: 10px;
	}
	
	/* BACKGROUNDS
	----------------------------------------------------------------------*/	
	
	.bg20black { background-image: url(../images/trans-black-20.png); }
	.bg40black { background-image: url(../images/trans-black-40.png); }
	.bg60black { background-image: url(../images/trans-black-60.png); }
	.bg80black { background-image: url(../images/trans-black-80.png); }
	.bg100black { background-color: #000; }
	
	.bg20white { background-image: url(../images/trans-white-20.png); }
	.bg40white { background-image: url(../images/trans-white-40.png); }
	.bg60white { background-image: url(../images/trans-white-60.png); }
	.bg80white { background-image: url(../images/trans-white-80.png); }
	.bg100white{ background-color: #fff; }
	
	/* HEADER
	----------------------------------------------------------------------*/
	
	div#branding {
		height: 176px;
		margin: 0px;
	}
	
	div#branding div.column {
		margin: 0px;
	}
	
	div#branding-one {
		height: 176px;
	}
	
	div#branding-one h1 a {
		display: block;
		width: 427px;
		height: 108px;
		margin: 40px 0px 0px 10px; /* the 6px is for the outer glow on the arrows in the logo */
		background-position: top center;
		background-repeat: no-repeat;
		background-image: url(../images/bg_logo.png);
	}
	
	div#branding-one h1 a span {
		display: none;	
	}

	div#branding-two {
		height: 176px;
	}
	
	/* MENU
	----------------------------------------------------------------------*/

	div#menu {
		margin: 0px;
	}
	
	div#menu div.column {
		
	}
	
	div#menu-one {
		width: 940px;
		height: 30px;
		margin: 0px 10px;
	}
	
	/* BREADCRUMBS
	----------------------------------------------------------------------*/

	div#breadcrumbs {
		margin: 0px;
	}
	
	div#breadcrumbs div.column {
		
	}
	
	div#breadcrumbs-one {
		width: 940px;
		margin: 5px 10px 0px 10px;
	}
	
	div#breadcrumbs-one span.arrow {
		float: left;
		margin: 6px 4px 0px 4px;
		height: 7px;
		width: 7px;
		background-image: url(../images/arrow-pink.png);
		background-repeat: no-repeat;
	}
	
	div#breadcrumbs-one a {
		float: left;
		font-size: 10px;
		text-decoration: none;
	}

	/* MAIN
	----------------------------------------------------------------------*/

	div#main {
		
	}
	
	div#main div.column {
		width: 140px;
		margin-bottom: 10px;
	}
	
	div#main div.octo {
		width: 620px !important;
	}
	
	div#main div.hex {
		width: 460px !important;
	}
	
	div#main div.quad {
		width: 300px !important;
	}
	
	div#main div#main-left {
		margin-top: 10px;
		float: left;
		width: 640px;
	}
	
	div#main div#main-right {
		margin-top: 10px;
		float: left; width: 320px;
	}
	
	/* TAIL
	----------------------------------------------------------------------*/

	div#tail-container {
		text-align: center;
		width: 100%;
		background-color: #34595a;
		border-top: 2px solid #444;
	}
	
	div#tail {
		margin: 0px auto;
		background-color: #34595a;
		padding: 10px 0px;
	}
	
	div#tail div.column {
		width: 220px;		
		text-align: left;
	}
	
	/* BASE
	----------------------------------------------------------------------*/

	div#base-container {
		text-align: center;
		width: 100%;
		background-color: #013031;
	}

	div#base {
		margin: 0px auto;
		padding: 10px 0px;
		color: #ccc;
		font-size: 75%;
		height: 50px;
	}
	
	div#base-one {
		width: 340px;
		text-align: left;
	}
	
	div#base-one img {
		float: left;
		margin-right: 5px;
	}
	
	div#base-two {
		width: 220px;
		text-align: center;
		color: #666;
	}
	
	div#base-three {
		width: 340px;
		text-align: right;
	}
	
	div#base-three img {
		float: right;
		margin-left: 5px;
	}

/*******************/
/*   END COLUMNS   */
/*******************/


/*******************/
/*   BEGIN BOXES   */
/*******************/

	


	/* ARTICLE
	----------------------------------------------- */
	
	div.article {
		margin: 0px 0px 10px 0px;
		padding: 0px;
	}
	
	div.article h3 {
	}

	div.article img.image {
		float: left;
		padding: 4px;
		margin-top: 5px;
		margin-right: 10px;
	}
	
	div.article img.noborder {
		border: 0 !important;
		background-color: transparent !important;
	}
	
	div.article img.right {
		float: right !important;
		margin-right: 0px;
		margin-left: 10px;
	}
	
	div.article ul {
		margin-bottom: 10px;
	}
	
	div.article ul li {
		background-position: 0px 8px;
		background-repeat: no-repeat;
		list-style-type: none;
		list-style-position: outside;
		margin-left: 30px;
		padding-left: 20px;
	}
	
	/* SECTION
	----------------------------------------------- */
	
	div.section {
		margin: 0px 0px 10px 0px;
		padding: 5px;
	}
	
	div.section h3 {
		font-size: 140%;
	}
	
	div.section h3 a {
		text-decoration: none;
	}

	div.section img.image {
		float: left;
		width: 105px;
		height: 73px;
		padding: 4px;
		margin-top: 5px;
		margin-right: 10px;
	}
	
	div.section p {
		font-size: 80%;
		line-height: 130%;
	}

	/* News
	----------------------------------------------- */
	
	div.news {
		margin: 0px 0px 15px 0px;
		padding: 0px 0px 15px 0px;
		border-bottom: 2px dotted #789;
	}
	
	div.news h3 {
	}

	div.news img.image {
		float: left;
		padding: 4px;
		margin-top: 5px;
		margin-right: 10px;
	}
	
	div.news img.noborder {
		border: 0 !important;
		background-color: transparent !important;
	}
	
	div.news img.right {
		float: right !important;
		margin-right: 0px;
		margin-left: 10px;
	}
	
	div.news ul {
		margin-bottom: 10px;
	}
	
	div.news ul li {
		background-position: 0px 8px;
		background-repeat: no-repeat;
		list-style-type: disc;
		list-style-position: outside;
		margin-left: 30px;
		padding-left: 20px;
	}	

	/* VIDEO
	----------------------------------------------- */
	
	div.video {
		margin: 0px 0px 15px 0px;
		padding: 0px;
	}
	
	/* MARKETS
	----------------------------------------------- */
	
	ul.markets {
		margin: 5px;
		padding: 5px;
	}
	
	ul.markets li {
		float: left;
		display: inline;
		width: 590px;
	}
	
	ul.markets li a {
		width: 590px;	
		float: left;
		display: inline;
		height: 20px;
		padding: 5px;
		margin-bottom: 5px;
		font-weight: 600;
		text-decoration: none;
	}
	
	ul.markets li a:hover {
		background-color: #ffc;
	}
	
	/* COURSES
	----------------------------------------------- */
	
	a.course {
		width: 600px;
		margin: 5px 5px 0px 5px;
		padding: 5px;
		float: left;
		display: inline;
		text-decoration: none;
		font-weight: 600;
	}
	
	a.course:hover {
		background-color: #ffc;
	}
	
	a.course h4 {
		cursor: pointer;
	}
	
	div.course {
		margin: 0px 5px 5px 5px;
		padding: 0px 5px 5px 5px;
		width: 580px;
		float: left;
		display: inline;
	}
	
	div.course ul {
		margin-bottom: 10px;
	}
	
	div.course ul li {
		background-position: 0px 8px;
		background-repeat: no-repeat;
		list-style-type: none;
		list-style-position: outside;
		margin-left: 30px;
		padding-left: 20px;
	}
	
	div.course table.community tr {
		border-bottom: 2px solid #fff;
	}
	
	div.course table.community td, div.course table.community th {
		background-color: #eee;
		border-right: 2px solid #fff;
		text-align: left;
		padding: 5px;
	}
	
	
	/* FACTSHEETS
	----------------------------------------------- */
	
	a.factsheet {
		width: 600px;
		margin: 5px;
		padding: 5px;
		float: left;
		display: inline;
	}
	
	a.factsheet:hover {
		background-color: #ffc;
	}
	
	div.factsheet {
		margin: 0px 5px 5px 5px;
		padding: 0px 5px 5px 5px;
		float: left;
		display: inline;
		width: 580px;
	}
	
	div.factsheet ul {
		margin-bottom: 10px;
	}
	
	div.factsheet ul li {
		background-position: 0px 8px;
		background-repeat: no-repeat;
		list-style-type: none;
		list-style-position: outside;
		margin-left: 30px;
		padding-left: 20px;
	}
	
	table.times {
		width: 600px;

	}
	
	table.times td {
		border: 5px solid #fff;
		background-color: #ccc;
		padding: 5px;

	}
	
	table.times td.col1 {
		width: 100px;
		font-weight: 600;
	}
	
	/* ADMIN
	----------------------------------------------- */
	
	div.admin {
	}
	
	div.admin input.name {
		font-size: 200%;
	}
	
	
	
	/* NAVIGATION
	----------------------------------------------- */
	
	ul.navigation {
		margin-bottom: 5px;
	}
	
	ul.navigation li {
		width: 140px;
		float: left;
	}

	ul.navigation li a {
		float: left;
		display: block;
		width: 115px;
		height: 19px;
		padding: 5px 5px 5px 20px;
		border-bottom: 1px solid #ccc;
		text-decoration: none;
		background-image: url(../images/bg_link.png);
		background-repeat: no-repeat;
		background-position: -20px 0px;
	}
	
	ul.navigation li a:hover {
		background-position: 0px 0px;
	}
	
	/* NAVIGATION HORIZONTAL
	----------------------------------------------- */
	
	ul.navigationh {
	}
	
	ul.navigationh li {
		float: left;
	}

	ul.navigationh li a {
		float: left;
		display: block;
		height: 20px;
		padding: 5px 20px 5px 20px;
		color: #fff;
		font-weight: 600;
		text-decoration: none;
		background-color: transparent;
	}
	
	ul.navigationh li a:hover {
	/*	background-color: #ec7eac; */
	}
	
	/* NAVIGATION FOOTER
	----------------------------------------------- */
	
	ul.navigationf {
	}
	
	ul.navigationf li {
		width: 220px;
		float: left;
	}
	
	ul.navigationf li.head h5 {
		float: left;
		display: block;
		width: 195px;
		height: 19px;
		padding: 5px 5px 5px 20px;
		border-bottom: 1px solid #999;
		text-decoration: none;
		color: #fff;
	}

	ul.navigationf li a {
		float: left;
		display: block;
		width: 195px;
		height: 19px;
		padding: 5px 5px 5px 20px;
		border-bottom: 1px solid #999;
		text-decoration: none;
		color: #fff;
	}
	
	ul.navigationf li a:hover {
		background-color: #999;
	}
	
	/* SEARCH
	----------------------------------------------- */
	
	form.search {
	}
	
	form.search fieldset {
		float: right;
		border: 0px;	
	}
	
	form.search legend {
		display: none;	
	}
	
	form.search div {
	}
	
	form.search div label {
		display: none;
	}
	
	form.search div input.text {
		background-image: url(../images/icon_search-16x16.png);
		background-repeat: no-repeat;
		background-position: 1px 1px;
		padding: 1px 1px 1px 18px;
		border: 1px solid #666;
	}
	
	form.search div input.submit {
		border: 1px solid #666;	
	}
	
	#kwickmenu {
		overflow: hidden;
		height: 160px;
		width: 620px;
	}
	
	.kwicks {
		list-style: none;
		overflow: hidden;
		position: relative;
		margin: 0;
		padding: 0;
	}
	.kwicks li{
		display: block;
		overflow: hidden;
		padding: 0;
		cursor: pointer;
	}
	#kwickmenu li {
		float: left;
		width: 155px;
		height: 160px;
		overflow: hidden;
	}
	
	#kwickmenu span.bg {
		display: block;
		width: 320px;
		height: 160px;
	}
	
	#kwickmenu #kwick1 {
		background-image: url(../images/kwick.ls.png);
		background-color: #6eab23;
	}	
	#kwickmenu #kwick1 span.bg {
		background-image: url(../images/kwick.ls.mask.png);
	}
	#kwickmenu #kwick2 {
		background-image: url(../images/kwick.he.png);
		background-color: #e41715;
	}
	#kwickmenu #kwick2 span.bg {
		background-image: url(../images/kwick.he.mask.png);
	}
	#kwickmenu #kwick3 {
		background-image: url(../images/kwick.ac.png);
		background-color: #0076bd;
	}
	#kwickmenu #kwick3 span.bg {
		background-image: url(../images/kwick.ac.mask.png);
	}
	#kwickmenu #kwick4 {
		background-image: url(../images/kwick.bt.png);
		background-color: #37155d;
	}
	#kwickmenu #kwick4 span.bg {
		background-image: url(../images/kwick.bt.mask.png);
	}
	
	.kwicks {
		background-color: #652d89;
		overflow: hidden;
	}
	
	.kwicks li a {
		display: block;
		width: 320px;
		height: 160px;
	}
	.kwicks li#kick4 {
		display: block;
		float: right;
		width: 320px;
		height: 160px;
	}
	
	.kwicks li a span {
		display: none;
	}
	
	/* TICKER
	----------------------------------------------- */
	
	.ticker {
		background-color: #df2874;
		height: 160px;
		color: #fff;
		overflow: hidden;
	}
	
	.ticker h4 {
		color: #fff;
		background-color: #df2874;
		font-size: 20px;
	}
	
	.ticker ul li {
		padding: 5px;
		font-size: 16px;
		margin-bottom: 200px;
	}
	

	/* IMAGES
	----------------------------------------------- */
	
	img.image-small {
		margin: 10px;	
	}
	
	img.image-medium {
		margin: 10px;	
	}
	
	img.image-big {
		margin: 10px;	
	}
	
	
/*******************/
/*    END BOXES    */
/*******************/



	form.appform {

	}
	
	form.appform fieldset {
		border: 1px solid #456;
		margin: 10px 10px 30px 10px;
		padding: 10px;
	}
	
	form.appform fieldset legend {
		background-color: #456;
		color: #fff;
		padding: 5px 10px;
		font-weight: 600;
		font-size: 13px;
	}
	
	form.appform fieldset div {
		margin: 2px 0px;
		padding: 5px 0px;
	}	
	
	form.appform fieldset div.notvalid {
		background-color: #faa;
	}
	
	form.appform fieldset div span {
		font-size: 10px;
		margin-left: 10px;
	}	
	
	form.appform fieldset hr {
		height: 1px;
		background-color: #ddd;	
		border: none;
		margin: 0px;
		padding: 0px;
	}
	
	form.appform fieldset label {
		margin-right: 10px;
		font-weight: 600;
		width: 250px;
		float: left;
	}
	
	form.appform fieldset div.formrow {
		border: none;
		margin: 0px 0px 2px 0px;
		padding: 0px;
	}
	
	form.appform fieldset div.formrow span {
		width: 275px;
		margin-right: 2px;
		padding: 5px;
		background-color: #ddd;
		display: block;
		float: left;
	}
	
	form.appform fieldset div.formrow span.alt {
		background-color: #ccc !important;
	}
	
	form.appform fieldset div.formrow span input {
		width: 265px;
	}
	
	form.appform fieldset div.formrow span.small {
		width: 125px;
	}
	
	form.appform fieldset div.formrow span.small input {
		width: 120px;
	}
	
	form.appform fieldset div.formrow span.th {
		font-weight: bold;
		text-align: center;
	}

	table.emp {
		width: 600px;
	}

	table.emp td {
		background-color: #eee;
		padding: 5px;
		width: 280px;
		border: 5px solid #fff;
	}