/*
** Defaults
*/
	* {
		margin: 0;
		padding: 0;
	}

	body {
		margin: 10px 0;
		color: #333;
		background-color: #C6D5E5;
		font: normal 76%/1.5em arial, helvetica, sans-serif;
		text-align: center;
	}

	h1, h2, h3, h4, h5, h6, p { margin: .5em 0 1em 0; }

	h1, h2, h3, h4, h5, h6 {
		color: #000;
		font-weight: bold;
	}

	h1 { font-size: 1.5em; }

	h2 { font-size: 1.35em; }

	h3 {
		color: #343b8c;
		font-size: 1.25em;
		padding: 2px 4px;
		background-color: #f1f2f2;
	}

    h4 {
		color: #06106C;
		font-size: 135%;
	}

	.dates { 
		color: #FFFFFF; 
		background-color: #4464A4; 
		text-align: center; 
		font-size: 13px;
		font-weight: bold;
		text-transform: uppercase; 
		padding: 2px 0 1px 0;
	}
	
	.expired {
		color: #FFFFFF; 
		background-color: #AB0F17; 
		text-align: center; 
		font-size: 16px;
		font-weight: bold;
		text-transform: uppercase; 
		padding: 2px;
	}
	
	a { color: #E96A01; }
	a:hover { color: #614099; text-decoration: underline; }

	a img { border: 0px; }

	ul {
		margin-left: 2em;
		margin-bottom: 2em;
	}

	ul ul { margin-bottom: 0; }

	td, th { font-size: 100%; }

	ol { margin-left: 1.5em; }


/*
** Containers
*/
	#site-container {
		margin: 0 auto;
        background-color: #FFF;
		width: 760px;
        border: 1px solid #121341;	
		text-align: left;
	}
	#site-container .inner-container { 
        background: transparent url(/images/site/background-site.gif) repeat-y top left; 
    }

	#header-container { position: relative; }

	#side-container {
		float: left;
		width: 226px;
	}

	#content-container {
		position: relative;
		float: right;
		width: 512px;
		background-color: #FFF;
	}

    #onj-container {
		position: relative;
        float: right;
        top: -10px;
        right: -30px;
        width: 502px;
        background: #FFF url(/images/site/onj_bg.jpg) no-repeat top right;
	}

	#pocketcme-container {
		position: relative;
        float: right;
        top: -13px;
        right: -30px;
        width: 502px;
        background: #FFFFFF url(/images/site/pocketcme_bg.jpg) no-repeat top right;
	}

    #footer-container {
		clear: both;
		margin-top: -1em;
		padding-bottom: 10px;
        padding-right: 10px;
		background: transparent url(/images/site/background-footer.gif) no-repeat top left;
		text-align: right;
	}


/*
** Padding
*/
	#content-container .container-padding { padding: 10px 30px 10px 0; }

	#onj-container .container-padding { padding: 20px 30px 10px 0; }

	#pocketcme-container .container-padding { padding: 20px 30px 10px 0; }

	#footer-container .container-padding { padding-top: 55px; }


/*
** Navigation
*/
	.navigation-container {
		background: transparent url(/images/site/background-navigation.gif) repeat-y top left;
	}

	.navigation-container .container-padding {
		padding: 5px 22px 15px 16px;
		background: transparent url(/images/site/background-navigation-bottom.gif) no-repeat bottom left;
	}

	ul.nav-menu, 
	ul.nav-menu ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}

	ul.nav-menu li {
		color: #FFF;
		line-height: 1.1em;
	}

	ul.nav-menu a {
		color: #FFF;
		text-decoration: none;
	}

    	ul.nav-menu a:hover {
		color: #FDCB01;
		text-decoration: underline;
	}

	ul.nav-menu h2 {
		height: 20px;
		margin: 0;
		padding: 4px 0 4px 6px;
		background: transparent url(/images/site/background-navigation-header.gif) no-repeat top left;
		color: #AFAAFC;
		font-size: 12px;
		line-height: 12px;
	}

	ul.nav-menu h2 a { color: #AFAAFC; }
	
	ul.nav-menu li ul li {
		margin: 0;
		padding: 7px 0 7px 6px;
		border-bottom: 1px solid #3C428C;
	}

	ul.nav-menu li ul li.last {
		padding-bottom: 14px;
		border: none;
	}

/*
** Misc
*/

    #header-ad {
		position: absolute;
		top: 0;
		left: 0;
		background: transparent url(/images/site/ad-header-bg.gif) no-repeat top left;
		padding: 9px 13px 9px 14px;
	}

    .cme a img { border: 2px solid #FFF; }

    .cme a:hover img { border: 2px solid #FC8301; }

	ul.clean { list-style-type: none; }

	.error { color: #900; }

	#registration_form td {
		padding: 5px 0;
		vertical-align: top;
	}

	#registration_form tr.group td { padding-top: 15px; }

	#registration_form tr.close_group td {
		padding-bottom: 15px;
		border-bottom: 1px solid #CCC29E;
	}

	.registration-button {
		margin-top: 1.5em;
		text-align: center;
	}

    .quote { 
        font: bold 14px/17px Arial, Verdana, Tahoma, Helvetica, sans-serif; 
        color: #000;
    }

	.label { font-weight: bold; }

	.error-container {
		margin: .5em 0;
		padding: 10px;
		background-color: #FFC;
	}

	.evaluation {
		margin: 20px 0;
		border-top: 1px solid #CCC29E;
		padding: 10px 0;
	}

	.evaluation table { width: 95%; }

	.evaluation th, 
	.evaluation td {
		padding: 3px;
		font-size: 100%;
	}

	.evaluation th {
		background-color: #F7F7F7;
		font-weight: bold;
		font-size: 80%;
	}

	table.agenda {
		border: none;
		margin-bottom: 2.1em;
	}

	table.agenda td {
		padding: 10px 10px;
		border-top: 1px solid #CCC;
		vertical-align: top;
	}

	#footer-container ul.nav-menu { float: left; }

	#footer-container ul.nav-menu li {
		display: inline;
		padding: 0 1em;
		border-right: 1px solid #000;
		color: #C80F0D;
		font-weight: bold;
		font-size: .9em;
	}

	#footer-container ul.nav-menu li a { color: #C80F0D; }

	#footer-container ul.nav-menu li.last { border: none; }

	.calendar-container { margin: 1em 0 0 11px; }

	.calendar th {
		width: 50px;
		height: 50px;
		border-right: 1px solid #FFF;
		border-bottom: 1px solid #FFF;
		color: #FFF;
		background-color: #8B8C8E;
		text-align: center;
		vertical-align: middle;
	}

	.calendar td {
		width: 50px;
		height: 50px;
		border-right: 1px solid #FFF;
		border-bottom: 1px solid #FFF;
		color: #777;
		background-color: #DADBDD;
		text-align: center;
		vertical-align: middle;
	}

	.calendar .off { background-color: #B8BCBD; }

	.calendar .on-event {
		color: #FFF;
		background-color: #F96C12;
	}

	.calendar .on-event a { color: #FFF; }

	#side-container .calendar th, 
	#side-container .calendar td {
		width: 28px;
		height: 28px;
	}

	.chapter_listing td {
		padding: 5px 0;
		border-bottom: 1px solid #EEE;
	}
