/*
	dark blue: #4a6e90
	light blue: #7094b6
	light blue-grey: #e2eaf0
	green: #78904a
	gold: #b88548
	grey: #444444
	red: #980a00
	grey border: #b1b2b2
*/

html {
	background-color:#4a6e90;
	padding:0;
	margin:0;
}

div {
	line-height:22px;
	color:#444444;
	font-size:14px;
}

body {
	padding:0;
	margin:0;
	background-color:#4a6e90;
	font-family:Arial, Helvetica, sans-serif;
	width:100%;
}

p {
	color:#444444;
	line-height:22px;
	font-size:14px;
	margin-top:10px;
}

h1 {
	margin-top:10px;
	font-size:24px;
	font-weight:normal;
	line-height:38px;
	color:#444444;	
}

h2 {
	font-size:18px;
	color:#444444;
	margin-top:10px;
	font-weight:normal;
	line-height:24px;
}

h3 {
	font-size:18px;
	color:#444444;
	margin-top:10px;
	font-weight:normal;
	line-height:24px;
}

h4 {
	font-size:14px;
	font-weight:bold;
	margin-top:10px;
	color:#444444;
}

ul, ol {
	margin-top:10px;
	font-size:14px;
	color:#444444;
	list-style-type:square;
	margin-left:20px;
}

li {
	margin-top:0px;
	line-height:22px;
}

td {
	font-size:14px;
	vertical-align:middle;
}

th {
	vertical-align:middle;
}

address {
	font-size:14px;
	line-height:normal;
	font-weight:normal;
	color:#444444;
}

strong {
	font-weight:bold;
}

em {
	font-style:italic;
}

hr {
	background-color:#FFFFFF;
	color:#FFFFFF;
	border:none;
	border-top:1px solid #b88548;
	clear:both;
	margin:20px;
	padding:0;
}

sup {
	font-size:xx-small; 
	vertical-align:top;
}

a:link, a:visited, a:hover {
	color:#444444;
	text-decoration:underline;
}

a:hover {
	text-decoration:none;
}

input, label {
	display:block;
	color:#444444;
}

img {
	padding:5px;
}

dl {
	margin-left:10px;
}

dt {
	font-weight:bold;
	margin-top:10px;
	font-size:14px;
}

dd {
	font-size:14px;
	line-height:22px;
	margin-left:10px;
}

small {
	font-size:80%;
}


br.clear {
	clear:both;
	background-color:#FFFFFF;
	color:#FFFFFF;
	border:none;
	margin:0px;
	padding:0;
	height:1px;
}

div.clear {
	clear:both;
	
}

ul.big-checks {
	list-style-type:none;
}

ul.big-checks li {
	background-image:url('http://intellipass.com/images/big-check.gif');
	background-repeat:no-repeat;
	background-position:left top;
	padding-left:45px;
	padding-bottom:15px;
	font-size:18px;
}

ul.little-checks {
	list-style-type:none;
	margin-left:5px;
}

ul.little-checks li {
	background-image:url('http://intellipass.com/images/little-check.gif');
	background-repeat:no-repeat;
	background-position:left 5px;
	padding-left:25px;
	padding-bottom:5px;
	font-size:14px;
}

.option {
	float:left;
	width:280px;
	margin-top:10px;
}

.option li {
	margin-top:0px;
}

.clear {
	clear:both;
}

.important {
	color:#980a00;
}

.map {
	clear:both;
	padding-top:20px;
	display:block;
	margin:auto;
}

.products {
	font-size:14px;
	color:#444444;

	margin-top:20px;
}

.products thead tr th {
	font-size:16px;
	font-weight:bold;
	border-top:1px solid #b1b2b2;
	border-bottom:1px solid #b1b2b2;
	padding:5px;
	text-align:center;
	vertical-align:middle;
}

.products tr.even td {
	background-color:#e2eaf0;
}

.products tbody tr td {
	padding:5px;
	line-height:normal;
}

.center {
	text-align:center;
}
.right {
	text-align:right;
}

#header {
	height:100px;
	padding-left:20px;
}

#header h1 {
	float:left;
	padding-top:10px;
}

#header h1 a:link, #header h1 a:visited, #header h1 a:hover {
	color:#FFFFFF;
	text-decoration:none;
/*	font-family:Georgia, "Times New Roman", Times, serif;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:48px;
}

#login {
	float:right;
	width:200px;
}

#login h4 {
	color:#FFFFFF;
}

#login input {
	margin-top:5px;
}

#nav-background {
	background-color:#7094b6;
	height:35px;
	margin-top:0px;

}

#nav {
	height:42px;
	margin-top:-42px;
	
}

#nav ul, #nav ol {
	list-style-type:none;
	margin:0;
	margin-left:20px;

}

#nav li {
	padding-left:15px;
	padding-right:15px;
	margin-top:13px;
	line-height:15px;
}

#nav a:link, #nav a:visited, #nev a:hover {
	color:#FFFFFF;
	font-size:18px;
}

#active a:link, #active a:visited, #active a:hover {
	color:#b88548;
	display:block;
	/*background-image:url('http://intellipass.com/images/right-corner.gif');
	background-repeat:no-repeat;
	background-position:top right;*/
	height:25px;
	margin-top:-10px;
	padding-left:10px;
	padding-right:10px;
	padding-top:13px;
	float:left;
	
}

li#active {
	background-color:#FFFFFF;
	height:30px;
	margin-top:0px;
	padding:0;	
	padding-top:10px;
	/*background-image:url('http://intellipass.com/images/left-corner.gif'); 
	background-repeat:no-repeat;*/
}

#nav ul {
	float:left;
}

#nav ul li {
	float:left;
	padding-bottom:2px;
}

#nav ol {
	float:right;
	padding-right:20px;
}

#nav ol li {
	float:right;
	padding-bottom:2px;
}

#footer {
	background-color:#7094b6;
	padding-top:5px;
	padding-left:10px;
	clear:both;
	color:#FFFFFF;
	padding-bottom:5px;
}


#footer table {
	vertical-align:middle;
	margin:auto;
}

#footer p {
	margin-top:0;
	font-size:12px;
	padding-right:10px;
	text-align:right;
	
}

#footer h2 {
	margin:0;
}

#footer a:link, #footer  a:visited, #footer a:hover {
	color:#ffffff;
}

#footer * {
	color:#FFFFFF;
}

#side-nav {
	float:left;
	border-right:1px solid #b1b2b2;
	padding-right:10px;
	width:220px;
	background-color:#FFFFFF;
	padding-left:10px;
	margin-top:20px;
}

#more-nav {
	margin-top:30px;
}

#tablist{
	padding: 0 0 5px 0;
	margin:20px 0 0 0;
}

#tablist li{
	list-style: none;
	display: inline;
	margin: 0;
}

#tablist li a{
	text-decoration: none;
	margin-right: 3px;
	padding:5px;
	border: 1px solid #b1b2b2;
	border-bottom: none;
	background: white;
	font-size:18px;
	color:#444444;
}

#tablist li a:link, #tablist li a:visited{
	color:#444444;
	
}

#tablist li a:hover{
	border: 1px solid #980a00;
	border-bottom: none;
}

#tablist li a:link.current, #tablist li a:visited.current, #tablist li a:hover.current{
	background: #980a00;
	color:#FFFFFF;
	border:1px solid #980a00;
}

#wrapper {
	background-color:#FFFFFF;
}

#content, #content-big {
	background-color:#FFFFFF;
	padding-top:10px;
	padding-left:10px;
	padding-right:15px;
	padding-bottom:0px;
	float:right;
	width:620px;
}

#content-big {
	float:none;
	width:auto;
	padding-left:20px;
}

#banner {
	background-color:#e2eaf0;
	border:1px solid #b1b2b2;
	width:515px;
	margin-top:10px;
	padding:10px;
	float:left;
}

#banner h1 {
	text-align:center;
	
}

#banner table {
	margin:auto;
	margin-top:10px;
}

#banner td {
	padding:10px;
	vertical-align:middle;
}

.button {
	background-image:url('http://intellipass.com/images/button-bg.gif');
	height:42px;
	border:1px solid #b1b2b2;
	width:165px;
}

.button a:link, .button a:visited, .button a:hover {
	color:#FFFFFF;
	font-size:18px;
	text-align:center;
	display:block;
	padding-top:10px;
	text-decoration:none;
}
.button a:hover {
	text-decoration:underline;
}


.button2 {
	background-color:#980a00;
	border:1px solid #b1b2b2;
	width:100px;
	margin-right:10px;
	margin-top:8px;
	margin-bottom:8px;
}

.button2 a:link, .button2 a:visited, .button2 a:hover {
	color:#FFFFFF;
	font-size:18px;
	text-align:center;
	display:block;
	padding-top:10px;
	text-decoration:none;
	padding-bottom:10px;
}
.button2 a:hover {
	text-decoration:underline;
}

#index-checks {
	float:right;
	width:305px;
}

#more-links {
	float:left;
	font-weight:bold;
}

#select-location {
	margin:auto;
	margin-top:30px;
	margin-bottom:30px;
	border:1px solid #b1b2b2;
	background-color:#980a00;
	padding:10px;
	width:500px;
}

#select-federal-way {
	float:left;
	margin-left:20px;
}

#select-vancouver {
	float:right;
	margin-right:20px;
}

#select-location li {
	color:#FFFFFF;
}

#select-location h2 {
	color:#FFFFFF;
	margin-top:0;
}

#select-location a:link, #select-location a:visited, #select-location a:hover {
	color:#FFFFFF;
}

h2.title {
	background-color:#b88548;
	border:1px solid #b1b2b2;
	color:#FFFFFF;
	padding:5px;
}


#weekday, #weekend {
	clear:both;
	border:1px solid #980a00;
	padding:10px;
}

.left-dates {
	padding-left:80px;
	float:left;
	list-style-type:none;
	font-weight:bold;
	padding-right:20px;
}

.right-dates {
	float:left;
	list-style-type:none;	
	font-weight:bold;
	padding-bottom:10px;	
}


#select-schedule .button {
	float:left;
	margin-left:90px;
	margin-top:10px;
}

#courses {
	margin-top:20px;
}

#courses hr {
	margin:7px;
	border-top:1px solid #b1b2b2; 
}

.course td {
	vertical-align:top;
	text-align:center;
}

.course th {
	vertical-align:middle;
	text-align:center;
	font-weight:bold;
	font-size:14px;
	color:#444444;
}
.course h2 {
	margin:0;
	padding:0;
	text-align:left;
}

#course-list tr td {
	vertical-align:middle;
}

tr.course-odd td, tr.course-odd th{
	background-color:#e2eaf0;
}

div.odd {
	background-color:#e2eaf0;
}

td.passed a:link, td.passed a:visited, td.passed a:hover{
	color:#78904a;
}

td.failed a:link, td.failed a:visited, td.failed a:hover{
	color:#980a00;
}

#answer {
	line-height:22px;
	margin-top:15px;
}

ol#answers {
	list-style-type:upper-alpha;
}

#answers li {
	margin-bottom:5px;
}

#question-position {
	float:right;
}

#question {
	margin-top:20px;
}

#question ol {
	list-style-type:upper-roman;
}

#explanation {
	font-size:14px;
	line-height:22px;
	margin-top:10px;
	border-top:1px solid #b1b2b2;
	padding-top:10px;
}

.correct {
	color:#78904a;
	font-weight:bold;
}

.incorrect {
	color:#980a00;
	font-weight:bold;
}

#sub-nav {
	margin-top:-5px;
}

#sub-nav h2 {
	float:right;
	margin-top:0;
}

#bottom-nav  p {
	font-size:10px;
	margin-top:0;
}

#inline-nav {
	list-style-type:none;
	margin-left:0;
	margin-top:30px;
	font-size:18px;
	font-weight:normal;
}

#inline-nav li {
	display:inline;
	padding-right:10px;
	text-align:center;
}

#lesson-content {
	padding:10px;
}

.error {
	color:#980a00;
	font-weight:bold;
}

a.study-guide {
	color:#8f5c1f;
	font-weight:bold;
}

#explanation table td {
	padding:5px;
	vertical-align:top;
}

#explanation table th {
	padding:5px;
	font-weight:bold;
}

#explanation ul {
	margin-bottom:10px;
}