* { margin: 0; padding: 0; }
a img { border: none; }
.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }
.top { vertical-align: top; }
.middle { vertical-align: middle; }
.bottom { vertical-align: bottom; }
body { text-align: center; font-size: 62.5%; font-family: Arial, Helvetica, Sans-Serif; background-color: #9295a5; }
#page-wrapper { width: 760px; margin-left: auto; margin-right: auto; text-align: left; background-image: url(/resources/images/pw-bg.jpg); background-position: top; background-repeat: repeat-y; }
#content-wrapper { margin-left: 5px; margin-right: 5px; background-color: #FFF; }
h1 { height: 190px; background-image: url(/resources/images/header.jpg); background-position: top; background-repeat: no-repeat; text-indent: -1000em; }
h2 { color: #478dcb; font-size: 1.5em; margin-bottom: 10px; }

#column-wrapper { padding: 10px 15px 10px 15px; }

#left-column { float: left; width: 500px; margin-right: 20px; }
#left-column { color: #666666; }
#left-column p { margin-bottom: 10px; font-size: 1.1em; line-height: 1.5em; padding-left: 2px; padding-right: 2px; }
#left-column ul{font-size:1.1em; margin:0 0 15px 18px; list-style:square;}
#left-column ol{font-size:1.1em; margin:0 0 15px 18px;}

#right-column { float: left; width: 200px; padding-top: 10px; }
#right-column { color: #666666; }
#right-column p { margin-bottom: 10px; text-align: right; font-size: 1.1em; }
.homepage-column a, #right-column a { color: #478dcb; }
.homepage-column a:hover, #right-column a:hover { color: #666666; }
.homepage-column ul, #right-column ul { list-style-type: none; background-color: #f5f8fc; margin-bottom: 9px; }
.homepage-column ul li, #right-column ul li { border-top: 1px solid #FFF; border-bottom: 1px solid #dae8f5; padding: 5px 15px 5px 15px; font-size: 1.1em; font-weight: bold; }
.button { background-color: #c1e2ff; border: 1px solid #7d7d7e; color: #666666; font-size: 1.1em; padding: 1px 5px 1px 5px; }

.homepage-column p { font-size: 1.1em; padding-left: 2px; padding-right: 2px; }
.homepage-column { float: left; width: 500px; padding-bottom: 20px;}
.homepage-column { color: #666666; }
.homepage-column-middle { margin-left: 30px; margin-right: 30px; }

#footer { background-color: #9da0ae; background-image: url(/resources/images/footer.jpg); background-position: top; background-repeat: no-repeat; padding: 65px 16px 10px 16px; color: #e2e3e7; text-align:right; }


.text { padding: 1px; border: 1px solid #666; }
#login, #new { background-color: #f5f8fc; padding: 10px 15px 10px 15px; font-size: 0.9em; margin-bottom: 9px; border-bottom: 1px solid #dae8f5; border-top: 1px solid #FFF; }
#login {position:relative; padding-bottom: 0; border-bottom: 1px solid #e0eaf7; }
#new { padding-bottom: 13px;}
#login h2, #new h2 { color: #666666; }
#new p { text-align: left; }
#login label { margin-bottom: 1px; display: block; }
#login input { margin-bottom: 10px; }
#login .text { width: 165px; }
#login p.forgotPassword{ text-align: left; font-size:10px;}

.courses { border-collapse: collapse; font-size: 1.1em; width: 100%; margin-bottom: 10px; }
.courses a { color: #478dcb; }
.courses a:hover { color: #666666; }
.courses td { padding: 5px 5px 5px 5px; border-bottom: 1px solid #FFF; }
.courses .odd-row { background-color: #f5f8fc; }
.courses .even-row td { background-color: #fafbfd; }
.courses .title { font-size: 1.1em; border-right: 1px solid #FFF; }
.courses .take { width: 100px; }
.courses .take a { display: block; background-color: #c1e2ff; border: 1px solid #7d7d7e; color: #666666; padding: 2px 8px 2px 8px; text-decoration: none; text-align: center; }

.results { border-collapse: collapse; font-size: 1.1em; width: 100%; margin-bottom: 10px; }
.results td { padding: 5px 5px 5px 5px; border-bottom: 1px solid #FFF; }
.results .odd-row { background-color: #f5f8fc; }
.results .header { background-color: #dae8f5; font-weight: bold; }
.results .even-row td { background-color: #fafbfd; }
.results .title { font-size: 1.1em; border-right: 1px solid #FFF; }
.results .date { font-size: 1.1em; width: 200px; }
.results .take a { display: block; background-color: #c1e2ff; border: 1px solid #7d7d7e; color: #666666; padding: 2px 8px 2px 8px; text-decoration: none; text-align: center; }
.results .incorrect, .results .correct { font-size: 1.1em; width: 100px; font-weight: bold; }
.results .incorrect { color: #C00; }
.results .correct { color: #090; }

.question { border-collapse: collapse; font-size: 1.1em; width: 100%; margin-bottom: 10px; margin-top: 10px; }
.question td { padding: 5px 5px 5px 5px; border-bottom: 1px solid #FFF; }
.question .number { font-size: 1.5em; font-weight: bold; width: 6%; text-align: center; border-right: 1px solid #FFF; }
.question .title { font-size: 1.1em; }
.question .letter { font-size: 1.1em; font-weight: bold; width: 6%; text-align: center; border-right: 1px solid #FFF; }
.question .blank { width: 6%; }
.question .answer { font-size: 1.1em; border-right: 1px solid #FFF; }
.question .field { width: 6%; text-align: center; }
.question .next { text-align: right; background-color: #dae8f5; }
.question .number, .question .title { background-color: #dae8f5; font-weight: bold; }
.question .odd-row .letter, .question .odd-row .answer, .question .odd-row .field { background-color: #fafbfd; }
.question .even-row .letter, .question .even-row .answer, .question .even-row .field { background-color: #f5f8fc; }

.register { border-collapse: collapse; font-size: 1.1em; width: 100%; margin-bottom: 10px; }
.register td { padding: 5px 5px 5px 5px; border-bottom: 1px solid #FFF; }
.register .odd-row td { background-color: #fafbfd; }
.register .even-row td { background-color: #f5f8fc; }
.register .text { width: 300px; }
.register .label { border-right: 1px solid #FFF; width: 50%; padding-right: 10px; text-align: right; font-weight: bold; }
.register .more-info { font-weight: bold; padding-top: 10px; padding-bottom: 10px; text-align: center; }
.register .more-info label { margin-right: 15px; margin-left: 5px; font-weight: normal; }
.register .more-info input { margin-top: 5px; }
.register .button-row { background-color: #dae8f5; text-align: right; }

#begin-course { text-decoration: none; padding: 2px 15px 2px 15px; }

a#register-button { text-decoration: none; padding: 2px 8px 2px 8px; font-size: 1.2em; color: #666666; }
.error { color: #bc0720; font-weight: bold; }

#download-literature { text-decoration: none; padding: 2px 15px 2px 15px; }

/**** SUB CONTENT ****/
.subContent h3{margin:0 0 4px 0;}
.subContent a{color:#6F6F6F;}

#left-column .subContent ul{list-style:none;margin:0; padding:0;}
#left-column .subContent ul li a{display:block; padding:6px 10px; background:#F5F8FC; color: #478dcb;text-decoration:none;font-weight: bold;border-top: 1px solid #FFF; border-bottom: 1px solid #dae8f5;}
#left-column .subContent ul li a:hover{color:#666;}

#left-column .contentList ul{list-style:square; margin:0 0 0 15px;}
#left-column .contentList ul li{font-size:1.1em;font-weight: bold; padding:4px;}
#left-column .contentList ul li a{text-decoration:none; padding:0; background:none; border:0px; color:#666;}
#left-column .contentList ul li a:hover{text-decoration:underline;}

.pageDocument{padding:10px;background:#F5F8FC;font-size:1.1em;line-height:16px;}
.pageDocument img{float:left; display:inline; padding:0 6px 0 0;}
.pageDocument a{color:#6F6F6F; text-decoration:none;}
.pageDocument a:hover{text-decoration:underline;}

.errorMsg{color:#ff0000;}




.cms-column ul, .cms-column li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	display: inline;
}

.cms-column a { 
	border-top: 1px solid #FFF;
	border-bottom: 2px solid #dae8f5; 
	font-weight: bold;
	background: #f5f8fc;
	float: left;
	overflow: hidden;
	height: 30px;
	width: 152px;
	font-size: 1.3em;
	padding: 15px 10px 5px 10px;
	margin: 0px 8px 8px 0px;
}

.cms-column img {
	margin-top: -10px
}

.cms-column li a:hover { 
	border-bottom-color: #C0E0FC;
	color: #000;
}

.cms-column a {
	color: #666;
	text-decoration: none;
	display: block;
}