/* CSS Document for ScotAGCA navigation */

/*-------------------start of main navigation styles----------------*/
#navbar {
	/*position:relative; left:0px; top:0px;*/
	position:absolute; left:0px; top:10px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	border:0px; 
	width: 180px;
	height:378px;
}
#navbar li {
	display: block;
	border: 0px; margin: 0px; padding: 0px;
	list-style-type: none;
}
#navbar li a {
	width: 180px;		
	height: 63px;
	border: 0px; margin: 0px;padding: 0px;
	color: #000000;
	text-decoration: none;
	display: block; 
	text-align: left;
	text-indent: -9999px;
	font: bold 12px/22px Arial, Helvetica, sans-serif;
}

li#nav_1 {
	position:absolute; top:0px; left: 0px; width: 180px; 
}
li#nav_1 a{
	/*position:absolute; to show in IE5*/
	background: url(imgs/home.gif) top left no-repeat;
}
li#nav_1 a:hover, #nav_1 a.selected {
	/*position:absolute; to show in IE5*/
	background: url(imgs/home.gif) no-repeat;
	background-position: 0 -63px;
}
li#nav_2 {
	position:absolute; top:63px; left: 0px; width: 180px; 
}
li#nav_2 a{
	/*position:absolute; to show in IE5*/
	background: url(imgs/standards.gif) top left no-repeat;
}
li#nav_2 a:hover, #nav_2 a.selected {
	/*position:absolute; to show in IE5*/
	background: url(imgs/standards.gif) no-repeat;
	background-position: 0 -63px;
}
li#nav_3 {
	position:absolute; top:126px; left: 0px; width: 180px; 
}
li#nav_3 a{
	/*position:absolute; to show in IE5*/
	background: url(imgs/membership.gif) top left no-repeat;
}
li#nav_3 a:hover, #nav_3 a.selected {
	/*position:absolute; to show in IE5*/
	background: url(imgs/membership.gif) no-repeat;
	background-position: 0 -63px;
}
li#nav_4 {
	position:absolute; top:189px; left: 0px; width: 180px; 
}
li#nav_4 a{
	/*position:absolute; to show in IE5*/
	background: url(imgs/membersarea.gif) top left no-repeat;
}
li#nav_4 a:hover, #nav_4 a.selected {
	/*position:absolute; to show in IE5*/
	background: url(imgs/membersarea.gif) no-repeat;
	background-position: 0 -63px;
}






li#nav_5 {
	position:absolute; top:252px; left: 0px; width: 180px; 
}
li#nav_5 a{
	/*position:absolute; to show in IE5*/
	background: url(imgs/education.gif) top left no-repeat;
}
li#nav_5 a:hover, #nav_5 a.selected {
	/*position:absolute; to show in IE5*/
	background: url(imgs/education.gif) no-repeat;
	background-position: 0 -63px;
}
li#nav_6 {
	position:absolute; top:315px; left: 0px; width: 180px; 
}
li#nav_6 a{
	/*position:absolute; to show in IE5*/
	background: url(imgs/clubs.gif) top left no-repeat;
}
li#nav_6 a:hover, #nav_6 a.selected {
	/*position:absolute; to show in IE5*/
	background: url(imgs/clubs.gif) no-repeat;
	background-position: 0 -63px;
}
li#nav_7 {
	position:absolute; top:378px; left: 0px; width: 180px; 
}
li#nav_7 a{
	/*position:absolute; to show in IE5*/
	background: url(imgs/projects.gif) top left no-repeat;
}
li#nav_7 a:hover, #nav_7 a.selected {
	/*position:absolute; to show in IE5*/
	background: url(imgs/projects.gif) no-repeat;
	background-position: 0 -63px;
}
li#nav_8 {
	position:absolute; top:441px; left: 0px; width: 180px; 
}
li#nav_8 a{
	/*position:absolute; to show in IE5*/
	background: url(imgs/contacts.gif) top left no-repeat;
}
li#nav_8 a:hover, #nav_8 a.selected {
	/*position:absolute; to show in IE5*/
	background: url(imgs/contacts.gif) no-repeat;
	background-position: 0 -63px;
}


/*----------------- end of navigation styles---------------*/