/*
Theme Name: MIT Themes
Theme URI: http://www.webdc.com.ph/
Description: The default WordPress theme of MIT Themes
Version: 1.6
Author: Justino A. Arciga Jr.
Author URI: http://www.webdc.com.ph/
Tags: fixed width, two columns, widgets

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

body{padding:0; margin:0; background-image:url(images/bg.gif); background-repeat:repeat-x; background-color:#842200; font-family:"Tahoma", Arial, Verdana, Helvetica; color:#333333}

#main{margin:0 auto; width:980px;}
#site{margin:0 auto; width:980px; height:500px; background-image:url(images/sitebg.png); background-repeat:repeat-y;}
#sitecontent{margin:0 auto; width:980px; top:0; position:absolute}
#sitefoot{margin:0 auto; width:980px; height:10px; background-image:url(images/sitefoot.png); background-repeat:no-repeat;}
#top{margin:0 auto; width:954px; height:180px; background-image:url(images/topbg.jpg); background-repeat:no-repeat;}

#navi {list-style-type:none; }
#navi{margin:0 auto; padding:0 0 0 0; width:954px; height:42px;}
#navi li {float:left; margin:0 0 0 0; padding:0 0 0 0; }
#navi li { display:block; }

#mid{margin:0 auto; width:954px;}
#midleft{margin:0 auto; width:752px; float:left}
#midright{margin:0 auto; width:202px; float:right;}
#midright_in{margin:0 auto; width:180px; float:right;}
#ads{width:180px; height:300px; color:#712700; border:#712700 1px solid; font-size:20px; text-align:center; display:none; }
.crumbs{height:41px; background-image:url(images/crumbsbg.gif); background-repeat:repeat-x; line-height:41px; font-size:18px; font-weight:bold; font-family:Arial,"Tahoma",Verdana, Helvetica; color:#ffffff; text-indent:20px;}
.arrowt{width:10px; float:left; background-image:url(images/arrowtitle.gif); background-repeat:no-repeat; height:41px; margin-left:20px;}
* html .arrowt{width:10px; float:left; background-image:url(images/arrowtitle.gif); background-repeat:no-repeat; height:41px; margin-left:10px; margin-right:15px;}
.announcepic{width:279px; float:left;}

.announcepic .simpleimage { margin:0 auto;}

.announcebox{/*width:450px; float:right;*/ width:752px;}
.announce{/*width:450px; float:right;*/ width:702px; margin:0 auto; font-size:12px;}
.title{color:#712700; font-size:16px;}
.imgs{padding-right:30px;}
/*.simpleimage p {margin:-right:0;}*/

#midright_in .simpleimage p {margin:0 0 18px 0; padding:0 0 0 0;}

.panel .simpleimage {float:left; margin:0 30px 35px 0; padding:0 0 0 0;}


.line{width:954px; margin:15px auto 0 auto; height:12px; background-color:#9e0101; clear:both}
.line2{width:954px; margin:0 auto; height:5px; background-color:#9e0101; clear:both}
.footer{text-align:center; font-size:12px; line-height:20px; font-family:Arial,"Tahoma",Verdana, Helvetica;}
a.footer{text-decoration:none; color:#000000}
a.footer:hover{text-decoration:underline; color:#000000}

#left{margin:0 auto; width:272px; float:left;}
#right{margin:0 auto; width:652px; float:right;}
.cont{margin:0 auto; width:600px; font-size:12px}
.cont2{margin:0 auto; width:650px; font-size:12px}
.gallerycont{margin:0 auto; width:650px; font-size:12px}
.crumbs2{height:41px; line-height:41px; font-size:18px; font-weight:bold; font-family:Arial,"Tahoma",Verdana, Helvetica; color:#ffffff; text-indent:10px; color:#772700}
.arrowt2{width:10px; float:left; background-image:url(images/arrow.gif); background-repeat:no-repeat; height:34px; margin-left:20px; color:#772700}
* html .arrowt2{width:10px; float:left; background-image:url(images/arrow.gif); background-repeat:no-repeat; height:34px; padding-left:10px; margin-right:5px; color:#772700;}
div.about{width:200px; margin-left:50px;}
div.dis{font-size:12px; color:#712700; font-weight:bold; height:30px; border-bottom:1px #ccc dashed; line-height:30px; width:200px; background-image:url(	images/bilog.gif); background-repeat:no-repeat; background-position:left; text-indent:10px; cursor:pointer}
div.act{font-size:12px; color:#333333; font-weight:bold; height:30px; border-bottom:1px #ccc dashed; line-height:30px; width:200px;text-indent:10px; cursor:pointer}
* html div.act{font-size:12px; color:#333333; font-weight:bold; height:30px; border-bottom:1px #ccc dashed; line-height:30px; width:200px; text-indent:10px; cursor:pointer}
.eventpic{float:left; width:152px; height:136px; background-image:url(images/eventbg.gif); background-repeat:no-repeat;}
.eventpic img{margin-top:3px;margin-left:3px;}

.ofcpic{width:152px; height:136px; margin:0 auto; background-image:url(images/eventbg.gif); background-repeat:no-repeat;}
.ofcpic img{margin-top:3px;margin-left:3px;}

.paspic{width:98px; height:102px; background-image:url(images/pastbg.gif); background-repeat:no-repeat; float:left}
.paspic img{margin-top:3px;margin-left:3px;}

.eventtxt{width:400px; float:left; margin-left:20px;}
a.more{color:#712700; text-decoration:none; font-size:11px}
a.more:hover{color:#712700; text-decoration:underline; font-size:11px}
.contactl{width:355px; float:left; font-size:12px;}
.contactr{margin-left:50px;width:355px; background-color:#ccc; float:left; font-size:12px;}
td{border-color: #ccc; border-width: 0; border-style: solid; margin: 0;}
.form{background-image:url(images/form.gif); background-repeat:no-repeat; width:488px; height:424px;}
.form td{}
.inp{width:200px; height:20px;}
div.maf-form { width:486px; margin:0 auto; background-image:url(images/memberships_form.jpg); background-repeat:no-repeat;}
#wpcf7-f2-p103-o1 .wpcf7-response-output{ text-align:center; margin:0 auto;}
#maf {font-size:12px;}
#maf .inp{width:252px; height:20px;}
td.title{font-size:18px; font-weight:bold; font-family:"Tahoma", Arial, Verdana, Helvetica;}
.name{font-weight:bold; text-align:center; }
.pasname{font-weight:bold; text-align:left; float:left }

.gallerytxt{width:650px; float:left; }

/* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.
	It won't be a stylish marriage, I can't afford a carriage.
	But you'll look sweet upon the seat of a bicycle built for two." */

/* Begin Images */
img { border:none; }
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */

.table-container table {border-collapse-collapse; border:none; }
.table-container table th { padding-bottom:20px; font-size:18px;}
.table-container table td{ padding-bottom:15px; font-size:12px; line-height:normal;}


/*drop-down*/
#main-nav { width:954px; list-style:none; padding:0; margin:0 auto; font-size:11px; overflow:hidden;}
* html #main-nav {width:957px; margin:0 0 0 13px; overflow:hidden;}

#main-nav li { float:left; }
* html #main-nav li a { float:left; }
/*.anylinkcss ul {margin:0; padding;0; list-style:none; float:left;}*/
.anylinkcss ul li a { font-size:12px; padding:7px 0 7px 0; display:float:left; }
.anylinkcss ul li a, .anylinkcss li a:link, .anylinkcss li a:visited {color:#484949; text-decoration:none; }
.anylinkcss ul li a:hover {color:#730101; background-color:#dfd2a6; }
 .anylinkcss ul li a:visited {color:#484949; text-decoration:none;}

/*Meta front-page*/

.front-page ul.post-meta {margin:0; padding:0 0 0 0; list-style:none;}
.front-page ul.post-meta li {margin:0; padding:0 0 0 0;}
.front-page ul.post-meta li span.post-meta-key{margin:0; padding:0 0 0 0; display:none;}




.front-page h3{ padding-left:15px; font-size:18px; font-weight:bold; font-family:Arial,"Tahoma",Verdana,Helvetica; }