/* general page styles */
body, body div, body p, body th, body td, body li, body dd {
	color: #000000;
	font-family: verdana, arial, sans-serif;
	line-height: 1.25em;
}

body {
	background-color: #FFFFFF;
	margin: 0;
}

a, a:link { color: #0000ff; padding: 0 2px; text-decoration: underline; }
a:visited { color: #8800ff; }
a:active { color: #8800ff; }
a:hover { color: #2200ff; background-color: #eee; }

img { border: none; }
form { padding: 0; margin: 0; }
li { margin-top: 0.35em; margin-bottom: 0.35em; }
.note { font-size: 75%; font-style: normal; }
.quote { font-style: normal; }
.author { text-align: right; }
.clear { clear: both; font-size: 1px; height: 1px; border: none; margin: 0; padding: 0; background: transparent; }
.error { background-color: #ccc; color: #f00; font-weight: bold; margin: 0.5em; padding: 0.5em; }
.error-red { background-color: #FF6666; color: #000; font-weight: bold; margin: 0.5em; padding: 0.5em; }
.black { color: #000  !important; }
.grey { color: #888 !important; }
.red { color: #D70124 !important; }
.blue { color: #1F376B !important; }
.shaded { background-color: #ECE4AE; padding: 4px; margin: 0 0 4px; line-height: normal; }
.required { background-color: #ff9e96; }
.disabled { }
.invisible { display: none; }
.verticaltext { writing-mode: tb-rl; filter: flipv fliph; text-align: left !important; vertical-align: bottom !important; }
.reg { font-size: 40%; }
.spoken { font-weight: normal; }
hr { height: 1px; border: none; border-bottom: 1px solid #000000; }
address { font-size: 90%; margin: 0 2em 0.5em; padding: 0; line-height: normal; font-style: normal; }
.highlight { border: 1px solid black !important; background-color: #ff9 !important; padding: 0.5em !important; margin: 1em !important; }
.highlight * { border: none !important; background: none !important; margin: 0 !important; padding: 0 !important; }
.changed { }
.highlight2 { background-color: #ff0; }
.footnote { font-size: 8pt !important; }
p.prep_red, p.prep_yellow, p.prep_green { border: 1px solid #000; background-color: #aaa; padding: 0.5em 1em !important; margin: 0.5em 1em !important; }
p.prep_red { color: #D70124 !important; }
p.prep_yellow { color: #ffd701 !important; }
p.prep_green { color: #01d724 !important; }


.sidebar { width: 40%; float: right; margin: 1em 0 1em 1em; padding: 1em; background-color: #ccc; border: 1px solid #000; }

ol.breadcrumbs { color: #000; padding: 0; margin: 0 0 0.5em 0.5em; font-size: 90%; text-align: left; list-style-position: inside; }
ol.breadcrumbs li { margin-left: 0.5em; padding: 0; }
ol.breadcrumbs li a { font-weight: normal !important; font-size: 90% !important; }
ol.breadcrumbs li.future, ol.breadcrumbs li.future a { }
ol.breadcrumbs li.current { background-color: #aaa; }
ol.breadcrumbs li.current, ol.breadcrumbs li.current a { font-weight: bold !important; }
ol.breadcrumbs li.past, ol.breadcrumbs li.past a { }

/* top */
#banner { background: url("/style/bar2.gif") bottom left repeat-x; border-bottom: 1px solid #000000; height: 95px; }
#banner2 { background: url("/style/bar2.gif") bottom left repeat-x; border-bottom: 1px solid #000000; height: 35px; position: absolute; top: 60px; left: 0; }
.no_bottom { background: none !important; }

#logo a { text-decoration: none !important; margin: 2px 0 0 2px; padding: 0; font-size: 25px; font-family: verdana, arial, sans-serif; font-weight: bold; line-height: normal; }
#logo p { margin: 0 0 0 2px; padding: 0; font-size: 80%; line-height: normal; font-weight: bold; }
#logo a .red { color: #1F376B !important; }

#phone { padding: 2px; text-align: center; line-height: normal; white-space: nowrap; }
#phone .first_line { font-size: 12px; font-weight: bold; }
#phone .second_line { font-size: 18px; font-weight: 900; }
#phone .third_line { font-size: 10px; font-weight: bold; }

#logo2 { float: left; position: absolute; top: 0; left: 80px; }
#logo2 a { text-decoration: none !important; margin: 2px 0 0 2px; padding: 0; font-size: 25px; font-family: verdana, arial, sans-serif; font-weight: bold; line-height: normal; }
#logo2 p { margin: 0 0 0 2px; padding: 0; font-size: 80%; line-height: normal; font-weight: bold; }
#logo2_extra { padding: 2px; text-align: center; line-height: normal; white-space: nowrap; width: 200px; float: right; position: absolute; top: 0; right: 80px; }
#logo2_extra .first_line { font-size: 12px; font-weight: bold; }
#logo2_extra .second_line { font-size: 18px; font-weight: 900; }
#logo2_extra .third_line { font-size: 10px; font-weight: bold; }
#left_image { float: left; position: absolut; top: 0; left: 0; }
#right_image { float: right; position: absolut; top: 0; right: 0; }

/* default tabs */
#nav { font-size: 12px; line-height: normal; margin: 0; padding: 0; }
#nav br { clear: left; }
#nav ul { margin: 0; padding: 0 4px; list-style: none; }
#banner2 #nav ul { margin-left: 80px; }
#nav li { display: inline; margin: 0; padding: 0; }
#nav a { float: left; background: url("/style/tab2_left.gif") top left no-repeat; margin: 0 1px 0 0 ; padding: 0 0 0 3px; }
#nav span { float: left; display: block; background: url("/style/tab2_right.gif") top right no-repeat; padding: 4px 10px 10px 7px; }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#nav span { float: none; }
/* End IE5-Mac hack */
#nav a { font-weight: bold; text-decoration: none; }
#nav span { }
#nav a:hover { background: url("/style/tab2_left_on.gif") top left no-repeat; }
#nav a:hover span { background: url("/style/tab2_right_on.gif") top right no-repeat; }

/* rounded tabs */
#nav .rounded { margin-bottom: 4px; }
#nav .rounded a { background: url("/style/round_left.gif") top left no-repeat; padding-left: 14px; }
#nav .rounded span { background: url("/style/round_right.gif") top right no-repeat; padding: 7px 14px 10px 0; }
#nav .rounded a:hover { background: url("/style/round_left_on.gif") top left no-repeat; }
#nav .rounded a:hover span { background: url("/style/round_right_on.gif") top right no-repeat; }

/* side columns */
#left, #right { width: 180px; margin: 0; padding: 0; }
#left { border-right: 3px double #888; }
#right { border-left: 3px double #888; }
#left p, #right p { font-size: 80%; margin-left: 4px; margin-right: 4px; }
#left h2, #right h2 { font-size: 100%; margin: 2px 0; padding: 0; text-align: center; }
#left h2 a, #right h2 a, #left li a { font-size: 100%; }
#left a, #right a { font-size: 80%; margin: 2px 0; padding: 0; }
#left a { text-align: center; font-weight: bold; }
#left a img, #right a img { text-decoration: none; }
#left a:hover, #right a:hover { background-color: #C7CDDC;  }
#left form, #right form { white-space: nowrap; text-align: right; }
#left label, #right label { font-size: 80%; padding-right: 0.5em; }
#left input.field, #right input.field { width: 60px; }
#left .shaded, #right .shaded { border: 1px solid #000; }

.course { text-align: center; display: block; margin: 0 0 5px 0; }
.course a { margin: 0; padding: 0; }
.course img, .course embed { margin: 4px; padding: 0; border: 0; }
.course a:hover img { FILTER: Gray; -moz-opacity: 0.5; }
.course h2 { font-size: 100%; margin: 0; padding: 0; }
.course ul, .course ol { font-size: 100%; line-height: normal; margin: 0 4px 0 3em; padding: 0; text-align: left; }
.course ul li, .course ol li { margin: 0; padding: 2px 0; }
.course table { border-collapse: collapse; }
.course table th { font-weight: bold; text-align: center; vertical-align: middle; padding: 4px; }
.course table td { text-align: left; vertical-align: top; padding: 4px; }
.course table td.number { text-align: right; }
.course table.stats th { border: 1px solid #888; border-bottom-color: #000; }
.course table.stats td { border: 1px solid #888; }

.surround { margin: 4px; padding: 0; border: 3px #000 double; }
.surround h2 { background-color: #fff; }
.surround h3 { background-color: #fff; font-size:12px; padding:4px 0 3px 3px; margin:0px 0 0 0;}
.surround p { margin: 0.5em; }
.surround ul, .surround ol ul {
		list-style: bullet;
		margin: 3px 0 5px 0;
		padding-left: 1em;
		text-indent: 0em;
		font-weight:normal;
		}
.surround li { font-size: 11px;  margin: 0 0 3px 0; padding: 0em; line-height: normal; text-align: justify; font-weight:normal;}
.ad { margin: 4px; padding: 0; border: 1px #000 solid; font-size: 80%; background-color: #ECE4AE; }
.ad a { color: #000 !important; text-decoration: none; font-weight: bold; }
.ad a:hover { background: none !important; }
.ad a.email_ad, a.email_ad { color: #000 !important; text-decoration: none; font-weight: bold; display: block; background-color: #ff0; border: 2px solid #ff0; padding: 5px 2px; font-size: 11px; }
.ad a.email_ad:hover, a.email_ad:hover { background-color: #ff0 !important; border-color: #f00; }

/* center column */
#content { padding: 0.5em 0; margin: 0; }
#content h1 { font-size: 125%; margin: 4px; padding: 4px; font-weight: bold; line-height: normal; text-align: left; }
#content h1.big { font-size: 160%; }
#content h2 { font-size: 110%; margin: 4px; padding: 4px; font-weight: bold; line-height: normal; text-align: left; border-bottom: 3px double #000; color: #000; }
#content h3 { font-size: 110%; margin: 4px; padding: 4px; font-weight: bold; line-height: normal; text-align: left; color: #000; }
#content h4 { font-size: 100%; margin: 4px; padding: 4px; font-weight: normal; line-height: normal; text-align: center; color: #000; }
#content p { font-size: 90%;  margin: 0; padding: 0 0.5em 1.0em; line-height: normal; min-width: 10em; text-align: justify; }
#content ul, #content ol { margin-top: 0; margin-bottom: 1em; padding-top: 0; padding-bottom: 0;}
#content li { font-size: 90%;  margin: 0; padding: 0 0.5em; line-height: normal; text-align: justify; }
table.layout { margin: 0; padding: 0; }
table.layout tr td { font-size: 100%; margin: 0; padding: 0; text-align: left; }

.menu_choice { width: 70%; background-color: #eee; padding: 1em; margin: 1em; }

/* customer testimonials */
#testimonials { background-color: #eee; height: 5em; width: 350px; padding: 3px; }
#testimonials h3 { font-size: 80%; margin: 2px 0; padding: 0; font-weight: normal; line-height: normal; font-style: italic; background: none; border: none; color: #000; }
#testimonials p { font-size: 75%; font-weight: bold; line-height: normal; margin: 0; padding: 0; font-style: normal !important; }

#left .testimonials { background-color: #eee; height: 6em; width: 150px; padding: 3px; }
#left .testimonials p { font-size: 70%; font-weight: bold; line-height: normal; margin: 0; padding: 0; }

/* bottom */
#bottom { clear: both; border-top: 1px solid #000; }
#copyright { color: #888; font-size: 60%; text-align: right; float: right; }
#bottom_menu { text-align: center; padding: 0.5em 0; margin: 0 200px; font-size: 80%; }

/* buttons */
a.red_button, a.blue_button {
	display: block; margin: 2px; padding: 0; width: 100px; height: 2.2em; line-height: normal;
	text-align: center; color: #fff !important; font-size: 125%; font-weight: bold;
	border: 3px outset #888; text-decoration: none;
}
a.big_button { height: 3.3em !important; }
a.red_button .small, a.blue_button .small { font-size: 75%; }
a.red_button { background-color: #D70124; filter: progid:DXImageTransform.Microsoft.Gradient(enabled='true',startColorStr=#ff9e96,endColorStr=#D70124,gradientType=0); border-color: #D70124; }
a.blue_button { background-color: #1F376B; filter: progid:DXImageTransform.Microsoft.Gradient(enabled='true',startColorStr=#717ec5,endColorStr=#1F376B,gradientType=0); border-color: #717ec5; }
a.red_button:hover, a.blue_button:hover { border: 3px inset #666; }
a.red_button:hover { background-color: #A60030; filter: progid:DXImageTransform.Microsoft.Gradient(enabled='true',startColorStr=#D70124,endColorStr=#A60030,gradientType=0); border-color: #A60030; }
a.blue_button:hover { background-color: #002463; filter: progid:DXImageTransform.Microsoft.Gradient(enabled='true',startColorStr=#5d68ac,endColorStr=#002463,gradientType=0); border-color: #5d68ac; }

/* slides */
#slide_holder { }
#slide_holder p { color: #000; }
.slide { visibility: hidden; display: none; }

/* user input tables */
form table { border: 3px double #000; border-collapse: collapse; margin: 1em; padding: 0; }
form table tr { }
form table tr.top { border-bottom: 1px solid #000; }
form table tr th { text-align: right; vertical-align: top; font-weight: normal; font-size: 80%; margin: 0; padding: 4px 2px 2px; }
form table tr.top th { text-align: center; vertical-align: top; font-weight: bold; font-size: 80%; margin: 0; padding: 2px; }
form table tr th.over { text-align: left; }
form table tr td { text-align: left; vertical-align: top; font-size: 80%; margin: 0; padding: 4px 2px 2px; }
form table tr td textarea { width: 25em; height: 10em; }
form table tr td input.long_field { width: 30em !important; }
form table tr td input.field { width: 15em !important; }
form table tr td input.med_field { width: 6em !important; }
form table tr td input.short_field { width: 3em !important; }
form table tr td select.long_field { width: 30em !important; }
form table tr td select.field { }
form table tr td.number { text-align: right; white-space: nowrap; }
form table tr td.action { text-align: center; }

table.course_choice { border: 0px solid #000; border-collapse: collapse; margin: 1em; padding: 0; }
table.course_choice tr { }
table.course_choice td { font-size: 100%; text-align: center; vertical-align: top; margin: 0; padding: 0.5em; }

table.prices { background-color: #eee; border: 1px solid #000; border-collapse: collapse; margin: 1em; padding: 0; }
table.prices tr { }
table.prices tr th { text-align: left; font-weight: bold; font-size: 90%; margin: 0; padding: 4px; }
table.prices tr td { font-size: 80%; margin: 0; padding: 4px; text-align: justify; }
table.prices tr td.label { padding-left: 2em; }
table.prices tr td.label2 { padding-left: 4em; }
table.prices tr td.desc { padding-left: 2em; }

table.states { margin: 1em; padding: 0; }
table.states tr { }
table.states tr td { font-size: 80%; margin: 0 0 1.5em; padding: 4px; text-align: justify; vertical-align: top; }

table.data { border-collapse: collapse; margin: 0.25em 1em; padding: 0; }
table.data tr { page-break-before: avoid; }
table.data tr.odd { background-color: #fff; }
table.data tr.even { background-color: #ddd; }
table.data tr.even2 { background-color: #ECE4AE; }
table.data tr th, table.data tr.bottom td, table.data tr.top td { font-size: 90%; margin: 0; padding: 4px; text-align: center; vertical-align: middle; font-weight: bold; background-color: #ccc; border-bottom: 3px double #000; }
table.data tr.bottom th, table.data tr.bottom td { border-bottom: none; border-top: 3px double #000; }
table.data tr td { font-size: 80%; margin: 0; padding: 4px; text-align: left; vertical-align: top; }
table.data tr td.date { text-align: center; }
table.data tr td.number, table.data tr th.number { text-align: right; }
table.data tr td.bar { text-align: left; white-space: nowrap; }
table.data tr td.note, table.data tr th.note { font-weight: normal; font-size: 65%; }

table.grid { border-collapse: collapse; }
table.grid td { border: 1px solid #000; margin: 0; }

.graph_bar { display: block; height: 10px; border: 1px solid #000; background-color: #999; }

/* tests */
div.question { background-color: #eee; border: 3px double #000; margin: 1em 3em; padding: 0.5em; }
div.question img { float: right; margin: 4px; }
div.question p { font-size: 100%; }
div.question form { margin-left: 3em; font-size: 90%; }
div.question label { }
div.question .correct { font-weight: bold; }

/* for floating navigation */
span#contentheader {
position: fixed;
cursor: pointer;
right: 5px;
top: 10px;
padding: 5px;
}


span#contentheaderopen {
position: fixed;
border: solid 1px silver;
background-color: whitesmoke;
width: 200px;
height: 300px;
right: 5px;
top: 10px;
padding: 5px;

}

.contentheaderopen {
position: fixed;
border: solid 1px silver;
font-family: georgia, helvetica, arial;
background-color: whitesmoke;
width: 240px;
min-height: 170px;
right: 5px;
top: 10px;
padding: 5px;
font-weight:bold;
filter: alpha(opacity=90);
-moz-opacity:.90;
opacity:.80;}
}

.inner {
display:table-cell;
vertical-align:bottom;
}
.highlight { background: none !important; border: none !important; margin: 0 !important; padding: 0 !important; }
.changed_0208 { background-color:#0f0 !important; border:none !important; margin:0 !important; padding:0 !important; }

.green { color: green;}