﻿ /* Other Styles */
.clear_left { clear: left; }

.footer_address { position: relative; }

.footer_address address
{
   font-size: .8em;
   font-style: normal;
}

.footer_address .a_right
{
   position: absolute;
   right: 0px;
   top: 0px;
}

address { font-style: normal; }

.list_margins ul, .list_margins p { margin-top: 0px; margin-left: 25px; padding: 0px; }
.list_margins ul { padding-left: 10px; }

.promo { color: #f00; }
/* END: Other Styles */

/* Nav Button Styles */
.nav_buttons
{
   text-align: center;
   padding: 0px;
   margin: 0px;
   list-style: none;
   width: 100%;
   /* Opera 'body height' fix
   overflow: hidden;
   max-height: 30px;
   */
}
.nav_buttons:after
{
   content: ".";
   display: block;
   line-height: 1px;
   font-size: 1px;
   clear: both;
   visibility: hidden;
}
.nav_buttons li { display: inline; }
.nav_buttons li { display: block; float: left; margin: 0px; padding: 0px; }

.nav_buttons a span, .nav_buttons a b
{ background: transparent url("https://owa.communitycollege.org/framework/images/tutoring/nav_button_border.gif") no-repeat left top; }

.nav_buttons a, .nav_buttons a span, .nav_buttons a b
{
   display: block;
   float: left;
   cursor: pointer;
   white-space: nowrap;
}

.nav_buttons a
{
   height: 30px;
   text-decoration: none;
   margin: 0px 4px 5px;
   font-size: 9pt;
   background: transparent url("https://owa.communitycollege.org/framework/images/tutoring/nav_button_bg.png") repeat-x left top;
}
.nav_buttons a, .nav_buttons a:visited { color: #666; }
.nav_buttons a span { height: 100%; }

.nav_buttons a b
{
   height: 26px;
   background-position: right top;
   margin-left: 6px;
   padding: 4px 6px 0px 0px;
}
.nav_buttons a:hover, .nav_buttons a.selected:hover
{ background-position: left -30px; color: #000; text-decoration: none; }
.nav_buttons a.current { color: #333 !important; }
.nav_buttons a.current span { background-position: left -30px; }
.nav_buttons a.current b { background-position: right -30px; }
/* END: Nav Button Styles */

/* Blockquote styles */
blockquote
{
   display: block;
   margin: 10px 20px;
   padding: 10px 20px;
   text-align: justify;
}

blockquote p
{
   font-style: italic;
   margin: 0px;
   padding: 0px;
}

blockquote p:before, blockquote p:after
{
   font-family: "Times New Roman";
   color: #ddd;
   line-height: 0;
   font-size: 4.5em;
}

blockquote p:before
{
   content: "\201C";
   padding-right: 10px;
   vertical-align: -23px;
}

blockquote p:after
{
   content: "\201D";
   vertical-align: -30px;
}

blockquote span
{
   display: block;
   margin-left: 30px;
   font-size: .8em;
   font-style: normal;
   font-weight: bold;
}
/* END: Blockquote styles */

/* Contact form styles */
.contact_form
{
   text-align: center;
   margin: 0px auto;
   width: 80%;
}

.contact_form tbody tr td { text-align: left; }

.contact_form em
{
   color: #900;
   font-weight: bold;
}
/* END: Contact form styles */

/* Table Styles */
table { border: none; padding: 0px; margin: 0px; }

table thead tr th
{
   border-bottom: solid 1px #000;
   font-weight: bold;
   text-align: left;
   vertical-align: bottom;
}
table tr td { padding: 0px 4px; vertical-align: top; }
.center tr td { text-align: center; }
/* END: Table Styles */

/* Program description styles */
.prog_logo
{
   float: left;
   margin: 0px 15px 0px 0px;
   border: none;
}
/* END: Program description styles */

/* Mind Flex shared styles */
.mf_HeaderLogo { position: absolute; left: 40px; top: 20px; }
/* END: Mind Flex shared styles */
