/* ------- McCrone Research Institute ------- */
/* ------- http://www.mcri.org  ------- */
/* ------- Design and Development by Michael Nix Design, 2007 ------- */
/* ------- http://www.michaelnixdesign.com ------- */


/* -- General -- */

body {
background:url(/images/content.gif) #fff repeat-x;
color:#333333;
font-family: Helvetica, Arial, Verdana, sans-serif;
font-size:90%; /*used to be 82 */
margin:0;
padding:0;
}
a {
color:#436FE2;
outline:none;
text-decoration:none;
}
a:hover {
color:#FF6600;
text-decoration:underline;
}
img {
border:0px;
}

/* -- Div -- */
#mcri {
display:block;
background:#FFF url(/images/main.gif) repeat-y;
margin:auto;
padding:0;
width:890px;
}
.skip {
display:none;
}
#mcri .mainbg {
display:block;
background:url(/images/mainbg.gif) repeat-x;
padding:0;
width:890px;
min-height:700px;
}
#mcri .content {
display:block;
background:#fff url(/images/content.gif) repeat-x;
padding:0;
margin:auto;
width:800px;
min-height:700px;
}
#mcri .header {
display:block;
height:140px; 
width:790px;
margin:0;
}

#start-content ul li {
display:block;
background:url(/images/arrow.gif) 0px 4px no-repeat;
color:#687D69;
font:.8em Helvetica, Arial, Verdana, sans-serif; 
font-weight:normal;
line-height:1.6em ;
padding:0px 0px 10px 15px;
}


/* -- Top -- */

#mcri .contact_info{
display:block;
padding:5px 0px 10px 120px;
position:absolute;
font-size:.8em;
}


#mcri .logo a {
display:block;
background:url(/images/logo.gif) no-repeat;
position:absolute;
width:143px;
height:139px;
text-indent:-1000em;
}

#mcri .logo p {
display:block;
padding:0px 0px 0px 140px;
position:absolute;
font-size:.8em;
}

#mcri .search {
float: right;
}

/* -- Navigation -- */
#mcri .navigation {
display:block;
clear:both;
margin:0;
padding:0;
}
#mcri .nav1 {
display:block;
width:780px;
margin:auto;
}
#mcri .nav1 ul {
list-style:none;
margin:0;
padding:0px 0px 0px 10px;
}
#mcri .nav1 ul li {
display:inline;
margin:0;
padding:0;
}
#mcri .nav1 a {
background:url(/images/menuleft.gif) left top no-repeat;
float:left;
display:block;
margin:0;
padding:0px 0px 0px 5px;
color:#ffffff;
font-size:.9em;
font-weight:bold;
line-height:25px;
}
#mcri .nav1 a span {
display:block;
background:url(/images/menuright.gif) right top no-repeat;
margin:0px 7px 0px 0px;
padding:0px 10px 1px 2px;
height:auto;
}
/* Hide rule from IE5-Mac \*/
#mcri .nav1 a span {
float:none;
}
/* End IE5-Mac hack */
#mcri .nav1 a:hover {
background-position:0px -100px;
color:#6C705A;
text-decoration:none;
}
#mcri .nav1 a:hover span {
background-position:100% -100px;
}
#mcri .navigation .on a {
background:url(/images/menuleft2.gif) left top no-repeat;
color:#FF6600;
font-weight:bold;
}
#mcri .navigation .on a span {
background:url(/images/menuright2.gif) right top no-repeat;
}
#mcri .navigation .on a:hover {
background-position:left top;
color:#FF6600;
text-decoration:underline;
}
#mcri .navigation .on a:hover span {
background-position:right top;
}

/* -- Second Navigation -- */
#mcri .nav2 {
display:block;
background:url(/images/menu.gif) no-repeat;
clear:both;
margin:auto;
padding:10px 0px 0px 0px; 
width:780px;
}
#mcri .nav2a {
display:block;
background:url(/images/menu1.gif) left bottom no-repeat;
margin:0px 0px 5px 0px;
padding:0px 0px 10px 0px;
width:780px;
}
#mcri .nav2a ul {
list-style:none;
margin:0px 15px 0px 15px;
padding:0;
}
#mcri .nav2a ul li {
display:inline;
color:#CCCCCC;
font-size:.85em;
padding:0px 10px 0px 0px;
}
#mcri .nav2a a {
display:inline;
}
#mcri .nav2a .on a {
background:url(/images/arrow.gif) 0px 4px no-repeat;
color:#FF6600;
font-weight:bold !important;
padding:0px 0px 0px 10px !important;
}
#mcri .nav2a .on a:hover {
background:url(/images/arrow.gif) 0px 4px no-repeat;
color:#FF6600;
font-weight:bold !important;
padding:0px 0px 0px 10px !important;
}


#mcri .nav2b {
display:block;
background:url(/images/menu2.gif) left bottom no-repeat;
margin:0;
padding:0px 0px 35px 0px; 
width:780px;
}

#mcri .no-arrow { background: none; margin-bottom: -30px; }

#mcri .nav2b ul {
list-style:none;
margin:0px 15px 0px 15px;
padding:0;
}
#mcri .nav2b ul li {
display:inline;
color:#dddddd;
font-size:.85em;
padding:0px 10px 0px 0px;
}
#mcri .nav2b a {
display:inline;
}
#mcri .nav2b .on a {
background:#fff;
color:#FF6600;
font-weight:bold !important;
padding:0px 0px 0px 0px !important; 
}
#mcri .nav2b .on a:hover {
background:#fff;
color:#FF6600;
font-weight:bold !important;
padding:0px 0px 0px 0px !important; 
}

/* -- Third Navigation -- */
#mcri .nav3 {
display:block;
}
#mcri .nav3 ul {
list-style:none;
margin:0px 0px 0px 10px;
padding:0px 0px 5px 0px; 
width:160px;
background:url(/images/side.gif) #ffffff; 
}
#mcri .nav3 ul li {
margin:0px 0px 10px 10px; 
padding:0;
display:block;
background:#fff;
}
#mcri .nav3 ul li a {
display:block;
width:140px;
margin:0px 0px 10px 0px;
padding:3px 0px 5px 10px;
font-size:.85em;
}


#mcri .nav3 .on a {
color:#FF6600 !important;
font-weight:bold !important;
}
#mcri .nav3a {
display:block;
width:140px; 
background:#fff;
padding:0px 15px 25px 0px;
}

/* -- Fourth Level -- */
#mcri .fourth {
display:block;
width:150px;
margin:-10px 0px 0px 18px; 
padding:0;
border-right:1px dotted #848970;
}


#mcri .fourth2 {
background:#fff url(/images/fourth_level_arrow.gif) no-repeat;
padding:15px 0px 15px 0px;
margin:0;
} 

#mcri .fourth ul {
display:block;
list-style:none;
width:150px;
margin:0;
padding:0;
}
#mcri .fourth ul li {
display:block;
border-bottom:1px dotted #C9CBBE;
font-size:.85em;
line-height:14px;
margin:0px 0px 0px 0px;
padding:1px;
}
#mcri .fourth ul li a {
display:block;
margin:0px 0px 0px 0px;
padding:5px 10px 5px 15px;
width:125px;
}
#mcri .fourth ul li a:hover {
background:url(/images/selected2.gif) no-repeat;
}
#mcri .fourth .on a {
display:block;
background:url(/images/selected.gif) no-repeat;
color:#FF6600 !important;
font-weight:bold !important;
}

/* -- Side Navigation -- */
#mcri .sidenav {
display:block;
width:160px;
float:left;
}


/* -- Main -- */
#mcri .main {
display:block;
background:url(/images/menu.gif) no-repeat;
clear:both;
margin:auto;
padding:10px 0px 0px 0px;
width:780px;
}
#mcri .mainbody {
display:block;
background-color:#ffffff;
padding:10px 20px 10px 15px;
}
#mcri .head {
color:#666666;
font:1.6em Georgia;
font-weight:normal;
letter-spacing:7px;
text-align:center;
font-variant:small-caps;
}
#mcri .more {
background:url(/images/arrow.gif) 0px 3px no-repeat;
color:#aa8c46;
font:1em Verdana,Arial,Helvetica,sans-serif;
font-weight:bold;
padding:0px 0px 0px 10px;
}

/* -- Article -- */

#aggregate_article {
display:block;
margin:auto;
padding:auto;
width:785px;
}
.aggregate_article {
display:block;
background:#ffffff;
padding:20px 10px 5px 10px;
margin:0px;
width:770px;
}

#article {
display:block;
float:right;
margin:5px 0px 0px 0px;
padding:0px 10px 0px 0px;
width:595px;
}
.article {
display:block;
background:#ffffff;
padding:0px 20px 5px 10px;
margin:0px;
width:560px;
}


#article table {
width:100%;
}

#mcri .articleheading {
display:block;
float:left;
}

#mcri .register{
display:block;
float:right;
margin:0px 10px 10px 0px;
padding:0px;
}
#mcri .register img{
border:none;
} 

#mcri .article .left {
float:left;
font:1em Verdana,Arial,Helvetica,sans-serif;
line-height:1.6em;
margin:0px 20px 0px 0px;
padding:0px 20px 0px 0px;
width:150px;
}
#mcri .article .right {
float:left;
font:1em Verdana,Arial,Helvetica,sans-serif;
line-height:1.6em;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 20px;
width:150px;
}

/* -- Lists -- */
.article ul {
display:block;
list-style:none;
margin:0px 20px 0px 20px;
padding:0;
}
.article ul li {
display:block;
background:url(/images/arrow.gif) 0px 4px no-repeat;
color:#687D69;
font:.8em Helvetica, Arial, Verdana, sans-serif;
font-weight:normal;
line-height:1.6em;
padding:0px 0px 10px 15px;
}
.article ol {
display:block;
list-style-type:decimal;
margin:0px 0px 0px 40px;
padding:0;
}
.article ol li {
color:#333333;
font:.9em Verdana,Arial,Helvetica,sans-serif;
font-weight:normal;
line-height:1.8em;
padding:0px 0px 10px 0px;
margin:0px 0px 0px -6px;
}

/* -- Aggregate -- */
.article .aggregate {
displpay:block;
clear:both;
font:1em Verdana,Arial,Helvetica,sans-serif;
line-height:1.4em;
list-style:none;
margin:10px 0px 10px 0px;
padding:0px;
width:550px;
}
.article .aggregate li {
background:none;
margin:0;
padding:0;
}
.article .aggregate .title {
background:url(/images/bg2.gif) 0px 0px repeat-x;
border:none;
float:left;
font-size:.85em;
width:200px;
}
.article .aggregate .title a {
border:none;
display:block;
margin:0px 0px 10px 0px;
padding:10px 10px 10px 10px;
width:180px;
}
.article .aggregate .title a:hover {
background:url(/images/bg3.gif) 0px 0px #fcfbf5 repeat-x;
color:#aa8c46;
text-decoration:none;
}
.article .aggregate .title a em {
display:block;
border-bottom:1px solid #CCC;
color:#4678c8;
font:1.2em Georgia, Times, Times New Roman, serif;
font-weight:bold;
line-height:1.5em;
margin:0px 0px 3px 0px;
padding:0px 0px 5px 0px;
}

.aggregate_left {
float:left;
width:275px;
border-right:1px solid #ded9c7;
font-size:.9em;
}
.aggregate_left ul {
margin-left:0px;
}
.aggregate_right {
float:right;
width:275px;
font-size:.9em;
}
.aggregate_right ul {
margin-left:5px;
width:260px;
display:block;
}
.aggregate_right ul li {
padding-bottom:7px;
margin-bottom:5px;
display:block;
background:url(/images/arrow3.gif) 0px 5px no-repeat;
border-bottom:1px solid #ded9c7;
}
.aggregate_right ul li strong {
font-size:1.1em;
}

/* -- Text -- */

#mcri p {
color:#333333;
font:.9em Helvetica, Arial, Verdana, sans-serif;
font-weight:normal;
line-height:1.4em;
margin:12px 0px 12px 0px;
}
#mcri p a {
text-decoration:underline;
}
#mcri p a:hover {
background-color:#FDFFEE;
}
#mcri p em {
font-style:italic;
}

#mcri p strong {
color:#2E2E2E;
font-weight:bold;
font-size:1em;
}

#mcri .highlight {
background-color:#FFFFCC;
}


/* -- Heading -- */
#mcri h1 {
color:#3357B0;
font:1.6em Lucida Sans Unicode, Lucida Grande, Lucida Sans, Lucida, Helvetica, Arial, Verdana, sans-serif;
font-weight:bold;
line-height:1.0em;
margin:0px 0px 25px 0px;
padding:0;
width:550px;
}
#mcri h2 {
display:block;
background-color:#FDFFEE;
color:#5D614E;
font:1.1em Lucida Sans Unicode, Lucida Grande, Lucida Sans, Lucida, Helvetica, Arial, Verdana, sans-serif;
font-weight:bold;
line-height:1.3em;
margin:0;
padding:5px 0px 5px 0px;
}
#mcri h3 {
display:block;
background-color:#FDFFEE;
color:#687D69;
font:1.0em Lucida Sans Unicode, Lucida Grande, Lucida Sans, Lucida, Helvetica, Arial, Verdana, sans-serif;
font-weight:bold;
line-height: 1.15em;
margin:0;
padding:5px 0px 5px 0px;
}
#mcri h4 {
color:#666666;
font:1.1em Georgia, Times, Times New Roman, serif;
font-weight:bold;
line-height:1.4em;
margin:0;
padding:10px 0px 0px 0px;
}
#mcri .byline {
color:#666666;
font-size:.85em;
font-weight:normal;
line-height:1.4em;
margin:0;
padding:10px 0px 5px 0px;
}
#mcri h5 {
color:#333333;
font:.85em Verdana,Arial,Helvetica,sans-serif;
font-weight:normal;
line-height:1.4em;
margin:10px 0px 5px 0px;
padding:0;
}
#mcri h5 img {
vertical-align:middle;
} 



/* -- Form -- */
.form {
display:block;
color:#333333;
font:0.85em Verdana,Arial,Helvetica,sans-serif;
line-height:1.4em;
}
.form fieldset {
background-color:#fafaf8;
border:0px;
border-top:1px solid #d2c896;
border-bottom:1px solid #d2c896;
margin:5px 0px 0px 0px;
padding:10px 20px 10px 20px;
}
.form label {
display:block;
padding:10px 10px 0px 0px;
}
.form label span {
color:#ee0000;
}
.form label strong {
color:#666666;
font-weight:bold;
}
.form textarea {
background:url(/images/input.gif) #ffffff repeat-x;
border:1px solid #d2c896;
color:#786e64;
font:1em Verdana,Arial,Helvetica,sans-serif;
line-height:1.4em;
margin:2px 0px 5px 0px;
padding:5px 0px 0px 5px;
}
.form input {
background:url(/images/input.gif) #ffffff repeat-x;
border:1px solid #d2c896;
color:#786e64;
font:1em Verdana,Arial,Helvetica,sans-serif;
line-height:1.4em;
height:17px;
margin:2px 0px 5px 0px;
padding:3px 0px 0px 5px;
width:200px;
}
.form select {
border:1px solid #d2c896;
color:#786e64;
font:1em Verdana,Arial,Helvetica,sans-serif;
line-height:1.4em;
margin:2px 0px 5px 0px;
padding:2px 0px 2px 0px;
}
.form .small {
background:url(/images/input.gif) #ffffff repeat-x;
border:1px solid #d2c896;
color:#786e64;
font:1em Verdana,Arial,Helvetica,sans-serif;
line-height:1.4em;
height:17px;
margin:2px 0px 5px 0px;
padding:5px 0px 0px 5px;
width:100px;
}
.form .option {
background:none;
border:0px;
font:1em Verdana,Arial,Helvetica,sans-serif;
line-height:1.4em;
margin:5px 0px 0px 0px;
width:15px;
height:15px;
}
.form .button {
background:url(/images/button.gif) no-repeat;
border:0px;
font:1em Verdana,Arial,Helvetica,sans-serif;
line-height:1.4em;
width:60px;
height:20px;
padding:0;
margin:0px 0px 5px 0px;
}

/* -- Lightbox -- */
#lightbox {
display:none;
position:absolute;
top:50%;
left:50%;
z-index:9999;
width:500px;
margin:-220px 0 0 -250px;
text-align:left;
}
#lightbox[id] {
position:fixed;
}
#overlay {
display:none;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:5000;
background-color:#333333;
-moz-opacity:0.7;
opacity:.70;
filter:alpha(opacity=70);
}
#overlay[id] {
position:fixed;
}
#lightbox.done #lbLoadMessage {
display:none;
}
#lightbox.done #lbContent {
display:block;
}
#lightbox.loading #lbContent {
display:none;
}
#lightbox.loading #lbLoadMessage {
display:block;
}
#lightbox.done img {
width:100%;
height:100%;
}

/* -- Footer -- */
#mcri .footer {
display:block;
background:url(/images/footer.gif) no-repeat;
clear:both;
width:770px;
height:44px;
padding:10px 60px 10px 60px;
font-size:.9em;
text-align:right;
}
#mcri .footer a {
padding:0px 5px 0px 5px;
}
#mcri .footer img {
vertical-align:middle;
padding:0px 3px 0px 3px;
}
#address {
display:block;
padding-top:5px;
}
#mcri .copyright {
display:block;
font-size:.85em;
float:left;
padding:18px 0px 10px 0px;
}


/* -- Related Content -- */
#related_content {
display:block;
background:#FFFFFF url(/images/related_content_bg.gif) repeat-y;
border-bottom:2px solid #CBCDC3;
float:right;
font:.85em Arial, Verdana, sans-serif;
line-height:1.4em;
width:220px;
margin:10px 0px 15px 15px;
padding:9px 9px 15px 9px;
}

#related_content .caption {
color:#687D69;
font-size:.9em;
}

#related_content .caption p {
color:#687D69;
font-size:1em;
}

#related_content .caption table {
margin:auto;
padding:auto;
}

#related_content img {
display:block;
border:none;
padding:0;
margin:0px 0px 5px 0px;
}

#related_content .AuthorizeNetSeal {
padding:auto;
margin-bottom:20px;
}

#related_content .course {
display:block;
border-top:1px solid #CBCDC3;
margin:5px 0px 5px 0px;
padding:10px 0px 10px 0px;
font-size:1em;
color:#666;
font-weight:bold;
}

#related_content table {
margin:10px 0px 10px 0px;
font-weight: normal;
}

#related_content .course ul {
display:block;
margin:0;
padding:0px 0px 0px 15px;
}

#related_content .course ul li {
display:block;
background:url(/images/arrow1.gif) 0px 4px no-repeat;
list-style-type:none;
color:#687D69;
font-weight:normal;
font-size:.9em;
line-height:1.6em;
padding:0px 0px 5px 15px;
}

.photo_wide {
display:block;
background:#fdf9ec bottom center no-repeat;
border-bottom:#dfd9c9 2px solid;
float:left;
font:.85em Arial,Verdana,Helvetica,sans-serif;
line-height:1.4em;
width:560px;
margin:0px;
padding: 5px;
}
.photo_wide img {
display:block;
margin:auto;
padding:5px 0px 5px 0px;
}

.image {
vertical-align:middle;
}
.images {
display:block;
border:1px solid #d2c896;
float:left;
margin:3px 15px 50px 0px;
padding:0px 0px 0px 0px;
}

/* -- Classes -- */
.hr {
display:block;
clear:both;
margin:5px 0px 5px 0px;
padding:0;
width:100%;
border-top:1px solid #CCCCCC;
}

.left {
display:block;
float:left;
}
.right {
display:block;
float:right;
}
.bottom {
clear:both;
}


/* -- Tabs -- */
.article .tabs {
margin:20px 0px -20px 20px;
}
.article .tabs li {
display:inline;
float:left;
background-image:none;
margin:0;
padding:0;
}
.article .tabs li a {
display:block;
background-color:#fafaf8;
border:1px solid #d2c896;
padding:0px 5px 0px 5px;
margin-right:10px;
margin-bottom:-1px;
text-decoration:none;
}
.article .tabs li a:hover {
text-decoration:underline;
}
.article .tabs li.selected {
position:relative;
_top:1px;
}
.article .tabs li.selected a {
border-bottom:1px solid #fafaf8;
color:#aa8c46;
font-weight:bold;
}
.article .tabs li.selected a:hover {
text-decoration:none;
}
.article .tabcontentstyle {
display:block;
clear:both;
}
.article .tabcontent {
display:none;
}

/*-- Courses --*/

.course table {
border:1px solid #CCCCCC;
font-size: .9em;
margin:auto;
padding:auto;
}

.course .month {
font-size:1em;
letter-spacing:.1em;
text-transform:uppercase;
font-weight:bold;
color:#436FE2;
margin:auto;
}

.course .monthname { text-align: center; font-weight: bold; }


.course table tr td{
padding:0px 0px 0px 2px;
}

.course table td{
border-bottom:1px solid #FDFDEE;
border-left:1px solid #CCC;
border-top:1px solid #CCC;
}

.course .dayname {
text-transform: capitalize;
font-weight:bold;
font-size:1.1em;
background:#436FE2;
color:#FFFFFF;
letter-spacing: 0px;
padding: 2px 3px;
}

.course .on {
background:#687D69;
color:#FFFFFF;
}


/* -- Register Form -- */
table#register-form td { padding: 3px; vertical-align: top; font-size: 12px; border-top: 1px solid #eee; margin: 0px; }
table#register-form td.col1 { width: 160px; }

/* -- Homepage --*/
#mcri .homeheader {
display:block;
float:left;
background: #2078E2 url(/images/homepage.jpg) no-repeat;
height:auto;
padding: 50px 10px 10px 180px;
min-height:11em;
}


#mcri .homeheader h4 {
padding: 0px 0px 10px 0px;
margin:0px; 
color:#FFFFFF;
font:1em Lucida Sans Unicode, Lucida Grande, Lucida Sans, Lucida, Helvetica, Arial, Verdana, sans-serif;
font-weight: normal;
line-height:1.5em;
background: none;
}

#homebox_1 {
margin:0px;
padding:8px;
float:left;
width:175px;
border-right:1px solid #CCC;
}

#homebox_2 {
margin:0px;
padding:8px;
float:left;
width:175px;
border-right:1px solid #CCC;
}

#homebox_3 {
margin:0px;
padding:8px;
float:left;
width:175px;
border-right:1px solid #CCC;
}

#homebox_4 {
margin:0px;
padding:8px;
float:left;
width:175px;
}