

#donate-frame { border:none; width:550px; margin:0; padding:0; height:2000px;  }



* { font-family:'Lucida Sans', 'Lucida Grande', Arial, Sans-Serif;  }
html { background:#333; margin:0 !important; padding:0 !important; }
body { text-align:center;  background:#333;  margin:0 !important; padding:0 !important;  }
td { vertical-align:top; }
h1 { color:#cc3333; font-size:168%; text-transform:uppercase;  }
h2 { color:#6699cc; font-size:256%; text-transform:uppercase;  } /* backwards, maybe fix */
h1#section_title { color:#ffe43a; font-size:185%; text-transform:uppercase;  } /* backwards, maybe fix */
h3 { color:#6699cc; font-size:135%; text-transform:uppercase;  } /* backwards, maybe fix */

a { color:#ffe43a; }


p { padding: 10px 0; }
#page { position:relative; z-index:1; width:995px;  margin:0 auto; text-align:left;  background:#fcfcfc; padding-bottom:5px; }

#header { position:relative; z-index:65; width:995px; height:112px; background:#fcfcfc; }
#logo { position:absolute; left:0; top:14px; }
#nav { position:absolute; right:37px; top:75px; z-index:999; }
.box_content { margin:20px 0 20px 20px;  }
.box_content a { color:#FFF;  }

#top { position:absolute; top:0; right:30px; background:#EEE; color:#6699cc; font-size:112%; text-transform:uppercase; padding:4px; height:30px; overflow:visible; }
#top a { color:#cc3333; text-decoration:none; }
#top #contact, #top #meca_connect { margin-right:5px; }
#top #search { position:relative; top:4px; height:20px;  }
#search_box { position:absolute; top:40px; right:30px;   }
#home img { margin-top:-11px;  }
#magnifyicon {  width:19px; height:20px; }


#grey { position:relative; width:995px; z-index:50; height:417px; background:#878787; }




#intro { position:absolute; z-index:56; width:275px; left:60px; top:40px; font-size:105%;  line-height:24px; color:#FFF;  }
#trapezoid { position:absolute; z-index:55; top:0px; left:33px; width:428px; height:417px; background:url(/images/trapezoid.png) no-repeat;  }
#flash { width:928px; height:417px; top:0px;  margin-left:33px;  }

#slideshow { position:relative; margin-left:33px;  width:928px; height:417px;  }
.slide { width:928px; height:417px;  }
.slide-zoid {  position:absolute; top:0; left:0; z-index:1;  width:428px; height:417px; color:#FFF; }
.slide-zoid div {  width:300px; height:344px; overflow:hidden;  margin-left:30px; margin-top:30px; font-size:105%;  line-height:24px; color:#FFF; }

#cycle-pager { position:absolute; right:72px; top:15px; z-index:15;  }
#pause-slideshow { position:absolute; right:50px; top:8px; z-index:15; }
#pause-slideshow img { width:18px; height:18px;  }
#cycle-pager a { display:block; float:left; height:16px; width:16px; color:#FFF; background:none;  line-height:16px;  font-size:110%; margin:3px; padding:2px;  text-decoration:none; text-align:center;  }
#cycle-pager a.activeSlide {  background:#6699cc;    }



#midgard { position:relative;  height:40px; width:995px;  }
#midgard #ticker  { position:absolute; z-index:99; width:637px; height:29px; top:10px;  left:33px;  color:#000; font-size:100%;  }
#ticker ul { margin-top:5px !important; margin-left:42px !important; }
#ticker a { text-decoration:none; color:#000;  }
#ticker a:hover { text-decoration:underline;  }
#ticker a b { color:#cc3333; }

#midgard #rss { position:absolute; left:33px; top:8px; width:27px; height:27px; }

input.image-button { position:relative; top:8px; }

#featured { width:995px; position:relative; margin-top:5px;  }
#featured_table { position:relative; margin-left:33px; }
#featured_table td { position:relative; height:122px; width:228px; padding-right:5px;  }
#featured_table td a { text-decoration:none;  }

.featureWrap {  position:relative; height:122px; width:228px;  }
.featureCover { position:absolute; top:0; left:0; z-index:2; height:122px; width:228px; background:url(/images/cinema-box-overlay.png) no-repeat; text-transform:uppercase; color:#FFF; font-size:80%;  }
.featureCover span { display:block; position:absolute; top:5px; left:24px; font-size:13px;   }

.featureImage { position:absolute; top:0; left:0;  z-index:1; height:122px; width:228px; }




#footer { position:relative; padding:0; margin:0 auto; margin-top:15px; margin-bottom:15px;  width:927px; height:76px;  }


#footer #join { position:absolute; top:6px; font-size:135%; }
#footer #mailing-list { position:absolute; left:0px;  top:3px; width:375px;  color:#cc3333;   line-height:30px;   }
#footer #mailing-list form { position:absolute; top:-2px; left:120px;   }

#footer #mailing-list form * { color:#555; font-size:100%;  }
#footer #mailing-list #join { position:absolute; top:13px;   }


#outerfoot {  position:relative; width:927px;   height:70px; background:#FFF;  color:#555;  }
#outerfoot #address { position:absolute; left:0px; width:667px; bottom:0px; background:#FFF; color:#555;  }
#footer #address { position:absolute; right:0px; bottom:13px;  text-align:right;  width:575px; height:23px;  }
#address {  font-size:10px;  }

#outerfoot #meca {  position:absolute; right:0px;  bottom:0px; width:85px; height:34px; background:url(/images/meca_black.png) no-repeat; } 


/* INTERIOR SYTLES */




#section { position:absolute; z-index:5; width:auto; padding:10px; padding-right:33px; padding-left:33px;  right:33px; top:130px;  background:url(/images/trans.png); }



.subnav a { font-size:135%; text-decoration:none; color:#FFF;  }
ul.subnav, ul.subnav li { list-style-image: url(/images/plus.png); list-style-type:circle; margin-left:10px;  }

#breadbanner { width: 995px; height:40px; background:#6699cc;  }
#breadcrumbs { margin-left:30px; padding-top:10px;  }
#breadbanner, #breadbanner a {  color:#FFF; text-decoration:none; font-size: 108%;  }
#breadbanner a:hover { text-decoration:underline; }



#liveborder {   width:927px; margin-left:33px; }
#outerhead {  margin-top:5px; width:927px; margin-left:33px; height:35px; background:#FFF; }

#outercontent { width:927px;   padding:25px 0; font-size:92%; color:#FFF; line-height:22px; background:url(/images/blueback.png) repeat-y;  }
#outercontent > table { width:927px; }
td#left { width:622px;  }
td#right { width:265px;   }

#outercontent em { color:#FFF; font-size:92%; font-style:italic; }
#outercontent span { color:#ffe43a; font-size:92%; font-weight:normal; }

#side {  margin-left:10px;  width:225px; padding-left:20px;  padding-bottom:20px;   font-size:92%; font-weight:normal; line-height:14px;  margin-top:-15px;  }

#side a { text-decoration:none; }



h5 { height:27px; width:75px; overflow:visible;  background-color:#cc3333;  padding: 0px 18px; margin:20px 0px 5px 0px; position:relative; z-index:9; left:-42px;  padding-top:7px; color:#FFF; font-size:142%;   }

h5.short { width:50px;  }
h5.medium { width:100px; }
h5.long { width: 165px; }





#content { width:558px; margin-left:30px; overflow:visible; color:#FFF;  font-size:112%;   } 
#content table td { padding:5px; }


#outercontent td { }



.rightImage { float:right; padding: 5px 0 5px 20px; }
div.featuredThumbs { margin:10px 0; }
div.featuredThumbs img { padding:5px;  } 

.clear { clear:both; }



.tabbox a, .navtabbox a { color:#FFF; }
        
/* hyperwindow */

      
        #hyperwindow h1 { font-size:256%;  color:#ffe43a;  } 
        #hyperwindow a { text-decoration:none;  }
        #hyperwindow a:hover { text-decoration:underline;  }
        
        #hyperwindow .academic_programs,
        #hyperwindow .about, 
        #hyperwindow .admissions, 
        #hyperwindow .news_and_events, 
        #hyperwindow .alumni, 
        #hyperwindow .support_meca, 
        #hyperwindow .meca_life, 
        #hyperwindow .meca_connect
         { position:absolute; display:none; top:112px;  z-index:99; width:429px; height:277px; background:url(/images/hyperwindow.png) no-repeat; }
        
        
        #hyperwindow .close { position:absolute; right:2px; top:7px; width:27px; height:27px; background:url(/images/hyperwindow-close.png) no-repeat; z-index:100; }
        
        #hyperwindow .about { left:310px; }
        #hyperwindow .academic_programs { left:370px; }
        #hyperwindow .admissions { left:512px; }
        
        #hyperwindow .news_and_events { left:512px; }
        #hyperwindow .support_meca { left:512px; }
        #hyperwindow .alumni { left:500px; }
        #hyperwindow .meca_life { left:588px; }
        #hyperwindow .meca_connect { left:522px; top:30px;  }
        #hyperwindow .meca_connect table td { padding:5px;  }

/* Courses */

/*
table.course { margin:20px 0;  padding:20px; width:450px !important;  background:#86b9ed; border:9px solid #FFF; }
table.course th { text-align:center; padding:10px;  }
table.course td { border:1px dotted #FFF; text-align:left; padding:10px; }
table.course h3 { color:#ffe43a; font-size:195%; }

table.faculty { margin:20px 0;  padding:20px; width:450px !important;  background:#86b9ed; border:9px solid #FFF; }
table.faculty th { text-align:center; padding:10px;  }
table.faculty td { border:1px dotted #FFF; text-align:left; padding:10px; }
table.faculty h3 { color:#ffe43a; font-size:195%; }

*/


table.course { margin:20px 0;  padding:20px; width:560px !important;  background:#FFF; border:9px solid #86b9ed; color:#000;  }
table.course th { text-align:left; padding:10px;  }
table.course td { border:1px dotted #86b9ed; text-align:left; padding:10px; }
table.course h3 { color:#cc3333; font-size:195%; }
table.course a { color:#cc3333;  }

table.faculty { margin:20px 0;  padding:20px; width:560px !important;  background:#FFF; border:9px solid #86b9ed; color:#000;  }
table.faculty th { text-align:center; padding:10px;  }
table.faculty td { border:1px dotted #86b9ed; text-align:left; padding:10px; }
table.faculty h3 { color:#cc3333; font-size:195%; }
table.faculty a { color:#cc3333;  }

table.news { margin:20px 0;  padding:20px; width:560px !important;  background:#FFF; border:9px solid #86b9ed; color:#000;  }
table.news th { text-align:left; padding:10px;  }
table.news td { border:1px dotted #86b9ed; text-align:left; padding:10px; }
table.news h3 { color:#cc3333; font-size:195%; }
table.news h4 { color:#555; font-size:150%; }
table.news a { color:#cc3333;  }

#content ul.tabs li  { margin:0 !important; padding:0; }
#content ul.tabs a { font-size:105%;  }
#content li { list-style-type:disc; margin-left:30px;  }
#content ul.navtabs li, #content ul.tabs li { list-style:none; padding:0;  }
#content b, #content strong { font-weight:bold; }

#midgard-three a { text-decoration:none; }
#midgard-three a:hover { color:#333;  }

.tab_container h1 { font-size: 300% !important; }




        #side ul, ul#nav-list, ul#news_items { color:#FFF; list-style:none;  }
        #side ul, ul#nav-list ul { padding-left:30px; }
        #nav-list ul li ul {  }
        #nav-list ul li ul li {  }
        #side ul li a, #nav-list li a, ul#news_items li a { color:#ffffcc; font-size:120%; font-family:'Lucida Sans', 'Lucida Grande', Sans-Serf; text-decoration:none; line-height:25px; }
        #side ul li a span, #nav-list li a span { font-weight:bold; font-size:125%;  }
        #side ul li a:hover, #nav-list li a:hover, ul#news_items a:hover { color:#363c66; }

#galleryTable { width:470px !important; padding:0; margin:0; }
#galleryTable td {  text-align:center;  margin:0; padding:0; width:150px;   background:#333; border:9px solid #86b9ed; color:#000;  }
#galleryTable td img  { width:150px; height:150px;  margin:0; padding:0; }
#galleryTable a { color:; text-decoration:none; text-align:center;  }

#search-box h1 { font-size:222%; color:#cc3333; }


ol li, ol { list-style: decimal !important; }


/* News Headlines */

#side li.news-headline-group { font-size:12px; font-weight:normal; color:cream; padding-bottom:15px;  }
#side li.news-headline-group * { line-height:15px !important; }

#side li.news-headline-group a:hover { text-decoration:underline;  }
#side span.news-headline { font-size:12px; font-weight:normal; color:#FcFdd3;  }
#side span.news-headline-date {  font-size:12px; font-weight:normal; color:cream;  display:block; }

#social { position:absolute; top:15px; right:35px; z-index:99; }
#social ul li {
    float: right;
	margin-left: 10px;
}


.apollo-form td, .apollo-filter-form td  { padding-right:15px !important; }





ol { list-style-type:decimal !important; }


/*


.apollo-filter-form table, form#login-form { width:300px !important; border:1px solid green;  }
 #login-form * { margin:0 !important; padding:0 !important; }
.apollo-filter-form td, form#login-form td, form#login-form span { width:0px !important;  border:1px solid yellow;}
*/

#address * { color:#000;  }

#connect_box {  background:#EEE; display:none;  padding-top:9px; width:120px; text-align:center; height:30px; position:absolute; top:30px; right:0px; }

