@charset "UTF-8";
/* CSS Document */

html {
margin: 0px;
padding: 5px;

}

body {
position: relative;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #1e1e1e;
margin: 0 auto;
width: 800px;
background-color: #333;
}
/* @group Normalize */
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, blockquote, th, td, table, img {
margin: 0;
padding: 0;
}
ol,ul,li {
list-style: none;
padding:0;
}
p {
font-size:12px;
line-height:16px;

}
#topFrame {/* top crown molding */
height: 27px;
width: 806px;
border-bottom: 1px #333 solid;
background-image: url(../images/topFrame.gif);
background-repeat: no-repeat;
}
#topFrame2 {/* top crown molding */
height: 27px;
width: 806px;
background-image: url(../images/topFrame2.gif);
background-repeat: no-repeat;
}
#topFrame3 {/* top crown molding */
height: 27px;
width: 806px;
background-image: url(../images/topFrame3.gif);
background-repeat: no-repeat;
}

#bottomFrame {/* below nav crown molding */
height: 45px;
width: 800px;
}
#bottomFrame2 {/* below nav crown molding */
height: 45px;
width: 808px;
}
#bottomFrame3 {/* below nav crown molding */
height: 48px;
width: 808px;
background-image: url(../images/bottomFram3.gif);
background-repeat: no-repeat;
}

/* the top nav */

#container {
height: 100%;
padding: 25px;
border-top: 2px #fff solid;
border-bottom: 2px #fff solid;
background-color: #75A4A1;
}

#col_one {/* MCM Logo */
margin: 0;
width: 16%;
float: left;
border-right: 2px #fff solid;
}

#col_two {/* MCMco Nav div */
margin: 0 0 0 18px;
width: 17%;
float: left;;
}

#col_three {/* Programs Nav div */
margin: 0 0 0 8px;
width: 17%;
float: left;
}

#col_four {/* Cal Nav div */
margin: 0 0 0 0px;
width: 17%;
float: left;
}

#col_five {/* Mission div */
margin: 0 0 0 0px;
width: 29%;
float: left;
text-align:left;
color:#FFFFFF;
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
font-size:11px;
line-height:1.6em;
font-weight:300;
}
.horiz_line {
padding-top:5px;
padding-bottom:5px;
}

/*----------start Nav----------------- */
.navHeader {
font-size:10px;
text-decoration:none;
color:#1e1e1e;
text-transform:uppercase;
font-weight:bold;
}

ol,ul,li {
	list-style: none;
	padding:0;
}

.NAV ul, li {
padding:0;
margin:0;
}

.NAVlink ul {
margin:0;
padding:0;
list-style:none;
font-size:10px;
font-weight:300;
text-decoration:none;
line-height: 1.6em;
letter-spacing:-.07em;
}

.NAVlink a {
vertical-align:top;
color:#1e1e1e;
font-size:10px;
font-weight: 300;
text-decoration:none;
line-height: 1.5em;
letter-spacing:-.07em;
}


.NAVlink a:hover {
color:#e6e6e6;
}

.NAVlink em a:hover {
color:#777;
}

.NAVlink li {
color:#e6e6e6;
font-size:10px;
font-weight: 300;
text-decoration:none;
line-height: 1.4em;
letter-spacing:-.07em;



/* end Navigation */

/* lines */
}

.line1 {
position:absolute;
height:3px;
width:40px;
color:#75A4A1;
font-size:6px;
border-top:4px #FFF solid;
top: 80px;
left: 172px;
}
.line2 {
position:absolute;
height:3px;
width: 64px;
color:#75A4A1;
font-size:6px;
border-top: 4px #FFF solid;
top: 80px;
left: 304px;
}
.line3 {
position:absolute;
height:3px;
width:68px;
color:#75A4A1;
font-size:6px;
border-top:4px #FFF solid;
top: 80px;
left: 428px;
}
/*----------end of nav----------------- */


.wrapper {
margin-left:10px;
height: auto;
width: 780px;

}
#mainWrapper {
margin-left:10px;
height: auto;
width:780px;
background-color:#ec4226;
}
#mainFlash {
margin-left:10px;
height: auto;
width:780px;
background-color:#333;
}
#main {
margin-left:10px;
height: auto;
width:780px;
background-color:#FF4729;

}
#content {
float:left;
color:#fff;
margin: 0;
width:300px;
height:auto;
font-size: 18px;
font-weight: bold;
padding: 0px 10px 10px 25px;
}
#content2 {
color:#fff;
margin: 0;
width:300px;
height:auto;
font-size: 18px;
font-weight: bold;
padding: 0px 10px 10px 25px;
}
#flashIntro {
margin-left: 400px;
padding: 1em;
max-width: 36em;
}
#programs {
margin-left: 400px;
padding: 1em;
max-width: 36em;
}
#footer {
margin-left:10px;
background-image: url(../images/footer3.gif);
background-repeat:no-repeat;
height: 42px;
width: 780px;
}
#footer2 {
margin-left:10px;
background-image:url(../images/footer3.gif);
background-repeat:no-repeat;
height: 42px;
width: 798px;
}
#footer3 {
margin-left:10px;
background-image: url(../images/footerPink.gif);
background-repeat:no-repeat;
height: 42px;
width: 798px;
}
.footerContent {
font-size:10px;
color:#666;
padding: 0px 25px 0px 25px;
}
/*---------- Main content layout 3 column------------ */
#main3 {
margin-left:10px;
padding-top:10px;
padding-bottom:20px;
height: auto;
width:780px;
background-color:#FCE0E0;

}
#container3
{
width: 90%;
margin: 25px auto;
color: #131313;
}
 #top3
{
color:#333;
margin-left:290px;
padding: 10px 0px 10px 0px;
border-bottom: 1px #666 solid;
border-top: 1px #666 solid;
width: 450px;
}

#leftCon3
{
float: left;
width: 160px;
margin: 0;
padding: 1em;
}

#rightCon3
{
float: right;
width: 160px;
margin: 0;
padding: 1em;
}

#contentMid3
{
margin-left: 200px;
border-left: 1px solid gray;
margin-right: 200px;
border-right: 1px solid gray;
padding: 1em;
max-width: 36em;
}
#leftCon3 p, #rightCon3 p { margin: 0 0 1em 0; }
#contentMid3 h2 { margin: 0 0 .5em 0;

}

/*---------- Main content layout 3 column end------------ */


/*---------- Main content PERFORMANCE RESUME------------ */
 #topPer
{
color:#333;
margin-left:25px;
padding: 10px 0px 10px 0px;
border-bottom: 1px #666 dotted;
border-top: 1px #666 dotted;
width: 683px;
}

#containerPer
{
width: 100%;
margin: 25px auto;
color: #131313;
}

#leftPer
{
float: left;
width: 300px;
margin: 10px 10px 10px 25px;
padding: 0px 10px 10px 0px;
}

#rightPer
{
float: right;
width: 333px;
margin: 0;
padding: 12px 20px 10px 10px;
border-left: 1px dotted #131313;
}

#contentPer
{
padding: 20px 0px 0px 140px;
width: 250px;
}
/*---------- Main content PERFORMANCE RESUME------------ */


/*---------- Main content CALENDER------------ */
 #topCal
{
color:#333;
margin-left:290px;
padding: 10px 0px 10px 0px;
border-bottom: 1px #666 dotted;
border-top: 1px #666 dotted;
width: 450px;
}

#containerCal
{
width: 100%;
margin: 25px auto;
color: #131313;
}

#leftCal
{
float: left;
width: 240px;
height: 293px;
padding: 0px 20px 0px 25px;
margin: 0px 0px 25px 0px;
}

#rightCal
{
float: right;
width: 220px;
margin: 0;
padding: 25px 20px 10px 0px;
}

#contentCal
{

margin-left: 265px;
margin-right: 30px;
padding: 2em;
max-width: 295px;
}
#contentCal b  {
font-size:13px;
}
#rightCal b {
font-size:13px;
}
/*------- Main content PERFORMANCE RESUME--------- */

/*---------- Main content layout 2 column------------ */

#main2 {
margin-left:10px;
padding-top:20px;
padding-bottom:30px;
height: auto;
width:780px;
background-color:#FCE0E0 ;
}

#container2
{
width: 100%;
margin-bottom:40px;
color: #131313;
}
 #top2
{
color:#333;
margin-left:25px;
margin-top: 15px;
padding: 10px 0px 10px 0px;
border-bottom: 1px #666 dotted;
border-top: 1px #666 dotted;
width: 683px;
}
 #leftCon2
{
float: right;
width: 200px;
padding: 0px 87px 0px 12px;
border-left: 1px dotted #131313;
}
 #contentMid2
{
padding: 25px 50px 0px 137px;
max-width: 250px;
}

#leftCon2 p { margin: 0 0 1em 0; }
#contentMid2 h2 { margin: 0 0 .5em 0; 
}
#mainPhoto {
margin-left:10px;
padding-top:20px;
padding-bottom:20px;
height: auto;
width:780px;
background-color:#FCE0E0 ;
}

#containerPhoto {
width: 100%;
color: #131313;
}
 #topPhoto
{
color:#333;
margin-left:23px;
margin-top: 15px;
padding: 10px 0px 10px 0px;
border-bottom: 1px #666 dotted;
border-top: 1px #666 dotted;
width: 683px;
}
 #leftPhoto
{
float: left;
width: 200px;
margin-right: 0px;
padding: 10px 3px 0px 25px;
border-right: 1px dotted #131313;
}
 #contentPhoto
{
margin-left:240px;
padding: 8px 0px 0px 0px;
max-width: 400px;
}

#leftPhoto p { margin: 0 0 1em 0;  
}
/*---------- Main content layout 2 column end------------ */
#mainBio {
margin-left:10px;
padding-top:10px;
padding-bottom:20px;
height: auto;
width:780px;
background-color:#FCE0E0 ;
}

#containerBio
{
width: 100%;
color: #131313;
}
 #topBio
{
color:#333;
margin-left:23px;
margin-top: 25px;
padding: 10px 0px 10px 0px;
border-bottom: 1px #666 dotted;
border-top: 1px #666 dotted;
width: 683px;
}
 #leftBio
{
float: right;
width: 195px;
margin-left:10px;
padding: 0px 87px 400px 10px;
border-left: 1px dotted #131313;
}
 #contentBio
{

padding: 10px 20px 50px 135px;
max-width: 300px;
}

#leftBio p { margin: 0 0 1em 0; }
#contentBio h2 { margin: 0 0 .5em 0; 
}

#mainVid {
margin-left:10px;
padding-top:20px;
padding-bottom:20px;
height: auto;
width:780px;
background-color:#FCE0E0 ;
}

#containerVid
{
width: 100%;
margin: 0px 0px 0px 0px;
color: #131313;
}
 #topVid
{
color:#333;
margin-left:25px;
margin-top: 20px;
padding: 10px 0px 10px 0px;
border-bottom: 1px #666 dotted;
border-top: 1px #666 dotted;
width: 683px;
}
.leftVid
{
float: right;
width: 125px;
padding: 10px 15px 0px 14px;
border-left: 1px dotted #131313;
}
.leftVid2
{
float: right;
width: 100px;
padding: 10px 71px 0px 14px;
border-left: 1px dotted #131313;
}

 #contentMidVid
{
padding: 20px 10px 50px 180px;
max-width: 425px;
}
/*---------- Main content index------------ */
 #containerProgram
{
width: 100%;
margin: 0px 0px 0px 15px;
color: #131313;
}
 #topProgram
{
color:#333;
margin:15px 0px 20px 25px;
padding: 0px 0px 10px 0px;
border-bottom: 1px #666 dotted;
border-top: 1px #666 dotted;
width: 683px;
}

#mainProgram {
margin-left:10px;
padding-top:20px;
padding-bottom:20px;
height: auto;
width:780px;
background-color:#FCE0E0 ;
}



/*---------- Main content index end------------ */


/*---------- Main content PROGRAMS------------ */

#mainPro {
margin-left:10px;
padding-top:10px;
padding-bottom:20px;
height: auto;
width:780px;
background-color:#FCE0E0;
}

#containerPro
{
width: 95%;
margin: 10px auto;
color: #131313;
line-height: 130%;
}
 #topPro
{
color:#333;
margin-left:10px;
margin-top: 25px;
padding: 10px 0px 10px 0px;
border-bottom: 1px #666 dotted;
border-top: 1px #666 dotted;
width: 683px;
}
 #leftPro
{
float: left;
width: 227px;
margin: 0;
padding: 1em;
}
 #contentPro
{
margin-left: 250px;
border-left: 1px dotted #666;
padding: 25px 10px 10px 10px;
max-width: 36em;
}

#leftPro p { margin: 0 0 1em 0; }
#contentPro h2 { margin: 0 0 .5em 0; 
}
.prog_img {
padding:5px 0px 5px 0px;
vertical-align:top;
}
/*---------- Main content PROGRAMS END------------ */
#lwrapFRAME {
width:780px;
vertical-align:top;
padding-left:10px;
padding-right: 10px;
padding-bottom:20px;
padding-top:10px;
}

.program_description {
padding-left:30px;
width:500px;
vertical-align:top;
}

.program_description a {
color:#527371;
}

.program_description a:hover {
color:#cabe1a;
}


.program_description ul, li {
padding-left:0px;
color:#131313;
line-height: 17px;
font-size:11px;
}

.program_description ul {
width:370px;
padding-bottom:10px;
display:block;
float:left;


}

.program_description h1 {
color:#000000;
line-height: 1.2em;
font-size:16px;
font-weight:bold;
padding-bottom:10px;
padding-top:20px;
text-transform:uppercase;

}

.program_description h2 {
color:#000000;
line-height: 1.2em;
font-size:14px;
font-weight:bold;
padding-bottom:5px;
padding-top:10px;
text-transform:uppercase;

}

.program_description h3 {
color:#4c480a;
line-height: 1.2em;
font-size:12px;
font-weight:bold;
padding-bottom:5px;
padding-top:10px;
text-transform:uppercase;

}

.program_description h4 {
color:#4c480a;
line-height: 20px;
font-size:11px;
padding-bottom:5px;
padding-top:10px;
text-transform:uppercase;
border-bottom:#e3d71e solid 1px;


}


.program_description p {
width:370px;
color: #131313;
line-height: 16px;
font-size:11px;
padding-bottom:10px;
border-bottom:#1e1e1e solid 1px;
}
.synop_img {
padding:4px;
border:#ccc solid 1px;
background-color:#fff;
vertical-align:middle;
}

.synop_img:hover {
filter:alpha(opacity=65);
-moz-opacity:.65;
opacity:.65;
overflow:hidden;
}

.nobg {
background:none;
}
.synop_head {
padding-left:30px;
padding-bottom:9px;
color:#fff;
font-weight:700;
font-size:16px;
text-align:left;
}
#indexContent {
font-size:10px;
line-height:12px;
padding: 5px 250px 5px 10px;
}
a.contactLink:link {
color: #C1272D;
text-decoration: none;
}
a.contactLink:visited {
color: #C1272D;
text-decoration: none;
}
a.contactLink:hover {
color: #1e1e1e;
text-decoration: none;
}
a.contactLink:active {
color: #C1272D;
text-decoration: none;
}


.thumbnail {

border: 1px #cccccc solid;
}
.subtitle {
font-size:10px;
text-align:center;
padding: 0px 0px 3px 0px;
border-top:1px #666 dotted;
border-bottom:1px #666 dotted;
background-color: #EFDADA;
}
.videotitle {
font-size:12px;
text-align:left;
padding: 0px 0px 0px 0px;

}
.bottomHr {
width: 450px;
height:5px;
border-bottom:1px #666 dotted;
border-top:1px #666 dotted;
margin-left:289px;
}