/* print.css */

/*--------------------Global Properties------------------------*/
img	{display:inline;
	border:none;}

.hide	{display:none;
		visibility:hidden;}	

.float_left	{float:left;}	

.float_right	{float:right;}	

/*----------------Customisation starts here---------------------*/
a:link	{text-decoration:underline;
		color:#ffffff;}
a:visited	{text-decoration:underline;
			color:#ffffff;}
a:hover	{text-decoration:underline;
		color:#ffffff;}
a:active	{text-decoration:underline;
			color:#ffffff;}
			
/*---------------------------Wrapper---------------------------*/		
#wrapper	{position:relative;
			width:980px;			/*Change here to modify width*/
			font-size:1.4em;
			margin:auto;}			

/*---------------------------Header---------------------------*/		
#header	{position:relative;
		width:100%;
		height:100px;
		overflow:hidden;
		clear:both;
		background-color:#999999;}	
		
#logo	{margin:0px;
		padding:0px;}	/*This is to zero-out the H1 margin on typography.css*/	

#logo a	{position:relative;
		width:200px;
		height:50px;
		display:block;}
		
/*----------------------------Menu----------------------------*/			
#menu	{position:absolute;
		top:50px;
		width:100%;
		height:50px;
		overflow:hidden;		/*Prevent the menu growing too long, blcoking the content. */
		background-color:#000000;}	
		
		/*------------------------Menu Using Float--------------------------------*/
		/*
		#menu li	{position:relative;
					float:left;}
		*/
					
		/*------------------------Menu Using Inline--------------------------------*/
		#menu li	{position:relative;
					display:inline;}
		
/*---------------------------Banner---------------------------*/	
#banner	{position:relative;
		width:100%;
		clear:both;
		background-color:#333333;}	
		
/*---------------------------Content---------------------------*/			
#content	{position:relative;
			width:100%;
			overflow:hidden;
			clear:both;
			background-color:green;}
	
#left_side	{position:relative;
			float:left;
			width:70%;
			padding-bottom:9999px;		/*Flaux Column, 9999 is arbitrary number.*/
			margin-bottom:-9999px;
			background-color:#666666;}	

#right_side	{position:relative;
			float:left;
			width:30%;
			padding-bottom:9999px;
			margin-bottom:-9999px;
			background-color:#CCCCCC;}		
			
			
/*---------------------------Footer---------------------------*/							
#footer	{position:relative;
		width:100%;
		clear:both;
		background-color:#999999;}