/**
 * ASSOB Members Stylsheet
 * 
 * @package ASSOB Members website
 * @subpackage Template
 * @author sm2.com.au
 * @version 1.0
 * @copyright SM2 2008.
 * @created 2008-04-21
 */

 

body {
	background: #484848;
}

body,
p {
	color: #000000;
	font-size: 12px;
}

	#page {
		position: relative;
		width: 740px;
		margin: 0 auto;
	}
	
		#content {
			position: relative;
		}



/**
 * Masthead
 * 
 * The title and utility menu styling
 */

#masthead {
	padding: 48px 0 27px 0;
	background: url(../images/masthead.bg.gif) no-repeat top right;
}

	#title {
		float: left;
		width: 291px;
		height: 18px;
		background: url(../images/title.bg.gif) no-repeat 0 0;
		text-indent: -9999px;
		text-decoration: none;
	}
	
	#topmenu {
		float: right;
	}
	
		#topmenu ul {
			margin: 2px 25px 0 0;
			padding: 0;
		}
		
			#topmenu ul li {
				display: block;
				float: left;
				margin: 0 0 0 10px;
			}
			
				#topmenu ul li.home a {
					padding-left: 15px;
					background: url(../images/topmenu.home.bg.gif) no-repeat center left;
				}
				
				#topmenu ul li.help a {
					padding-left: 15px;
					background: url(../images/topmenu.help.bg.gif) no-repeat center left;
				}
				
				#topmenu ul li.contacts a {
					padding-left: 15px;
					background: url(../images/topmenu.contacts.bg.gif) no-repeat center left;
				}
			
				#topmenu ul li a {
					display: block;
					color: #d9d9d9;
					font-size: 10px;
					font-family: Tahoma,Verdana;
					text-decoration: none;
				}
				
					#topmenu ul li:hover {
						text-decoration: underline;
					}

	

/**
 * Sub content
 * 
 * The right hand side column
 */

#home #subcontent {
	width: 230px;
}

#subcontent {
	width: 200px;
	background: #FFF url(../images/mainbody.shadow.btm.gif) no-repeat bottom right;
	vertical-align: top;
}

	#home #subcontent .container {
		padding-top: 10px;
		background-image: none;
	}

	#subcontent .container {
		padding: 7px 20px 10px 0;
		/*background: url(../images/mainbody.shadow.top.gif) no-repeat top right;*/
		
	}
	
		#home #subcontent .container .container,
		#subcontent .container .container {
			padding: 0 0 10px 20px;
			background: none;
			border-left: 1px solid #c1c1c1;
		}
		
			#subcontent h3 {
				padding-top: 10px !important;
				font-size: 14px;
				text-transform: uppercase;
			}
		
			#subcontent .container .container .moduletable .article_seperator:last-child {
				display: none;
			}
			
			#subcontent .container .container h1,
			#subcontent .container .container .contentheading,
			#subcontent .container .container .componentheading {
				padding-left: 20px;
				background: url(../images/heading.arrow.gif) no-repeat center left;
			}
			
	
/**
 * Introduction
 * 
 * The imagery etc that appears on the homepage only
 */

#introduction {
	padding: 7px 0 0 0;
	background: url(../images/mainbody.shadow.top.gif) no-repeat top right;
}

	#introduction .container {
		padding: 0 0 8px 0;
		background: url(../images/introduction.shadow.btm.gif) no-repeat bottom right;
	}

		#assobmemberslogo {
			float: right;
			width: 230px;
			height: 235px;
		}
	
		#introimg {
			float: left;
			width: 358px;
			height: 235px;
			background: url(../images/introimg.bg.gif) no-repeat 0 0;
			overflow: hidden;
		}
	
	
	
/**
 * Main Menu
 * 
 * The left column and associated menu items
 */

#mainmenu {
	width: 152px;
	padding: 5px 0 0 0;
	vertical-align: top;
}

	#mainmenu .container {
		width: 152px;
		padding-bottom: 10px;
		overflow-x: hidden;
	}

		.moduletablemainmenu ul {
			margin: 0;
			padding: 0;
		}
		
			.moduletablemainmenu ul li {
				display: block;
				margin: 0;
				padding: 4px 0 0 0;
				background: url(../images/mainmenu.bg.gif) no-repeat 0 0;
				list-style: none;
			}
			
				.moduletablemainmenu ul li a {
					display: block;
					padding: 11px 15px 15px 20px;
					color: #FFF;
					background: url(../images/mainmenu.bg.gif) no-repeat bottom left;
					text-decoration: none;
					text-transform: uppercase;
					font-size: 13px;
				}
				
					.moduletablemainmenu ul li a:hover {
						text-decoration: underline;
					}
				
				

/**
 * Shadows
 * 
 * left and right of the main content area
 */
#shadowleft,
#shadowright {
	position: absolute;
	top: 7px;
	bottom: 7px;
	width: 7px;
	overflow: hidden;
}

#shadowleft {
	left: 145px;
	background: url(../images/shadow.left.bg.png) repeat-y top right;
}

	#home #shadowleft {
		background-image: url(../images/shadow.home.left.bg.png);
	}

#shadowright {
	right: -7px;
	background: url(../images/shadow.right.bg.gif) repeat-y top left;
}

	#home #shadowright {
		background-image: url(../images/shadow.home.right.bg.gif); 
	}



/**
 * Content styling
 */

#home #mainbody {
	width: 360px;
}

#home #mainbody .container {
	padding-bottom: 0;
	background-image: none;
}

#mainbody {
	padding: 0 0 7px 0;
	background: #FFF url(../images/mainbody.shadow.btm.gif) no-repeat bottom right;
	vertical-align: top;
	overflow-x: hidden;
}

.threecolumns #mainbody {
	width: 388px;
}

.twocolumns #mainbody {
	width: 588px;
}

	#mainbody .container {
		padding: 10px 20px 10px 30px;
		/*background: url(../images/mainbody.shadow.top.gif) no-repeat top right;*/
		
	}
	
		.blog_more {
			margin: 10px 0;
		}



/**
 * General Content styling
 */
.sectiontableheader,
.sectiontableheader td {
	padding: 2px 5px;
	background: #56AAFF;
}

.sectiontableentry1,
.sectiontableentry2,
.sectiontableentry1 td,
.sectiontableentry2 td,
.row0,
.row1,
.row0 td,
.row1 td {
	padding: 1px 5px;
}

	.sectiontableentry2,
	.sectiontableentry2 td,
	.row1,
	.row1 td {
		background-color: #DFEFFF;
	}

h1,
.contentheading,
.componentheading,
#subcontent h3 {
	padding: 8px 0;
	color: #ee2526;
	font-weight: bold;
	line-height: 135%;
}

	.enhanced h1,
	.enhanced .contentheading,
	.enhanced .componentheading,
	.enhanced #subcontent h3 {
		/*color: #999;*/
		color: #EE2526;
	}
	
	.enhanced h1 strong,
	.enhanced .contentheading strong,
	.enhanced .componentheading strong {
		color: #ee2526;
		font-weight: bold;
	}
	
	.enhanced #subcontent h3 strong {
		color: #EE2526;
		font-weight: strong;
	}

a,
a:visited {
	color: #408fc3;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

strong {
	color: #000;
}

.article_seperator {
	display: block;
	height: 1px;
	margin: 10px 0 0 0;
	border-bottom: 1px solid #C1C1C1;
}

#mainbody img,
#subcontent img {
	margin: 5px;
	padding: 1px;
	border: 1px solid #DDD;
}

#mainbody img[align="left"],
#subcontent img[align="left"] {
	margin-left: 0;
}

p img:first-child {
	margin-top: 0;
}