/* CSS Document */


div, ul, li, h1 {
	margin: 0px;
	padding: 0px;
	border: 0px;
	}

p, div, li, h1 {
	font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
	color: #000000;
	}


/* SPRITE NAVIGATION */
#index-nav {
	background: url(../images/index_nav.jpg) top left no-repeat;					
	width: 760px;		/* Width of buttons, not entite image (or half of entire image) */
	height: 175px;		/* Height of entire image */
}
#index-nav span { display: none; }
#index-nav li { 
	position: relative;
	float: left;
	list-style: none;
}
#index-nav li, #index-nav a { 
	height: 175px;			/* Each button must have the same height, define it here */
	display: block;
}

/* left - defines offset from left edge, will most likely just be 0 */
/* width - width of each button, they will each most likely be unique */
#index-nav-01 {left: 0px; width: 196px;}
#index-nav-02 { width: 190px;}
#index-nav-03 { width: 189px;}
#index-nav-04 { width: 185px;}


/* Changed values should match "width" numbers specified above */
#index-nav-01 a:hover {background: transparent url(../images/index_nav.jpg) -0px -175px no-repeat;}
#index-nav-02 a:hover {background: transparent url(../images/index_nav.jpg) -196px -175px no-repeat;}
#index-nav-03 a:hover {background: transparent url(../images/index_nav.jpg) -386px -175px no-repeat;}
#index-nav-04 a:hover {background: transparent url(../images/index_nav.jpg) -575px -175px no-repeat;}


/* SON OF SUCKERFISH */

#index-nav li ul {
	position: absolute;
	left: -9999px;
	background-color: #BFBFBF;	/* Background color of drop down index-nav - add more styles (i.e. background image) if you want */
	border: 1px solid #000; 
}

#index-nav li ul li {
	height: 20px;				/* Height of each drop down index-nav item */
	border-top: 1px solid #585858;
}
#index-nav li ul li a {
	width: 100%;
	height: 20px;				/* Height of each drop down index-nav item, should match above */
	line-height: 20px;			/* Height of each drop down index-nav item again, should match above */
}
#index-nav li ul li a span {
	display: block;
	padding-left: 5px;
}

/* Drop down link styles */
#index-nav a:link, #index-nav a:visited, #index-nav a:hover, #index-nav a:active {
	font-size: 11px;
	color: #000;
	text-decoration: none;
}

#index-nav li:hover ul, #index-nav li.sfhover ul	{ left: auto; }

/* Hover styles for drop down items */
#index-nav-02 ul a:hover, #index-nav-04 ul a:hover { 
	background-image: none;
	background-color: #DCDCDC; 
	/*border-top: 1px solid #fff;*/
}

/* width of drop down index-nav - choose width that allows items to display on one line */
#index-nav-02 ul, #index-nav-02 li { width: 188px; }		
#index-nav-04 ul, #index-nav-04 li { width: 184px; }

/*--------------------------------------------------------------------------------------------------------------------------*/
/*-- sub-nav --*/


#sub-nav {
	background: url(../images/sub-nav.jpg) top left no-repeat;					
	width: 666px;		/* Width of buttons, not entite image (or half of entire image) */
	height: 58px;		/* Height of entire image */
}
#sub-nav span { display: none; }
#sub-nav li { 
	position: relative;
	float: left;
	list-style: none;
}
#sub-nav li, #sub-nav a { 
	height: 58px;			/* Each button must have the same height, define it here */
	display: block;
}

/* left - defines offset from left edge, will most likely just be 0 */
/* width - width of each button, they will each most likely be unique */
#sub-nav-01 { left: 0px; width: 66px;}
#sub-nav-02 { width: 153px;}
#sub-nav-03 { width: 136px;}
#sub-nav-04 { width: 221px;}
#sub-nav-05 { width: 90px;}

/* Changed values should match "width" numbers specified above */
#sub-nav-01 a:hover {background: transparent url(../images/sub-nav.jpg) -0px -58px no-repeat;}
#sub-nav-02 a:hover {background: transparent url(../images/sub-nav.jpg) -66px -58px no-repeat;}
#sub-nav-03 a:hover {background: transparent url(../images/sub-nav.jpg) -219px -58px no-repeat;}
#sub-nav-04 a:hover {background: transparent url(../images/sub-nav.jpg) -355px -58px no-repeat;}
#sub-nav-05 a:hover {background: transparent url(../images/sub-nav.jpg) -576px -58px no-repeat;}

/* SON OF SUCKERFISH */

#sub-nav li ul {
	position: absolute;
	left: -9999px;
	background-color: #BFBFBF;	/* Background color of drop down index-nav - add more styles (i.e. background image) if you want */
	border: 1px solid #000; 
}

#sub-nav li ul li {
	height: 20px;				/* Height of each drop down index-nav item */
	border-top: 1px solid #585858;
}
#sub-nav li ul li a {
	width: 100%;
	height: 20px;				/* Height of each drop down index-nav item, should match above */
	line-height: 20px;			/* Height of each drop down index-nav item again, should match above */
}
#sub-nav li ul li a span {
	display: block;
	padding-left: 5px;
}

/* Drop down link styles */
#sub-nav a:link, #sub-nav a:visited, #sub-nav a:hover, #sub-nav a:active {
	font-size: 11px;
	color: #000;
	text-decoration: none;
}

#sub-nav li:hover ul, #sub-nav li.sfhover ul	{ left: auto; }

/* Hover styles for drop down items */
#sub-nav-03 ul a:hover, #sub-nav-04 ul a:hover { 
	background-image: none;
	background-color: #DCDCDC; 
}

/* width of drop down index-nav - choose width that allows items to display on one line */
#sub-nav-03 ul, #sub-nav-03 li { width: 136px; }		
#sub-nav-04 ul, #sub-nav-04 li { width: 221px; }



/*---------------------------------------------------------------------------------------------------------------------------*/

#side-nav { background:url("../images/side-nav.jpg") no-repeat; width:127px; height:350px; position:relative; }
#side-nav li { position:absolute; }
#side-nav li, #side-nav a { height:84px; display:block; }
#side-nav span { display: none; }

#side-nav-01, #side-nav-02, #side-nav-03, #side-nav-04, #side-nav-05 { width:127px;}

#side-nav-01 { top: 13; }
#side-nav-02 { top: 86px; }
#side-nav-03 { top: 167px; }
#side-nav-04 { top: 251px; }


#side-nav-01 a:hover { background: transparent url("../images/side-nav.jpg") -127px  -13px  no-repeat;}
#side-nav-02 a:hover { background: transparent url("../images/side-nav.jpg") -127px  -86px  no-repeat;}
#side-nav-03 a:hover { background: transparent url("../images/side-nav.jpg") -127px  -167px  no-repeat;}
#side-nav-04 a:hover { background: transparent url("../images/side-nav.jpg") -127px  -251px  no-repeat;}