/* CSS Document */
* {
	margin: 0;
	padding: 0;
}

body {
	height: 100%;
	background: white;
}
#distance {
	width: 1px;
	height: 50%;
	margin-bottom: -200px; /* half of container's height */
	float: left;
}

#container {
	margin: 0 auto;
	position: relative;
	text-align: left;
	height: 500px;
	width: 636px;
	clear: left;
	/* border: 2px solid #993300;  */
}

#container2 {
	margin: 0 auto;
	position: relative;
	text-align: left;
	width: 636px;
	clear: left;
	/* border: 2px solid #993300; */
}

#distance2 {
	width: 1px;
	height: 50%;
	margin-bottom: -425px; /* half of container's height */
	float: left;
}

#container3 {
	margin: 0 auto;
	position: relative;
	text-align: left;
	height: 725px;
	width: 775px;
	clear: left;
	/*border: 1px solid #993300; */
}
#container3art {
	margin: 0 auto;
	position: relative;
	text-align: left;
	height: 725px;
	width: 830px;
	clear: left;
	/*border: 1px solid #993300; */
}

#distance3 {
	width: 1px;
	height: 50%;
	margin-bottom: -425px; /* half of container's height */
	float: left;
}


html {
	height: 100%;
}
hr {
	border: none;
	color: black;
	background-color: black;
	height: 2px;
}
.green {
	color: #00CC00;
	font-weight: normal;
}
.notbold {
	font-weight: normal;
}
hr.thick {
	height: 21px;
}


h1 {
	border-style: none;
	border-color: #000000;
	font-weight: normal;
	text-align: right;
	font-family: 'Comic Sans MS', sans-serif;
	font-size: 18pt;
	color: black;
	margin-bottom: 0px;
	margin-top: 0px;
}
h2 {
	border-style: none;
	border-color: #000000;
	font-weight: normal;
	text-align: left;
	font-family: 'Viner Hand ITC', 'Comic Sans MS', sans-serif;
	font-size: 16pt;
	color: #cc3300;
	margin-bottom: 0px;
	margin-top: 0px;
}
h3 {
	border-style: none;
	border-color: #000000;
	font-weight: normal;
	text-align: left;
	font-family: 'Comic Sans MS', sans-serif;
	font-size: 18pt;
	color: black;
	margin-bottom: 0px;
	margin-top: 0px;
}
#home {
	width: 420px;
	height: 420px;
}

p {
	text-align: left;
	font-family: 'MS Sans Serif', Geneva, sans-serif;	
	font-size: 12pt;
	color: black;
	bottom: 5px;
	font-weight: normal;
}

h1.med {
	font-size: 16pt;
	margin-top: 0px;
	text-align: left;
	font-family: 'Comic Sans MS', sans-serif;
	line-height: 1;
}
h1.sm {
	font-size: 14pt;
	margin-top: 10px;
	text-align: left;
}


.whiteframe {
	background: white;
	padding: 2em;
	border: 3px solid black;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

.l {
	text-align: left;
}

br {
	font-size: 12pt;
}

.sm {
	font-size: 9pt;
	text-align: left;

}

p.bigger {
	font-size: 16pt;
}

.black {
	color: black;
	font-size: 13pt;
}

.cntr {
	text-align: center;
}

.title {
	font-size: 26pt;
}

.titleul {
	font-size: 20pt;
	text-decoration: underline;
}
.ul {
	text-decoration: underline;
}
.i {
	font-style:italic;
}


.bold {
	font-weight: bold;
}
	
/*
.ul {
	text-decoration: underline;
}
*/

.links {
	color: black;
	font-size: 8pt;
}


.nodisplay {
  display: none;
  text-decoration: none;
}


.noul {
	text-decoration: none;
	}
	
a:link { 
	color: #cc3300;
	text-decoration: none;
  }
a:visited { 
	color: #cc3300;
	text-decoration: none;
  }
a:hover { 
	color: #000000;	 
	text-decoration: none;
  }
a:active {
	color: #cc3300;
	text-decoration: none;
  }
  
a:link img { 
	color: #000000;
	text-decoration: none;
  }
a:visited img { 
	color: #000000;
	text-decoration: none;
  }
a:hover img { 
	color: #cc3300;	 
	text-decoration: none;

  }
a:active img {
	color: #000000;
	text-decoration: none;
  }
a:focus img {
	color: #000000;
	text-decoration: none;
  }
li a:active {
	color: #000000;
	text-decoration: none;
  }
li a:focus {
	color: #FFFFFF;
	text-decoration: none;
  }
  
li {
	margin-bottom: 8px;
	text-align: left;
	font-family: 'Comic Sans MS', sans-serif;
	font-size: 12pt;
	color: black;
	font-weight: normal;
	list-style-type:inherit;
	line-height: 125%;
}
/* Styles for Navigation */
div#navigation {
 	margin: 0;
	padding: 0;
	height: 21px;
	width: 820px;
}

#navigation ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#navigation li {
	float: left;
	position:relative;
	z-index:100;
}

#navigation table{
	position:absolute;
	border-collapse:collapse;
	z-index:80;
	left:-1px;
	top:25px;
}

#navigation a, #navigation :visited {
	color: #ffffff;
	text-decoration: none;
	display: block;
	border: 0px solid #000000;
	margin-right: 0px;
	text-align: center;
	background-color: #000000;
	font-family: 'Comic Sans MS', sans-serif;
	font-size: 9pt;
	padding: 0px 5px 1px 6px;
}

#navigation a:hover {
	color: #ffffff;
	text-decoration: none;
	border: 0px solid #000000;
	background-color: #666666;
	font-family: 'Comic Sans MS', sans-serif;
	font-size: 9pt;
}
/* Styles for Navigation2 for about page */
div#navigation2 {
 	margin: 0;
	padding: 0;
	height: 21px;
	width: 636px;
}

#navigation2 ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#navigation2 li {
	float: left;
	position: relative;
	z-index: 100;
	border: 0px solid red;

}

#navigation2 table{
	position:absolute;
	border-collapse:collapse;
	z-index:80;
	left:-1px;
	top:25px;
}

#navigation2 a, #navigation2 :visited {
	color: #ffffff;
	text-decoration: none;
	display: block;
	border: 0px solid red;
	margin-right: 0px;
	text-align: center;
	background-color: #000000;
	font-family: 'Comic Sans MS', sans-serif;
	font-size: 9pt;
	padding: 0px 39px 1px 39px;

}

#navigation2 a:hover {
	color: #ffffff;
	text-decoration: none;
	border: 0px solid #000000;
	background-color: #666666;
	font-family: 'Comic Sans MS', sans-serif;
	font-size: 9pt;
}

/* Styles for Navigation3 for news page */
div#navigation3 {
 	margin: 0;
	padding: 0;
	height: 21px;
	width: 775px;
}

#navigation3 ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#navigation3 li {
	float: left;
	position:relative;
	z-index:100;
}

#navigation3 table{
	position:relative;
	border-collapse:collapse;
	z-index:80;
	left:-1px;
	top:25px;
}

#navigation3 a, #navigation3 :visited {
	color: #ffffff;
	text-decoration: none;
	display: block;
	border: 0px solid #000000;
	margin-right: 0px;
	text-align: center;
	background-color: #000000;
	font-family: 'Comic Sans MS', sans-serif;
	font-size: 9pt;
	padding: 0px 53px 1px 52px;
}

#navigation3 a:hover {
	color: #ffffff;
	text-decoration: none;
	border: 0px solid #000000;
	background-color: #666666;
	font-family: 'Comic Sans MS', sans-serif;
	font-size: 9pt;
}

/* Styles for Navigation4 for photography pages */
div#navigation4 {
 	margin: 0;
	padding: 0;
	height: 21px;
	width: 775px;
}

#navigation4 ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#navigation4 li {
	float: left;
	position:relative;
	z-index:100;
}

#navigation4 table{
	position:relative;
	border-collapse:collapse;
	z-index:80;
	left:-1px;
	top:25px;
}

#navigation4 a, #navigation4 :visited {
	color: #ffffff;
	text-decoration: none;
	display: block;
	border: 0px solid #000000;
	margin-right: 0px;
	text-align: center;
	background-color: #000000;
	font-family: 'Comic Sans MS', sans-serif;
	font-size: 9pt;
	padding: 0px 32px 1px 32px;
}

#navigation4 a:hover {
	color: #ffffff;
	text-decoration: none;
	border: 0px solid #000000;
	background-color: #666666;
	font-family: 'Comic Sans MS', sans-serif;
	font-size: 9pt;
}
/* Styles for Navigation5 for bottom nav bar */
div#navigation5 {
 	margin: 0;
	padding: 0;
	height: 21px;
	width: 636px;
}

#navigation5 ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#navigation5 li {
	float: left;
	position: relative;
	z-index: 100;
	border: 0px solid red;

}

#navigation5 table{
	position:absolute;
	border-collapse:collapse;
	z-index:80;
	left:-1px;
	top:25px;
}

#navigation5 a, #navigation5 :visited {
	color: #ffffff;
	text-decoration: none;
	display: block;
	border: 0px solid red;
	margin-right: 0px;
	text-align: center;
	background-color: #000000;
	font-family: 'Comic Sans MS', sans-serif;
	font-size: 9pt;
	padding: 0px 36px 1px 35px;
}

#navigation5 a:hover {
	color: #ffffff;
	text-decoration: none;
	border: 0px solid #000000;
	background-color: #666666;
	font-family: 'Comic Sans MS', sans-serif;
	font-size: 9pt;
}

/* Styles for Navigation6 for wide bottom nav bar needed for new and visual arts*/
div#navigation6 {
 	margin: 0;
	padding: 0;
	height: 21px;
	width: 830px;
}

#navigation6 ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#navigation6 li {
	float: left;
	position: relative;
	z-index: 100;
	border: 0px solid red;

}

#navigation6 table{
	position:absolute;
	border-collapse:collapse;
	z-index:80;
	left:-1px;
	top:25px;
}

#navigation6 a, #navigation6 :visited {
	color: #ffffff;
	text-decoration: none;
	display: block;
	border: 0px solid red;
	margin-right: 0px;
	text-align: center;
	background-color: #000000;
	font-family: 'Comic Sans MS', sans-serif;
	font-size: 9pt;
	padding: 0px 50px 1px 49px;
}

#navigation6 a:hover {
	color: #ffffff;
	text-decoration: none;
	border: 0px solid #000000;
	background-color: #666666;
	font-family: 'Comic Sans MS', sans-serif;
	font-size: 9pt;
}
div#afternav {
  /* top: 21px; */
  height: 490px;
	width: 775px;
  position: relative;
  display: block;
  clear: right;
  margin: 0;
  padding: 0;
  /*background-color: #FFFF99; */
}
div#afternav2 {
  /* top: 21px; */

	width: 800px;
  position: relative;
  display: block;
  clear: right;
  margin: 0;
  padding: 0;
  /*background-color: #FFFF99; */
}

ul#thumbnails {
  margin-top:5px;
}
#thumbnails li {display: inline; padding: 0px; float:left; margin:0;}

#footer {position: relative;
  top: 10px;
  float:left;
  clear: left;
  padding:0; margin:0; width:765px;}
  
#footer2 {position: relative;
  top: 10px;
  float:left;
  clear: left;
  padding:0; margin:0; width:830px;}

#thumbnails table {display: none;}
#thumbnails li:hover table {display: block; position:absolute;
  top:0px; left:0px; width:775px; height:415px;
  background-color: #FFFFFF;
  text-decoration: none;
  text-align:left;
  }
#thumbnails a:hover table img {color: #000000; }

#thumbnails li:hover table td {
	text-align: left;
	background-color: white;
	width: 0px;
} 

#thumbnails li:hover table td.textarea {
	background-color: white;
	width: 100%;
} 

table p {margin-top:10px}

  /* for visual art pages thumbnails */
.style3 {	
	border-style: solid;	
	border-width: 1px;	
	margin-left: 3px;	
    margin-right: 3px;}
   
  /* for visual art pages larger images */
.style4 {
	margin: 20px 15px 20px 35px;
	border-style: solid;
	border-color: black;
	border-width: 10px;
}

  /* for visual art pages arrow */
.style5 {border-width: 0;}