/*-------------------------------------------*/
/* CSS Document                              */
/* Authored By: Angelo Beltran               */
/*              design@angelobeltran.com     */
/*-------------------------------------------*/

/*-- MAIN NAVIGATION --*/
div#main-navigation {
	width:1024px;
	height:65px;
	padding:10px 0 0;
	background-color:#ED2225;
}
	div#main-navigation img {
		margin-left:2px;
	}
	div#main-navigation ul {
		list-style-type:none;
		font-weight:bold;
		font-size:1.1em;
	}
		div#main-navigation ul li {
			position:relative;
			width:100px;
			height:65px;
			margin-left:5px;
			float:left;
		}			
			div#main-navigation ul li a {
				display:block;
				width:90px;
				height:55px;	
				padding:.5em .5em .4em;		
			}
			div#main-navigation ul li a.westpac {
				padding:0;
			}
					
				/*-- btn1 --*/			
				div#main-navigation ul li.btn1 a:link, div#main-navigation ul li.btn1 a:active, div#main-navigation ul li.btn1 a:visited {
					text-decoration:none;
					color:#000;				
					background-color:#F79334;
				}
				div#main-navigation ul li.btn1 a:hover {
					text-decoration:none;
					color:#FFF;
					background-color:#F00;
				}
				
				/*-- btn2 --*/
				div#main-navigation ul li.btn2 a:link, div#main-navigation ul li.btn2 a:active, div#main-navigation ul li.btn2 a:visited {
					text-decoration:none;
					color:#FFF;				
					background-color:#F00;
				}
				div#main-navigation ul li.btn2 a:hover {
					text-decoration:none;
					color:#000;
					background-color:#F79334;
				}	
				
			/*-- drop down menu --*/
			div#main-navigation ul li ul {
				display:none;
				position:absolute;
				left:-5px;			
			}
			div#main-navigation ul li:hover ul, div#main-navigation ul li ul:hover {
				display:block;
				top:65px;
			}
				div#main-navigation ul li ul li {
					border-top:1px solid #FFF;
					width:152px;
					height:20px;	
					padding-bottom:4px;				
				}	
				div#main-navigation ul li ul li a {
					display:block;
					height:14px;	
					width:140px;
					font-weight:normal;
				}				
/*-- END MAIN NAVIGATION --*/

/*-- SEARCH --*/
div#search {
	margin-left:16px;
	border:0px solid #000;
}
	div#search form input {
		padding:0;
		border:1px solid #000;
		margin-bottom:8px;
	}
	div#search a {
		color:#FFF;
		font-size:.8em;
		font-weight:bold;
	}
		div#search a:link, div#search a:active, div#search a:visited {
			text-decoration:none;			
		}
		div#search a:hover {
			text-decoration:underline;
		}
	
#searchButton, #viewRecord {
	width:100px;
	color:#FFF;
	background-color:#F00;
}
	#searchButton:hover, #viewRecord:hover {
		color:#000;
		background-color:#F79334;
	}
/*-- END SEARCH --*/

/*-- SUB NAVIGATION --*/
div#sub-navigation {
	width:1024px;
	height:20px;
	padding:2px;	
}

div#date {
	position:relative;
	left:-10px;
}
/*-- END SUB NAVIGATION --*/

/*-- RED BROWN BOX --*/
#redBox, #brownBox {
	width:5px;
	height:5px;
	background-color:#F00;
	border:1px solid #000;
	margin:4px;
}

#brownBox {
	background-color:#F79334;
}

.tips {
	width:200px;
}
/*-- END RED BROWN BOX --*/