/* id (#) should only be used once where as class (.) can be used more than once */

/* CSS classes */

.menu a 
{
  display: block;
  width: 95%;
  height: 2%;
	font-family: verdana,helvetica,arial,sans-serif;
  font-size: 70%;
  font-weight: bold;
  font-style:oblique;
	text-align: center;
	color: #0000ff;
  text-decoration: underline;
	/*margin:0em;*/
	margin-left: -2%;
	padding-top: 6%;
	padding-bottom: 6%;
 	background-image: url(backgrounds/marbLight.jpg);
}

.menu a:link, .menu a:visited 
{
  border-top: 1px solid #cecece;
  border-bottom: 2px solid #4a4a4a;
  border-left: 1px solid #cecece;
  border-right: 2px solid #4a4a4a;
}

.menu a:hover 
{
  border-bottom: 1px solid #cecece;
  border-top: 2px solid #4a4a4a;
  border-right: 1px solid #cecece;
  border-left: 2px solid #4a4a4a;
}

.kitten_button
{
	color: #800040;
	font-family: "Verdana", "Times New Roman", "serif";	
	font-weight: bold;
	filter: glow;	
}



.glitter_text
{
	/*filter:progid:DXImageTransform.Microsoft.Glow(Color=blue,Strength=10);*/
	color: #800040;
	font-weight: bold;
	filter:glow;
}

.style1 
{
	font-size: xx-large;
	font-weight: bold;
}

.style2 {
	font-size: xx-large;
	font-weight: bold;
	font-style: italic;
	color: #0000FF;
}

.style3 
{
	font-size: large;
	margin-left: 1cm;
	margin-right: 1cm;
	font-weight: normal;
	font-style: italic;
	font-family: "Book Antiqua", "Times New Roman", "serif";
	color: white;
}

.style4 
{
	font-size: large;
	font-family:'Verdana','Times New Roman', 'Algerian', "serif";
	font-style: italic;
	color: #a02000;
}

.style5 
{
	font-style: italic;
	font-weight: bold;
	font-size: large;
}

.style6 
{
	font-size: 48px;
	font-family:'Algerian','Times New Roman', "serif";
	color:blue;
	font-weight:9100;
	font-stretch:ultra-expanded;		
}

.style7 
{
	font-size: medium; 
	margin-left: 1cm;
	margin-right: 1cm;
	font-style: italic; 
	color: #330066; 
}

.style8 
{
	color: white;
}

.style9 
{
	color: white;
	font-size: large;
	font-style: italic;
	font-weight: bold;
}

.style10 
{
	font-size: medium;
	margin-left: 1cm;
	margin-right: 1cm;
	margin-bottom:1cm;
	font-weight: normal;
	font-style: italic;
	font-family: "Book Antiqua", "Times New Roman", "serif";
	color: black;
}

.style10b
{
	font-size: medium;
	margin-left: 1cm;
	margin-right: 1cm;
	margin-bottom:1cm;
	font-weight: normal;
	font-family: "Book Antiqua", "Times New Roman", "serif";
	color: black;
}

.style11 
{
	color: #FF3300
}

.style12 

{
	font-weight:normal;
	font-family: "Times New Roman", "serif";
	margin-left: 1cm;
	font-style: normal;
	font-size: large;
	color: black;
}

.style13
{
	font-weight:normal;
	font-family: "Times New Roman", "serif";
	margin-left: 1cm;
	font-style: normal;
	font-size: medium;
	color: black;
}

.style14 
{
	font-size: 48px;
	font-family:'Algerian','Times New Roman', "serif";
	color:white
}

.style15 
{		
	font-size: 48px;
	font-family:'Algerian','Times New Roman', 'serif';
	color:white
}

.style16
{
	font-weight:normal;
	font-family: 'Harrington','Times New Roman', 'serif';
	margin-left: 2cm;
	margin-right: 2cm;
	font-style: normal;
	font-size: medium;
	color: black;
}

.style17
{
	font-weight:normal;
	font-family: 'Times New Roman', 'serif';
	margin-left: 2cm;
	margin-right: 2cm;
	font-style: normal;
	font-size: medium;
	color: black;
}

.style18 
{
	font-size: 52px;
	font-family:'Algerian','Times New Roman', 'serif';
	color:blue;
	font-weight:900;
	font-stretch:ultra-expanded;	
}

.style19
{
	font-weight:normal;
	font-family: 'Times New Roman', 'serif';
	margin-left: 2cm;
	margin-right: 2cm;
	font-style: normal;
	font-size: medium;
	color: red;
}

.header2
{
	font-weight:bold;
	font-family: 'Harrington','Times New Roman', 'serif';
	font-style: normal;
	font-size: x-large;
	color:black;
}

.body1 {	background-image: url(backgrounds/marb071.jpg);}
.body2 {	background-color: #000000;   }
.body3 { 	background-color: #BDB76B; }
.body4 {	background-image: url(backgrounds/marb071_with_zoey.jpg);}
.body5 { 	background-color: #d7d7d7; }
.body6 { 	background-color: #d0c0f0; }

.Img1
{
	width:400px; 
	height:300px;
	border-style: outset;
	border-width:0px;
	padding-bottom:22px;
	padding-left:32px;
	padding-right:22px;
	padding-top:22px;
}

.Img2
{
	width:300px;	
	height:400px;
	border-style: groove;
	border-width:0px;
}

.Img3
{
	width:500px;
	height:400px;
	border-style: groove;
	border-width:0px;
}

.Img4
{
	width:400px; 
	height:300px;
	border-style: groove;
	border-width:0px;
	padding-bottom:22px;
	padding-left:22px;
	padding-right:22px;
	padding-top:22px;
}

.Img5
{
	padding-bottom:32px;
	padding-left:32px;
	padding-right:32px;
	padding-top:32px;
}

.Img6
{
	width:200px; 
	height:150px;
	border-style: groove;
	border-width:0px;
	padding-bottom:22px;
	padding-left:22px;
	padding-right:22px;
	padding-top:22px;
} 

.td3
{
	border:4px;
	border-style:outset;
	padding:6px; 
	border-color:#f6f6f6;
}

.td
{
	border-left:2px;
	border-left-style:outset;
	border-left-color:#f6f6f6; 
	border-top:2px;
	border-top-style:outset;
	border-top-color:#f6f6f6; 
	padding:10px;
}

.td2
{
	border:2px;
	border-style:outset;
	border-color:#f6f6f6; 
	padding:10px;
}

.td3
{
	border:2px;
	border-style:inset;
	border-color:#f6f6f6; 
	padding:10px;
}

.td3
{
	border:4px;
	border-style:outset;
	border-color:#f6f6f6; 
	padding:10px;
}

.separator
{
	float: left;
	text-align: center;
	width: 80px;
	height: 80px;
	padding: 10px;
	margin: 15px;
}

.thumbnail_1
{
	float: left;
	text-align: center;
	width: 280px;
	height: 280px;
	padding: 10px;
	border: 1px solid #999;
	margin: 15px;
	color: white;
}
.thumbnail_1center
{
	text-align: center;
	width: 280px;
	height: 280px;
	padding: 10px;
	border: 1px solid #999;
	margin: 15px;
	color: white;
}

.thumbnail_2
{
	float: left;
	text-align: center;
	width: 450px;
	height: 400px;
	padding: 10px;
	border: 1px solid #999;
	margin: 35px 35px 35px 35px;
	color: white;
}

.lftindent
{
	text-align:center;
	margin-left:2em;
	/*width: 150px;
	width: 100%;*/
}

.font1
{
	color:#FFFCCC;
}

.font2
{
	color:#FFFF00;
}

.font3
{
	font-size:xx-large;	
}

.font4
{
	font-size: 56px;	
}

.font5
{
	font-size: 36px;	
	color:#AAAFFF;
}

.font6
{
	color:#0000FF;
}

.font6i
{
	font-style:italic;
	color:#0000FF;
}
.font7
{
	color:#808000; 	 
}
.font7b
{
	font-weight:bold;
	color:#808000
}

.font8
{
	color:#CC0000; 	
}

.font9
{
	color:#FFFFFF;
}

/* CSS ids */

#content
{
	float:right;
	/*
	margin-left: 2%;
	padding: 1.5 em;*/
	max-width: 87%;
}

#topBanner
{
	text-align: center;
	margin-left: 2%;
	/*	float:right;
	width:100%;
	padding: 1.5 em;
	max-width: 100%;*/
} 

#mainText
{
	border-left: 1.5px solid gray;
	padding: 1em;
	margin-left: 2%;
/*float:right;
width: 100%;
padding: 1.5 em;
max-width: 100%;*/
} 

img#right 
{
	float: right;
	width:400px; 
	height:300px;
	border-style: outset;
	border-width:0px;
	padding-bottom:22px;
	padding-left:32px;
	padding-right:22px;
	padding-top:22px;
}

img#left  
{
	float: left;
	width:400px; 
	height:300px;
	border-style: outset;
	border-width:0px;
	padding-bottom:12px;
	padding-left:22px;
	padding-right:22px;
	padding-top:12px;
}

div#bodyPictures
{
	text-align: center;
}

div#textBody
{
	border-left:2px;
	border-left-style:outset;
	border-left-color:#f6f6f6; 
	border-top:2px;
	border-top-style:outset;
	border-top-color:#f6f6f6; 
	padding:15px;		
}

div#bodyBottom
{
	text-align: center;
}

p#menu
{
	text-align: left;
	left:2em;
	margin:0;
}

a#button
{
	text-align: left;
	border:2px;
	border-style:inset;
	border-color:#f6f6f6; 
	padding: 2em;
	margin: 0;
}

#container
{
	width: 100%;
	margin: 0px auto;
	line-height: 130%;
}

#leftnav
{
	float: left;
	text-align: center;
	/*width: 150px;*/
	width: 13%;
	margin: 1 em;
	padding: 0em;
}

li
{
	list-style-type: none;
	list-style-position: outside;
}

h1
{
	font-weight:bold;
	font-family: 'Times New Roman', 'serif';
	font-style: normal;
	font-size: x-large;
	color:black;
}