/* ---------------------- */
/* --- RESET ELEMENTS --- */
/* ---------------------- */

body, h1, h2, h3, h4, h5, h6, 
p, ul, ol, li, td, hr, img, form {
 margin: 0;
 padding: 0; 
 border: 0;}

table {
 border-collapse: collapse;}
 
/* ---------------------------- */
/* --- LAYOUT & POSITIONING --- */
/* ---------------------------- */

#frame {
 width: 770px;}

#head {
 height: 90px;}

#head img {
 float: left;}
 
#main {
 width: 100%}

#main,
#side {
 padding-top: 15px;
 vertical-align: top;}
	
#side .vnav1,
#side .search,
#side img  {
 width: 198px;
 margin: 0 15px 15px 10px;}
 
#side .vnav1 ul li {
 margin-bottom: 7px;} 
 
#foot {
 padding: 0 0 0 210px;}

#nav ul {
 width: 100%;
 margin: 0 0 0 210px;
 list-style-type: none; }

#nav ul li {
 display: inline; }

#nav ul li a {
 font-size: 14px;
 font-weight: bold; 
 text-decoration: none;
 float: left;
 padding: 0 15px;
 line-height: 24px;}
 
.head1 h1,
.head2 h2 {
 float: left;
 padding: 7px 15px;}

.head1 a {
 float: right;
 margin-top: 7px;
 padding: 7px 15px;
 font-size: 12px; 
 font-weight: bold; }

.head1 a.border-left {
 border-left: 1px solid #FF9F9F; }

.head2 h2 {
 font-size: 18px;
 font-weight: normal;}

.head2 .links {
 float: right;
 padding: 2px 5px; }

.head2 .links a {
 margin-left: 0px; }
 
.head2 {
 margin-top: 1px;}

.results {
 width: 98%;
 margin-bottom: 5px;}

.results td, 
.results th {
 vertical-align: top;
 padding: 7px 10px;}
 
#message {
 float: left; 
 width: 320px; 
 margin-top: 7px;
 margin-left: 15px; 
 padding: 5px; }
 
.headshot,
.photo-placeholder {
 width:115px;
 height:150px;
 float:left;
 margin: 0 10px 7px 0;}

.image-right {
 width:220px;
 float:right;
 clear:right;
 margin: 5px 0 10px 20px;}

.image-right .caption {
 font-size: 12px;
 margin-top: 5px;
 text-align: center;
 font-weight: bold;}

.help {
 width: 270px; }
 
div.tip {
 margin-bottom: 15px; }

span.tip {
 padding-left: 7px; }
 
.form {
 padding: 10px;
 margin-bottom: 10px;}

.form fieldset {
 padding: 10px 15px;
 margin: 10px 0px; }

.form fieldset fieldset {
 margin: 15px 0;}

.form legend {
 margin-top: 0; 
 margin-bottom: 5px;}

.form label {
 margin-top: 10px;}
 
.form label.radio,
.form label.checkbox {
 padding: 0 10px 0 0;
 background-color: transparent;
 float: left;}

.form input.input,
.form select.select,
.form select.multiple,
.form textarea.textarea,
.form textarea.no-editor {
 display: block; 
 margin-top: 3px; 
 margin-bottom: 15px;}
 
.form input.input,
.form textarea.textarea,
.form textarea.no-editor {
 width: 90%;
 padding: 3px;}

.form .mceEditor {
 margin-top: 3px;}

.form .mceEditor select {
 margin-left: 3px;
 padding: 1px 0;
 border: 0px solid;}

.form input.radio,
.form input.checkbox {
 display: block; 
 clear: both;
 float: left;
 width: auto;
 margin: 0 5px 0 0;}
 
.form input.head2mit {
 float: left;
 margin-right: 5px;
 font-size: 14px; }

.form fieldset input.head2mit {
 margin-left: 10px;}

.form img {
 margin: 5px 0;}
 
#login,
#feedback {
 float: left; 
 width: 245px; 
 margin-top: 8px;
 margin-left: 7px;}

#login .form {
 padding: 0;
 margin-bottom: 0;}

#login label {
 margin-top: 3px; 
 margin-bottom: 5px;
 font-size: 12px;}

#login .form input.input {
 width: 87%;
 margin: 2px 5px 4px 0; }

#feedback h3,
#feedback p {
 margin: 0px;}

.search .form {
 margin: 10px 10px 20px 10px;
 padding: 0;
 border: 0;}

.search .form input.input {
 margin-bottom: 5px; 
 width: 90%;}

.search .form input.head2mit {
 margin-left: 0;}

.search .form .tip {
 margin-bottom: 5px;}

/* ------------------------ */
/* --- COLORS & BORDERS --- */
/* ------------------------ */

/* white */
td#foot,
td#foot a {
 color: #FFFFFF;}

/* white bg */
body {
 background-color: #FFFFFF;}

/* black */
legend,
.tip strong {
 color: #000000;}

/* ALA red */
.color-b {
 color: #FF1010;}

td#foot {
 border-top: 3px solid #FF1010;}
 
/* light red bg */
.back-f,
.vnav2 h3 { 
 background-color: #F4CCCC;}
 
/* lighter red bg */
.back-g,
.vnav2 { 
 background-color: #FBEEEE; }

/* dark red */
.color-c, 
.help h3,
#message h3,
.head2,
.certification,
.training,
.entry table td.rhead,
.speakers strong,
.location,
.author,
.links a,
.links a:visited,
.tip,
.tip a, 
.paginate,
.contact,
.contact a,
a.question {
 color: #BF1010; }
 
/* dark red bg */
.back-e,
#nav,
td#foot { 
 background-color: #BF1010;}
 
/* ATSish blue */
.color-c, 
a,
a.tip:visited,
a.question:hover,
.head1 a:visited {
 color: #00519C; }
 
/* ATSish blue bg */

.back-c, 
#nav ul li a:hover,
.logout { 
 background-color: #00519C; }
 
/* light blue bg */
.back-a, 
.vnav1 h3,
.vnav2 h3,
.search h3,
.help h3,
#main .form,
.head1,
.list,
.search,
.border,
.head1 h1,
h2.comment,
.list ul li.paginate,
.headshot,
.photo-placeholder  {
 background-color: #D7E4F3; }

/* lighter blue */
.color-a, 
#nav ul li a,
#nav ul li a:hover,
.logout a, 
.logout a:visited,
.logout a:active,
.logout a:link  {
 color: #fff;}
 
.form fieldset fieldset {
 border: 1px solid #C4D9EE; }

/* lighter blue bg */
.head1,
.head1 h1,
h2.comment,
.vnav1 h3,
.search h3 {
 background-color: #C4D9EE;}
 
/* lightest blue */
 .logout {
  color: #EBF1F9;}
  
 #nav ul li a {
 border-left: 1px solid #EBF1F9;}

/* lightest blue bg */
.back-b,
.buttonInsert,
.vnav1,
.vnav2,
.head2,
.list ul li,
.entry,
.form fieldset,
.help {
 background-color: #EBF1F9;}
 
/* blue shaded brd */
.back-a,
.back-b,
.vnav1 h3,
.vnav2 h3,
.search h3,
.help h3,
#main .form,
.entry img,
#side img,
.head1,
.list,
.search,
.border,
h2.comment,
.list ul li.paginate,
.headshot,
.photo-placeholder,
.form img,
.buttonInsert,
.vnav1,
.vnav2,
.head2,
.list ul li,
.entry,
.help,
.form fieldset {
 border-top: 1px solid #C4D9EE;
 border-left: 1px solid #C4D9EE;
 border-bottom: 1px solid #FF9F9F;
 border-right: 1px solid #FF9F9F;}

/* blue shaded input brd */
.form input.input,
.form select.select,
.form select.multiple,
.form textarea.textarea,
.form textarea.no-editor,
#login input.input,
.form .mceEditor select {
 border-top: 1px solid #C4D9EE;
 border-left: 1px solid #C4D9EE;
 border-right: 1px solid #E5E9F1;
 border-bottom: 1px solid #E5E9F1;}

/* link purple */
a:visited { 
 color: #AB0E40; }

/* ------------------ */
/* --- TYPOGRAPHY --- */
/* ------------------ */

body {
 font-family: arial, verdana, helvetica, sans-serif;
 font-weight: normal;}

h1 {
 font-size: 26px;
 font-weight: bold;
 padding: 5px 10px; }
 
h2 {
 font-size: 24px;
 margin-top: 5px;
 margin-bottom: 5px; 
 font-weight: bold; }

h2.sub {
 font-size: 20px;
 margin-bottom: 15px; 
 font-weight: normal; 
 padding: 5px 10px; }

h2.comment {
 font-size: 22px;
 padding: 7px 10px;
 margin-bottom: 0; }

h3 {
 font-size: 18px;
 margin-bottom: 6px;
 font-weight: bold; }

h4 {
 font-size: 16px;
 margin-bottom: 5px;
 font-weight: bold; }

h5, 
h6 {
 font-size: 16px;
 margin-bottom: 4px;
 font-weight: bold; }

p, li, .author, .date, .contact, .bio, #message {
 font-size: 14px;
 line-height: 18px;
 margin-top: 3px; 
 margin-bottom: 3px; }

p, ul, ol, .bio {
 margin: 7px 0; }

li {
 margin-bottom: 15px; }

ul, ol {
 margin-left: 30px; }

ol.case-answers {
 list-style-type: upper-alpha;
 margin-bottom: 20px;}

ol.case-answers li {
 margin-bottom: 7px;}

.author, .date, .contact  {
 font-weight: bold; }

#feedback p {
 font-size: 12px;
 line-height: 16px;}

#feedback h3 {
 font-size: 16px;}

.journal {
 font-size: 12px;
 font-style: italic;
 font-weight: normal; }

.links, .keywords  {
 font-size: 12px;
 font-weight: bold;
 line-height: 15px;
 margin-top: 5px; 
 margin-bottom: 10px; }

.logout {
 text-align: right;
 font-size: 11px;
 font-weight: bold;
 padding: 2px 15px; }

.hidden {
 display: none; }

.list,
.list ul,
.border,
.comment {
 margin: 0 0 10px 0;}

.list ul li,
.entry,
.results {
 padding: 10px 20px;
 margin: 7px 10px 20px 10px; }

.list table {
 margin: 7px 4px;}
 
.list table td {
 width: 25%; }

.list ul li {
 list-style-type: none; }
 
.list ul li h3 {
 line-height: 22px;}

.list ul li p {
 margin: 3px 0; }

.list ul li h3 span.location,
.list ul li .date span.location {
 margin-left: 7px;
 font-size: 12px; }

.list ul li .date span.location a {
 margin-left: 5px;
 font-size: 11px; }

.list ul li.paginate {
 margin-top: 10px; 
 padding: 0 10px; 
 border: 0;
 font-size: 12px;
 font-weight: bold; }

div.paginate {
 margin: 7px 15px;
 font-size: 12px;
 font-weight: bold; }

.entry h2 {
 margin-bottom: 5px;
 padding: 0 5px 0 0;
 border: 0; }

.entry h2 span.location,
.entry .date span.location {
 margin-left: 7px;
 font-size: 14px; }

.entry table td {
 padding: 3px 5px; 
 vertical-align: top;
 font-size: 12px; }

.entry table td.rhead {
 font-weight: bold;
 text-align: left; }

.entry .certification,
.entry .training,
.entry .education {
 font-size: 14px;
 font-weight: bold;
 margin-bottom: 5px; }
 
td#foot {
 font-size: 11px;
 font-weight: bold;
 line-height: 20px;}

td#foot a {
 text-decoration: none;}

td#foot a:hover {
 text-decoration: underline;}

.results th {
 font-size: 14px; 
 font-weight: bold;
 text-align: left;
 vertical-align: top;}

.results td {
 font-size: 12px;}

#message h3 {
 font-size: 16px;
 line-height: 16px; 
 margin-bottom: 3px;
 font-style: normal;}

#message p {
 font-size: 11px;
 font-weight: normal;
 line-height: 13px;
 font-style: normal;
 margin-top: 0;
 margin-bottom: 0; }

.required {
 font-size: 12px;
 font-weight: bold; }

.copyright-ee {
 font-size: 9px;
 margin-top: 15px; }
 
a {
 text-decoration: underline; 
 background-color: transparent;}

a:link { 
 background-color:transparent; }

a:visited {
 background-color:transparent; }

a:active { 
 background-color:transparent; }

a:hover {
 text-decoration: none; 
 background-color:transparent; }

a.question {
 margin-left: 5px;
 font-size: 10px; 
 font-weight: bold;
 text-decoration: none; }
 
.vnav1 h3,
.vnav2 h3,
.search h3,
.help h3 {
 margin-bottom: 0px;
 line-height: 24px;
 padding: 2px 10px;
 font-size: 16px;
 font-weight: bold;
 border-top: 0; 
 border-left: 0; 
 border-right: 0; }

.vnav1 h4,
.vnav2 h4,
.search h4,
.help h4 {
 margin-bottom: 3px;
 padding: 0px 15px;
 font-size: 14px;
 font-weight: bold; }

.vnav1 p,
.vnav2 p,
.search p,
.help p  {
 margin-top: 3px;
 margin-bottom: 10px;
 padding: 0 15px;
 font-size: 12px;
 line-height: 16px; }

.vnav1 ul,
.vnav2 ul {
 margin: 10px 10px 15px 15px; 
 list-style-type: none; }

.vnav1 ul a,
.vnav2 ul a {
 font-size: 14px;
 font-weight: bold;}

.vnav1 ul li,
.vnav2 ul li {
 line-height: 16px;}
 
legend,
label {
 font-size: 14px;
 font-weight: bold;}
 
label {
 display: block;}
 
.tip {
 font-size: 11px;
 font-weight: bold;}
 
.form input.input,
.form select.select,
.form select.multiple,
.form textarea.textarea,
.form textarea.no-editor,
#login input.input  {
 font-family: Arial, Verdana, Sans-serif;
 font-size: 12px; 
 font-weight: normal;}
 
.form label.radio,
.form label.checkbox {
 font-weight: normal;}

/* ----------------- */
/* --- CSS HACKS --- */
/* ----------------- */

/* Self Clearing hack (modified)
   http://www.456bereastreet.com/archive/200412/clearing_floated_images_in_body_text/ */ 

.head1, .head2,
.floatclear { 
 display: table; 
 width: 100%;} 

fieldset.floatclear {
 width: auto;}

/* IE5/Mac Band Pass Filter hack 
   http://www.stopdesign.com/examples/ie5mac-bpf/ */
/*\*//*/
.head1, .head2,
.floatclear {
 display: inline-block;} 
 /**/
/* end IE5/Mac Band Pass Filter hack/

/* end Self Clearing hack */