/* mitra */

/* Same as story image, but don't set width */
div.modulerotatoralignright, div.moduletablerotatoralignright { border: 1px solid #996600;  margin: 0px 5px 5px 5px ; float: right; }

/* http://www.siteground.com/tutorials/joomla15/joomla_dropdown_menu.htm - to get drop-downs in Extended menu */

ul#menulist_root li ul {
    display:none;
}
ul#menulist_root li:hover ul{
    display:block;
    background:none;
}
ul#menulist_root li ul li{
 background:#EDF8C7;
    opacity:0.90;
    filter: alpha(opacity=90);
    -moz-opacity: 0.90;
    clear:both;
}
ul#menulist_root li ul li a{
    background:none;
   width:120px;
}
ul#menulist_root li ul li a:hover{
    color:#AA0000;
    background:none;
}
/* Make sure lists in tables don't move over too far - note same as in div.module_menu ul in template.css */
table.contenttable ul, div.moduletable ul {
   margin:10px 0;
   padding-left:20px;
}

/* In menu modules - e.g Projects menu on mitra.biz - if menu item has image then lines up wrong */ 
ul.menu li { clear: left; }
ul.menu { padding-left: 20px; } /* And move it over to align with lists in regular menus */

/* End */
/* Allow for a standard table style in content */
table.contenttable {
	border: 1px solid #c7c7c7;
}
table.contenttable td {
	padding:2px;
	border: 1px solid #c7c7c7;
}
/* Allow easy setting of style for img's inside stories */
img.storyimagesmall, img.storyleadvert, img.storyimagevert, img.storylead, img.storyimage { border: 1px solid #996600;  margin: 0px 5px 5px 5px ; float: right; }
img.teamimage { border: 1px solid #996600;  margin: 0px 5px 5px 0px ; float: left; width: 20%; }
img.categoryimage { width: 46%; margin: 0px 10px 5px 5% ; float: right; }
/*#give an image a standard class and then overwrite */
img.storylead { width:66%; }
img.storyimage { width:50%; }
img.storyimagesmall { width: 33%; }
img.storyleadvert { width:38%; }
img.storyimagevert { width:38%; }
td.article_column img.storylead, td.article_column img.storyleadvert {width:100%; }
@media print {
	img.storylead { width:33%; }
	img.storyimage { width:33%; }
}

/* Not sure what this one is for  - was not on mitra.biz*/
td.article_column { text-align: justify; } 

/* Not sure what this one is for - was not on mitra.biz*/
div.moduletable, #leftcolumn div.module { font-size: 80%; } 

/* Note ni had 1.2 and mb 1.4 */
h2, .contentheading, .subheadingInt {
	font-size: 1.2em;
}

h3, .componentheading, table.moduletable th, legend {
  font-size: 1.2em;
}

/* Want to treat headings on articles as different in blogs or as articles */
/* Specifically - same as componentheading when at top level */
.contentheading { color: #996600; font-weight: bold;}
.leadingarticle .contentheading, .article_column .contentheading { color: #333333; font-weight: normal; }

/* This was on mitra.biz next to div.caption */
div.img_caption       { padding: 0 10px 0 10px; }
div.img_caption img   { border: 1px solid #CCC; }
div.img_caption p     { font-size: .90em; color: #666; text-align: center; }

/* Some content specific stuff */
/* This is for some embeded videos - change the code to width=100% height=100% and wrap in div class=480x390 */
div.w480h390 { width:480px; height:390px; }
td.article_column div.w480h390 { width:240px; height:195px; }
div.w480h289 { width:480px; height:289px; }
td.article_column div.w480h289 { width:240px; height:145px; }

/* Not sure this is used yet */
div.col2only { display:none; }
td.article_column div.col2only { display:block; }
div.col1only { display:block; }
td.article_column div.col1only, td.article_column div.attachmentsContainer { border: 4px solid red; display:none; }

td.article_column div.col1only, td.article_column div.attachmentsContainer { display:none; }

/* Use this to insert quoted HTML */
div.quote { padding-left: 30px;  border-left: 1px solid #CCC; }