/* ACDE Layout styles 
Author: Tania Bull
		Faculty of Education, Monash University
			
Website colours:
	#7A2343 - ACDE logo
	#B2B2B2 - darker gray
	#DDDDDD - lighter gray
	#CC3300 - bright red
	#990033 - deeper red
	#003399 - blue
*/

/* 
 * ============================================================================================================
 *  HEADER BLOCK
 * ============================================================================================================
 */
 
/* for table design
#header-block{
	background: url(/images/backstripes.gif) top repeat;
}

.logo{
	padding-left:10px;
}*/

/* for tableless design */
#header-block{
	background: url(/images/backstripes.gif) bottom repeat;
	/*background-color:#2E237A;*/
	position:relative;
	height: 80px;
	left: 0px;
}

.logo{
	position: absolute;
	bottom: 0px;
	left:15px;
}

/* 
 *  UTILITY NAVIGATION (Contact us, etc.)
 */

#util-nav{
	position: absolute;
	top: 10px;
	right: 0;
	/*font-size:0.9em;*/
}

#util-nav ul{
	list-style-image: url(/images/icons/arrow-red.gif);
	margin: 0;
	padding: 0;
}

/* 
 * ============================================================================================================
 *  MEMBER LOGIN BLOCK
 * ============================================================================================================
 */
 #mem-login{
	position:absolute;
	bottom: 0px;
	right:0px;
	background: url(/images/corner-stripes-tl.gif) bottom left no-repeat;
	background-color:#003399; /*#FFCC66-orange, #cc3300;*//* same colour as horizontal-line2 */
	padding: 5px 6px 1px 100px; /*left-justified*/
	/* padding: 5px 41px 1px 65px; more or less centered */
 }
 
 #mem-login a{
	color:white;
	text-decoration: none;
	font-weight:bold;
	font-size:16px;
 }
 
 #mem-login a:hover{
	text-decoration:underline;
 } 
 
 /* Horizontal thin bars */
.horizontal-line2 {	
	background-color: #003399; /*#FFCC66-orange, #CC3300;*/ /* same colour as the mem-login box */
	line-height: 7px;
	border: none;
	margin:0;
	margin-bottom: 1px;
}

 .horizontal-line1 {
	background-color:#B2B2B2;
	line-height: 7px;
	border: none;
	margin: 1px 0px 1px 0px;
}
 
/* 
 *  DATE
 */

#date-block {
	background: url(/images/corner-white-br.gif) top right no-repeat;
 	background-color: #B2B2B2;
	/*font-size: .9em;*/
	color: white;
	font-weight:bold;
	text-align: right;
	padding: 2px 25px 2px 0px;
}

/* 
 * ============================================================================================================
 *  CONTENT BLOCK
 * ============================================================================================================ 
 */
 
 .layout-table{
 	width: 100%;
}
 
 .layout-table td{
 	vertical-align:top;
	padding: 0;
	margin: 0;
 }
 
/* 
 *  MENU COLUMN
 */

#menu-column{
	width: 220px;
	background-color: #DDDDDD;
}

.main-img{
	height: 140px;	/* maximum height of the image */
}
.home-link{
	padding: 20px 0 0 10px;
}

.home-link a{
	font-weight:bold;
	font-size: 16px;
	color: #990033;
	text-decoration:none;
}
.home-link a:hover{
	text-decoration:underline;
}

.menu{
	width: 220px;
}

.menu ul
{
	list-style-type:none;
	padding: 0;
	margin: 0.5em 0 0 0;
	border-top: 1px solid white;
}

.menu ul li {
	border-bottom: 1px solid white;
	
}

.menu ul li a
{
	display: block;
	padding: 5px 5px 5px 10px;
	text-decoration: none;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 16px;
	/*color: white;*/
	color:#990033;
	background-color:#CCCCCC; /*#B2B2B2;#990033;*/
}

.menu ul li a:hover
{
	display: block;
	background-color:#B2B2B2;
	color: white;
}

/* Selected menu item styles */
body#board li.board a, 
body#publications li.publications a,
body#discussions li.discussions a, 
body#conference li.conference a, 
body#awards li.awards a, 
body#pressreleases li.pressreleases a, 
body#members li.members a, 
body#links li.links a,
body#contactus li.contactus a
{
	background-color:#DDDDDD;
}

/* Indented menu items */
.menu ul ul
{
	list-style-type:none;
	padding: 0;
	margin: 0;
	border-top: 1px solid white;
}

.menu ul li li a
{
	/*padding: 5px 5px 5px 30px;*/
	background-color: #CC3300;/*#BF003F;#003399;*/
}

/* 
 *  CONTENT COLUMN
 */

#content-column{
	padding: 10px;
}

/* 
 *  THIRD COLUMN
 */
#third-column{
	width: 220px;
	padding-top: 10px;
	/*border-left: 1px dashed gray;*/
}

/* 
 *  HIGHLIGHTED CONTENT
 */

.highlight-box {
	 border: 1px solid #B2B2B2;
	 margin-top: 1em;
	 width:100%;
}

.highlight-box th {
	background-color: #DDDDDD;
	padding: 4px;
	text-align: left;
	color: #990033;
	font-size: 16px;
}

.highlight-box td {
	padding: 4px;
}

.highlight-box ul {
	margin: 0;
	padding: 0;
	padding-left: 1.2em;
	list-style-position:outside;
}

/* 
 * ============================================================================================================
 *  FOOTER BLOCK
 * ============================================================================================================
 */
 
#footer-block{
	clear: both;	 /*start footer on the new line */
	height: 4em;
	color:#5B5B5B;
	/*border: 1px dashed black;*/
}

.copyright{
	float: left;
}

.last-updated{
	float: right;	
}

/* 
 * ============================================================================================================
 *  COMMON STYLES
 * ============================================================================================================
 */

BODY, p, div, strong, li{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
}
body {
	margin-top: 0;
}

h1{
	color: #990033;
	font-size: 24px;
	margin: 0.5em 0 0 0;
	/*padding-top: 5px;*/
}

h2{
	border-bottom: 1px dashed gray;
	font-size:20px;
	color: #990033;
}

h3{
	color:#003399;
	font-size:18px;
}

h4{
	color:#003399;
}

.red{
	color:#990033;
	font-weight:bold;
}

.box {
	border: 1px solid #B2B2B2;
	background-color:#EFEFEF;
	margin: 4px;
	padding: 4px;	
	width: 80%;
}

img.box {
	border: 1px solid #B2B2B2;
	background-color: white;
	padding: 2px;	
	margin: 6px;
	width: auto;
}

.float-right{
	display:inline;
	float: right;
	padding-left: 10px;
}

ul{
	list-style-image: url(/images/icons/arrow-red.gif);
}

ul.spacing1  li{
	padding-bottom: 1em;
}

/* File types */
.pdf a	/* can apply to the entire ul or ol */
{
	background-image: url(/images/icons/pdficon_small.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 1.5em;
	padding-bottom: 2px;
}
a.pdf 	/* same as the .pdf a above, but applies to individual hyperlinks */
{
	background-image: url(/images/icons/pdficon_small.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 1.5em;
	padding-bottom: 2px;
}
a.doc{
	background-image: url(/images/icons/iconword.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 1.5em;
}

a.ppt{
	background-image: url(/images/icons/iconppt.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 1.5em;
}

/* TABLE STYLES */
.table-all-borders {
	 border-top: 1px solid #B2B2B2;
	 border-left: 1px solid #B2B2B2;
}

.table-all-borders th {
	background-color: #DDDDDD;
	padding: 3px;
	text-align: left;
    border-right: 1px solid #B2B2B2;
	border-bottom: 1px solid #B2B2B2;
}

.table-all-borders td {
	padding: 3px;
    border-bottom: 1px solid #B2B2B2;
    border-right: 1px solid #B2B2B2;
}

.shaded {
	background-color:#EFEFEF;
}