/* GENERAL STYLES - these should already be in your CSS document*/
div, ul, li, h1 {
	margin: 0px;
	padding: 0px;
	border: 0px;
	}

p, div, li, h1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	}
	
.img-bottom {float: left; margin: 140px 0px 5px 15px;}	

/* prevent blue linked image borders */
a img,:link img,:visited img,fieldset { border:none; }

/* SPRITE NAVIGATION */
#menu {
	background: url(../img/home-nav.gif) top left no-repeat;					
	width: 763px;		/* Width of buttons, not entite image (or half of entire image) */
	height: 28px;		/* Height of entire image */
	}

#menu span { display: none; }

#menu li, #menu a { 
	height: 28px;			/* Each button must have the same height, define it here */
	display: block;
	}

#menu li {
	float: left;
	list-style: none;
	display: inline;	/* fixes IE/Win double margin float bug (safe) */
	}

/* margin-left - you will need to adjust this value to "center" your nav, if needed */
/* width - width of each button, they will each most likely be unique */
#menu-01 { width: 160px; margin-left: 60px;}
#menu-02 { width: 161px;}
#menu-03 { width: 145px;}
#menu-04 { width: 90px;}
#menu-05 { width: 95px;}

/* Changed values should match "width" numbers specified above */
#menu-01 a:hover {background: transparent url(../img/home-nav.gif) -60px -28px no-repeat;}
#menu-02 a:hover {background: transparent url(../img/home-nav.gif) -220px -28px no-repeat;}
#menu-03 a:hover {background: transparent url(../img/home-nav.gif) -381px -28px no-repeat;}
#menu-04 a:hover {background: transparent url(../img/home-nav.gif) -526px -28px no-repeat;}
#menu-05 a:hover {background: transparent url(../img/home-nav.gif) -616px -28px no-repeat;}

/* SON OF SUCKERFISH */

#menu li ul {
	position: absolute;
	left: -9999px;
	background-color: #720000;	/* Background color of drop down menu - add more styles (i.e. background image) if you want */
	}

#menu li ul li { height: 20px; }	/* Height of each drop down menu item */

#menu li ul li a {
	width: 100%;
	height: 20px;				/* Height of each drop down menu item, should match above */
	line-height: 20px;			/* Height of each drop down menu item again, should match above */
	}

#menu li ul li a span {
	display: block;
	padding-left: 15px;
	}

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

#menu li:hover ul, #menu li.sfhover ul	{ left: auto; }

/* Hover styles for drop down items */
#menu-03 ul a:hover { 
	background-image: none;
	background-color: #AA0000; 
	}

/* width of drop down menu - choose width that allows items to display on one line */
#menu-03 ul, #menu-03 li { width: 135px; }



/* subpages sprite navigation */

#sub-menu {
	background: url(../img/sub-nav.gif) top left no-repeat;					
	width: 759px;		/* Width of buttons, not entite image (or half of entire image) */
	height: 28px;		/* Height of entire image */
	}

#sub-menu span { display: none; }

#sub-menu li, #sub-menu a { 
	height: 28px;			/* Each button must have the same height, define it here */
	display: block;
	}

#sub-menu li {
	float: left;
	list-style: none;
	display: inline;	/* fixes IE/Win double margin float bug (safe) */
	}

/* margin-left - you will need to adjust this value to "center" your nav, if needed */
/* width - width of each button, they will each most likely be unique */
#sub-menu-01 { width: 170px; margin-left: 0px;}
#sub-menu-02 { width: 160px;}
#sub-menu-03 { width: 148px;}
#sub-menu-04 { width: 98px;}
#sub-menu-05 { width: 104px;}
#sub-menu-06 { width: 79px;}

/* Changed values should match "width" numbers specified above */
#sub-menu-01 a:hover {background: transparent url(../img/sub-nav.gif) -0px -28px no-repeat;}
#sub-menu-02 a:hover {background: transparent url(../img/sub-nav.gif) -170px -28px no-repeat;}
#sub-menu-03 a:hover {background: transparent url(../img/sub-nav.gif) -330px -28px no-repeat;}
#sub-menu-04 a:hover {background: transparent url(../img/sub-nav.gif) -478px -28px no-repeat;}
#sub-menu-05 a:hover {background: transparent url(../img/sub-nav.gif) -576px -28px no-repeat;}
#sub-menu-06 a:hover {background: transparent url(../img/sub-nav.gif) -680px -28px no-repeat;}

/* SON OF SUCKERFISH */

#sub-menu li ul {
	position: absolute;
	left: -9999px;
	background-color: #720000;	/* Background color of drop down menu - add more styles (i.e. background image) if you want */
	}

#sub-menu li ul li { height: 20px; }	/* Height of each drop down menu item */

#sub-menu li ul li a {
	width: 100%;
	height: 20px;				/* Height of each drop down menu item, should match above */
	line-height: 20px;			/* Height of each drop down menu item again, should match above */
	}

#sub-menu li ul li a span {
	display: block;
	padding-left: 15px;
	}

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

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

/* Hover styles for drop down items */
#sub-menu-03 ul a:hover { 
	background-image: none;
	background-color: #AA0000; 
	}

/* width of drop down menu - choose width that allows items to display on one line */
#sub-menu-03 ul, #sub-menu-03 li { width: 135px; }

/******************************* Before and After Gallery **********************************/
body#gallery { 
	text-align:center; 
	font:11px Arial, Helvetica, sans-serif; 
	color:#fff;
	width:450px;
	margin:0; padding:0; 
	}

#bna-popup-top {
	position:relative;
	background:url("../img/bna/bna/bna_header.jpg") top left no-repeat;
	height:51px;
}

#bna-popup-top a {
position:absolute;
height:51px;
width:450px;
}

#bna-popup-bottom {
	position:relative;
	background:url("../img/bna/bna/bna_footer.jpg") bottom left no-repeat;
	height:10px;
}
#bna-popup-top span {display:none;}

#concious {padding-left:5px;}

/*------ Photogallery System ----*/

.split-padding-RT img.bna{
width: 88px;
margin:3px 2px;
border:1px solid #000000;
}
 

.gallery a { margin-right: 20px;}