/* Rhonda Fenwick */


body {
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}

html, body, #contents {
	min-height: 100%;
	width: 100%;
	height: 100%;
}

html>body, html>body #contents {
	height: auto;
}

h1 {
	font-size: 1.2em;
}

h2 {
	font-size: 1em;
}

p {
	font-size: 0.8em;
}

/* Styles for Index page */

#logo {
	margin-top: 150px;
	margin-left: 15%;
	text-align: left;
}

#imgstrip {
	margin-top: 4px;
	height: 164px;
	width: 100%;
	background-color: #334147;
}

ul.home {
	margin-top: 6px;
	margin-right: 20%;
	font-size: 0.7em;
	font-weight: bold;
	text-align: right;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	letter-spacing: 0.2em;
}

ul.home li {
	display: inline;
	padding-right: 2em;
}

a:link, a:visited, a:active {
	text-decoration: none;
	color: #000000;
}

a:hover {
	text-decoration: none;
	color: #BEE0E4;
}

/*********************/

/* Styles for inner pages */

#contents {
	position: absolute;
	top: 0;
	left: 0;
}

#topstrip {
	top: 0px;
	height: 45px;
	padding: 0;
	background-color: #54ADBA;
	background-image: url(images/topright2.jpg);
	background-position: right;
	background-repeat: no-repeat;
	text-align: left;
}

#topstrip img {
	padding-top: 7px;
}

#navstrip {
	height: 20px;
	background-color: #000000;
	color: #54ADBA;
	text-align: right;
}

#navstrip ul.home {
	vertical-align: middle;
	margin: 0px 4px 4px 0px;
	padding-top: 4px;
	font-size: 0.7em;
	text-align: right;
}

#navstrip ul.home li {
	display: inline;
	padding-right: 2em;
}

#navstrip a:link, #navstrip a:visited, #navstrip a:active {
	text-decoration: none;
	color: #FFFFFF;
}

#navstrip a:hover {
	text-decoration: none;
	color: #54ADBA;
}

.currentpage {
	color: #54ADBA;
}

#pagetitle {
	height: 50px;
	left: 20px;
	text-align: left;
	padding: 10px 0px 10px 10px;
}

#maincontent {
	top: 10px;
	left: 0;
	margin-bottom: 2em;
	padding: 0 15% 0 15%;
	text-align: left;
}

table {
	border: none;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 0.9em;
}

td {
	padding: 5px;
	vertical-align: top;
}

.title {
	font-size: 1.2em;
	font-weight: bold;
}

.date {
	font-weight: bold;
}

.grey {
	background-color: #C9E4E9;
}

.emphasis {
	font-style: italic;
}

.citation {
	margin-top: -15px;
	font-style: italic;
	text-align: right;
}

#imagelinks p, #imagelinks a:link, #imagelinks a:visited, #imagelinks a:active {
	text-align: left;
	text-decoration: none;
	border: none;
	margin-right: 3em;
	padding-bottom: 1em;
	font-size: 0.6em;
}

#imagelinks img {
	border: none;
	padding: 1em 0 1em 0;
}


#footer {
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	background-color: #000000;
	color: #FFFFFF;
	font-size: 0.7em;
	text-align: right;
}

#footer p {
	margin: 0.5em 2em 1em 0;
	padding: 0;
}

/*** Many, many thanks to Stu Nicholls for making his fantastic CSS gallery freely available - www.cssplay.co.uk ***/ 
/***** Artwork Gallery Styles ********/

#gallerycontainer {
	width: 720px;
	height: 800px;
	background-color: #000000;
	border: 1px solid #54ADBA;
	margin: 10px auto;
}

a.gallery, a.gallery:visited {
	display: inline;
	color: #000000;
	text-decoration: none;
	border: 1px solid #FFFFFF;
	width: 75px;
	height: 75px;
	float: left;
	margin: 7px 21px;
	position: relative;
	cursor: default;
}

a.slide1 {background:url(images/colconfig1.jpg);}
a.slide2 {background:url(images/colconfig2.jpg);}
a.slide3 {background:url(images/colconfig3.jpg);}
a.slide4 {background:url(images/colconfig4.jpg);}
a.slide5 {background:url(images/colconfig5.jpg);}
a.slide6 {background:url(images/colconfig6.jpg);}
a.slide7 {background:url(images/colconfig7.jpg);}
a.slide8 {background:url(images/tblcover1.jpg);}
a.slide9 {background:url(images/tblcover2.jpg);}
a.slide10 {background:url(images/tblcover3.jpg);}
a.slide11 {background:url(images/tblcover4.jpg);}
a.slide12 {background:url(images/lizskin.jpg);}
a.slide13{background:url(images/alltreat1.jpg);}
a.slide14 {background:url(images/alltreat2.jpg);}
a.slide15 {background:url(images/hosbed.jpg);}
a.slide16 {background:url(images/beautyther.jpg);}

a.gallery span {
	visibility: hidden;
	display: block;
	position: absolute;
	width: 700px;
	height: 500px;
	top: 189px;
	left: 9px;
	color: #000000;
	background-color: #FFFFFF;
	text-align: center;
	border: 1px solid #FFFFFF;
	font-family: 'Trebuchet ms', Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: 1px;
	cursor: default;
}

a.slide1 span {left: -13px; top: 280px;}
a.slide2 span {left: -132px; top: 280px;}
a.slide3 span {left: -251px; top: 280px;}
a.slide4 span {left: -370px; top: 280px;}
a.slide5 span {left: -489px; top: 280px;}
a.slide6 span {left: -608px; top: 280px;}
a.slide7 span {left: -13px; top: 189px;}
a.slide8 span {left: -132px; top: 189px;}
a.slide9 span {left: -251px; top: 189px;}
a.slide10 span {left: -370px; top: 189px;}
a.slide11 span {left: -489px; top: 189px;}
a.slide12 span {left: -608px; top: 189px;}
a.slide13 span {left: -13px; top: 98px;}
a.slide14 span {left: -132px; top: 98px;}
a.slide15 span {left: -251px; top: 98px;}
a.slide16 span {left: -370px; top: 98px;}

a.gallery:hover {white-space: normal; border: 1px solid #FFFFFF; z-index: 100;}

a.gallery:hover span {visibility: visible; z-index: 100;}

a.gallery:hover span img {margin: 10px; border: 1px solid #000000; position: relative; z-index: 100;}

a.gallery:active, a.gallery:focus {border: 1px solid #c00; z-index: 10;}

a.gallery:active span, a.gallery:focus span {visibility: visible; z-index: 10;}

a.gallery:active span img, a.gallery:focus span img {border: 1px solid #000000; position: relative; margin: 10px; z-index: 10;}

/*************************************/

/*** Skin Project Gallery styles ***/

#skingallerycontainer {
	width: 720px;
	height: 700px;
	background-color: #000000;
	border: 1px solid #54ADBA;
	margin: 10px auto;
}

a.skingallery, a.skingallery:visited {
	display: inline;
	color: #000000;
	text-decoration: none;
	border: 1px solid #FFFFFF;
	width: 75px;
	height: 75px;
	float: left;
	margin: 7px 21px;
	position: relative;
	cursor: default;
}

a.slidea {background:url(images/hocex1.jpg);}
a.slideb {background:url(images/hocex3.jpg);}
a.slidec {background:url(images/hocex10.jpg);}
a.slided {background:url(images/hocex19.jpg);}
a.slidee {background:url(images/hocex22.jpg);}
a.slidef {background:url(images/hocex23.jpg);}
a.slideg {background:url(images/hocex25.jpg);}
a.slideh {background:url(images/hocex31.jpg);}
a.slidei {background:url(images/hocex32.jpg);}
a.slidej {background:url(images/colconfig8.jpg);}
a.slidek {background:url(images/jobling.jpg);}
a.slidel {background:url(images/archer.jpg);}
a.slidem {background:url(images/colconfig9.jpg);}

a.skingallery span {
	visibility: hidden;
	display: block;
	position: absolute;
	width: 700px;
	height: 400px;
	top: 189px;
	left: 9px;
	color: #000000;
	background-color: #FFFFFF;
	text-align: center;
	border: 1px solid #FFFFFF;
	font-family: 'Trebuchet ms', Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: 1px;
	cursor: default;
}

a.slidea span {left: -13px; top: 280px;}
a.slideb span {left: -132px; top: 280px;}
a.slidec span {left: -251px; top: 280px;}
a.slided span {left: -370px; top: 280px;}
a.slidee span {left: -489px; top: 280px;}
a.slidef span {left: -608px; top: 280px;}
a.slideg span {left: -13px; top: 189px;}
a.slideh span {left: -132px; top: 189px;}
a.slidei span {left: -251px; top: 189px;}
a.slidej span {left: -370px; top: 189px;}
a.slidek span {left: -489px; top: 189px;}
a.slidel span {left: -608px; top: 189px;}
a.slidem span {left: -13px; top: 98px;}
a.sliden span {left: -132px; top: 98px;}
a.slideo span {left: -251px; top: 98px;}
a.slidep span {left: -370px; top: 98px;}
a.slideq span {left: -489px; top: 98px;}
a.slider span {left: -608px; top: 98px;}

a.skingallery:hover {white-space: normal; border: 1px solid #FFFFFF; z-index: 100;}

a.skingallery:hover span {visibility: visible; z-index: 100;}

a.skingallery:hover span img {margin: 10px; border: 1px solid #000000; position: relative; z-index: 100;}

a.skingallery:active, a.skingallery:focus {border: 1px solid #c00; z-index: 10;}

a.skingallery:active span, a.skingallery:focus span {visibility: visible; z-index: 10;}

a.skingallery:active span img, a.skingallery:focus span img {border: 1px solid #000000; position: relative; margin: 10px; z-index: 10;}

/*************************************/


/*** Community Projects Gallery styles ***/

#communitygallerycontainer {
	width: 720px;
	height: 700px;
	background-color: #000000;
	border: 1px solid #54ADBA;
	margin: 10px auto;
}

a.communitygallery, a.communitygallery:visited {
	display: inline;
	color: #000000;
	text-decoration: none;
	border: 1px solid #FFFFFF;
	width: 75px;
	height: 75px;
	float: left;
	margin: 7px 21px;
	position: relative;
	cursor: default;
}

a.slideca {background:url(images/headsntales1small.jpg);}
a.slidecb {background:url(images/headsntales2small.jpg);}
a.slidecc {background:url(images/headsntales3small.jpg);}
a.slidecd {background:url(images/headsntales4small.jpg);}
a.slidece {background:url(images/headsntales5small.jpg);}
a.slidecf {background:url(images/headsntales6small.jpg);}


a.communitygallery span {
	visibility: hidden;
	display: block;
	position: absolute;
	width: 700px;
	height: 400px;
	top: 189px;
	left: 9px;
	color: #000000;
	background-color: #FFFFFF;
	text-align: center;
	border: 1px solid #FFFFFF;
	font-family: 'Trebuchet ms', Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: 1px;
	cursor: default;
}

a.slideca span {left: -13px; top: 280px;}
a.slidecb span {left: -132px; top: 280px;}
a.slidecc span {left: -251px; top: 280px;}
a.slidecd span {left: -370px; top: 280px;}
a.slidece span {left: -489px; top: 280px;}
a.slidecf span {left: -608px; top: 280px;}
a.slidecg span {left: -13px; top: 189px;}
a.slidech span {left: -132px; top: 189px;}
a.slideci span {left: -251px; top: 189px;}
a.slidecj span {left: -370px; top: 189px;}
a.slideck span {left: -489px; top: 189px;}
a.slidecl span {left: -608px; top: 189px;}
a.slidecm span {left: -13px; top: 98px;}
a.slidecn span {left: -132px; top: 98px;}
a.slideco span {left: -251px; top: 98px;}
a.slidecp span {left: -370px; top: 98px;}
a.slidecq span {left: -489px; top: 98px;}
a.slidecr span {left: -608px; top: 98px;}

a.communitygallery:hover {white-space: normal; border: 1px solid #FFFFFF; z-index: 100;}

a.communitygallery:hover span {visibility: visible; z-index: 100;}

a.communitygallery:hover span img {margin: 10px; border: 1px solid #000000; position: relative; z-index: 100;}

a.communitygallery:active, a.communitygallery:focus {border: 1px solid #c00; z-index: 10;}

a.communitygallery:active span, a.communitygallery:focus span {visibility: visible; z-index: 10;}

a.communitygallery:active span img, a.communitygallery:focus span img {border: 1px solid #000000; position: relative; margin: 10px; z-index: 10;}

/*************************************/