/*<style>*/
/* Custom style tags I've added - mainly for divs, other main ones too though - not sure if p h2 ul are used, rest are though */
body {  background-color: white;
		/*background-color: #EC80B4;*/ /* <-- bright pink */
		background-image: url(images/hair_wisps4A.jpg);
		font-family: arial;
		font-size: 100%;
		margin: 0px;
		padding: 0px;
}
div#header {
	width: 900px;
	position:relative;
	/*height: 183px;*/
	background-color: white;
	font-family: arial;
	font-size: 100%;
	margin: 0px;
	padding: 0px;
	z-index: 10;
}
div#header2 {
	width: 900px;
	position:relative;
	background-color: white;
	font-family: arial;
	font-size: 100%;
	margin: 5px;
	padding: 0px;
}
div#navigation {
	width: 900px;
	position:relative;
	/*height: 183px;*/
	background-color: white;
	font-family: arial;
	font-size: 100%;
	margin: 0px;
	padding: 0px;
}
div#body {
	width: 900px;
	position:relative;
	/*height: 470px;*/
	background-color: white;
	font-family: arial;
	font-size: 100%;
	margin: 10px;
	padding: 0px;
}
div#footer {
	width: 900px;
	position:relative;
	/*height: 183px;*/
	background-color: white;
	font-family: arial;
	font-size: 100%;
	margin: 0px;
	padding: 0px;
	z-index: 10;
}

/* #EC80B4;	<-- bright pink */
/* #8077B8;	<-- dark purple */
/* #9E97C9;	<-- lite purple */

h1 {					/* Large - Purple */
	font-size: 24px;
	/*font-style: italic;*/
	color: #8077B8;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
}
h2 {					/* Large - Pink */
	font-size: 24px;
	/*font-style: italic;*/
	color: #EC80B4;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
}

h3 {					/* Medium - Purple */
	font-size: 20px;
	/*font-style: italic;*/
	color: #8077B8;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
}

h4 {					/* Medium - Pink */
	font-size: 20px;
	/*font-style: italic;*/
	color: #EC80B4;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
}

h5 {					/* Small - Purple */
	font-size: 16px;
	/*font-style: italic;*/
	color: #8077B8;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
}

h6 {					/* Small - Pink */
	font-size: 16px;
	/*font-style: italic;*/
	color: #EC80B4;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
}
/* End Custom style/css info I've added (mainly for divs, but basic css too) */
/* begin "suckerfish drop-downs" style/css info */
/* http://htmldog.com/articles/suckerfish/dropdowns/example/bones1.html */
/* http://htmldog.com/articles/suckerfish/dropdowns/ */
#nav { /* all lists */
	padding: 0;			/* was 0 */
	margin: 0;			/* was 0 */
	list-style: none;
	line-height: 1.5;  	/* was 1 */
	text-align: center; 	/* Added to center links */
	float: left;		/* Added to center links */
	width: 100%;		/* Added to center links */
}
#nav ul { /* all lists */
	padding: 0;			/* was 0 */
	margin: 0 auto;		/* was 0 - added auto to center links */
	list-style: none;
	line-height: 1.5;  	/* was 1 */
}
#nav a {				/* This controls the text links in the navigation - white text, no underline */
	display: block;
	text-decoration:none; /* don't underline */
	font-family: arial;
	font-weight: bold;
	color: white;
	padding:0 18px; /* variable width */
}
#nav a.footer {			/* This controls the text links in the navigation - white text, no underline */
	display: block;
	text-decoration:none; /* don't underline */
	font-family: arial;
	font-weight: bold;
	color: white;
	padding:0 20px; /* variable width */
	/* 18 works good for web display, but wraps on cell again */
	/* padding:0 15px; */ /* variable width */ /* <-- Is the current on periodpanteez.com */
	/* padding:0 12px; */ /* variable width */ /* <-- Original */ 
	/* padding:0 1px; */ /* variable width */ /* <-- tried this for wrapping on cell phone, had to reduce word length */
}
#nav a:hover {
	color: white;
}
#nav2 a:hover {
	color: white; 					/* #EC80B4;	<-- bright pink */
	background-image: url(images/pink_bullet_purplebg_15w_15h.jpg);
	background-repeat: no-repeat;
	background-position: 10px; /*left*/
}
#nav li { /* all list items */
	float: left;
	position: relative;	/* Added to center links */
	/*width: 6em;*/ /* width needed or else Opera goes nuts */ /* Added to center links? */
}
#nav li ul { /* second-level lists */
	position: absolute;
	background: #9E97C9;
	width: 12em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
/* end "suckerfish drop-downs" style/css info */
/*</style>*/