/* these control the way links operate and look */

body 

{
	margin: 0px;
	padding: 0px;
}



p 

{


}

p1 

{

}


a img {

	border: none; 
} 


/* these control the way links operate and look */

a:link {
	color: Black;
	text-decoration: none;
	font-style: none;
}

a:visited {
	font-style: none;
	color: Black;
	text-decoration: none;
}

a:hover {
	font-style: bold;
	color: Red;
}

a:active {
	color: Black;
	text-decoration: none;
	font-style: none;
} 



/* These are headers- this is something you would use for a show
title or else for the name of a page.  For instance, h1 might be used to say 'The Thing' 
while h2 might be used to say 'Latest News' */

h1

{
	color: black;
	font-family: "Courier New", serif;
	font-size: medium;
	margin: 0px;
	padding: 0px;
	font-weight: bolder;
}


h2

{
	color: black;
	font-family: "Courier New", serif;
	font-size: 15px;
	margin: 0px;
	padding: 0px;
	font-weight: bolder;
}



/*
These are all the IDs for the document, I tried to reserve the use of an ID for singular 
important elements but I am not sure what the difference is between a class and an ID.  
Generally an ID is what you use for something that appears only once on a page. 
For instance, I use an ID for defining the primary elements of the page, 
like the    
*/

#heading

{
	position: absolute;
	left: 0px;
	top: 0px;
	height: 144px;
	width: 1024px;
	border-width: 0px;
	margin: 0px;
	padding: 20px;
	font-family: "Courier New", serif;
	font-size: x-small;
	z-index: -1;
	
}

#thingist

{
	position: absolute;
	left: 775px;
	top: 20px;
	border-width: 0px;
	margin: 0px;
	font-family: "Courier New", serif;
	font-size: small;

	
}

#nycEvents

{
	position: absolute;
	left: 690px;
	top: 68px;
	border-width: 0px;
	margin: 0px;
	font-family: "Courier New", serif;
	font-size: small;
	z-index: 1000;

	
}

#column1

{
	position: absolute;
	left: 0px;
	top: 144px;
	height: 576px;
	width: 305px;
	border-width: 0px;
	margin: 0px;
	padding-top:0px;
	padding-bottom:0px;
	padding-right:0px;
	padding-left:10px;
	color: black;
	font-family: "Courier New", serif;
	font-size: 11px;
	text-align: left;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}



#columnMain

{
	position: absolute;
	left: 325px;
	top: 144px;
	border-width: 0px;
	width: 560px;
	margin: 0px;
	padding: 20px;
	color: #333333;
	font-family: "Courier New", serif;
	font-size: 11px;
	text-align: left;


}



.dividerMain

{
	letter-spacing: -3px;
	color: black;
	font-family: "Courier New", serif;
	font-size: 12px;

}

.dividerNext

{
	letter-spacing: -1px;
	color: black;
	font-family: "Courier New", serif;
	font-size: 6px;

}




/*

These are image classes.  Basically it is the way to assign formatting
to an image so that you don't have to add stuff every time.  The 'main' 
image type here has some variety, in case you want it to be vertical or horizontal
- the V on the end is vertical and the H is for horizontal.  The other kind of image
is called a 'gallery' image - it is in case we want to have a simple image gallery
that we can make interactive.    

*/

#image

{

	height: 395px;
	width: 536px;
	border-width: 0px;
	z-index: 1;
}


img.four

{
	width: 300px;
	vertical-align: center;
	text-align: center;
	margin: 10px;
}

img.logo

{

	height: 72px;
	width: 215px;
	border-width: 0px;
	z-index: 1;
	margin: 0px;
}


img.index

{
	position: absolute;
	top: 150px;
	left: 150px;
	border-width: 0px;
	z-index: 1;
	margin: 0px;
}


img.main

{

	height: 395px;
	width: 536px;
	border-width: 0px;
	z-index: 1;
	margin: 10px;
}

img.mainH

{

	height: 395px;
	width: 536px;
	border-width: 0px;
	z-index: 1;
}

img.mainV

{

	height: 395px;
	width: 536px;
	border-width: 0px;
	z-index: 1;
}

img.gallery

{
	position: relative;
	border-width: 0px;
	z-index: 1;
	height: 100px;
	width: 137px;
	padding: 10px;
}

img.galleryH

{
	position: relative;
	border-width: 0px;
	z-index: 1;
	height: 100px;
	width: 137px;
	padding: 10px;
}

img.galleryV

{
	position: relative;
	border-width: 0px;
	z-index: 1;
	height: 100px;
	width: 75px;
	padding: 10px;
}

/*

These are for rows of basic links, anything from 'about' to 'news'.
There are more here than we need, they are there though because it is 
easier to have extra and just not use them than it is to create new ones 
for specific needs.      

*/

table.navigation
{
	position: absolute;
	top: 62px;
	left: 265px;
	table-layout: fixed;
	font-family: "Courier New", serif;
	border: none;
	height: 20px;
	width: 735px;
	border-width: 0px;
	text-indent: 0px;
	z-index: 10;
	font-size: 16px;
	overflow: visible;
	
}

.r1_1

{
	position: absolute;
	left: 265px;
	top: 64px;
	color: black;
	font-family: "Courier New", serif;
	font-size: medium;


}

.r1_2

{
	position: absolute;
	left: 350px;
	top: 64px;
	color: black;
	font-family: "Courier New", serif;
	font-size: medium;

}

.r1_3

{
	position: absolute;
	left: 450px;
	top: 64px;
	color: black;
	font-family: "Courier New", serif;
	font-size: medium;

}

.r1_4

{
	position: absolute;
	left: 550px;
	top: 64px;
	color: black;
	font-family: "Courier New", serif;
	font-size: medium;

}

.r1_5

{
	position: absolute;
	left: 650px;
	top: 64px;
	color: black;
	font-family: "Courier New", serif;
	font-size: medium;

}

.r1_6

{
	position: absolute;
	left: 750px;
	top: 64px;
	color: black;
	font-family: "Courier New", serif;
	font-size: medium;

}

.r1_7

{
	position: absolute;
	left: 850px;
	top: 64px;
	color: black;
	font-family: "Courier New", serif;
	font-size: medium;

}

.r1_8

{
	position: absolute;
	left: 950px;
	top: 64px;
	color: black;
	font-family: "Courier New", serif;
	font-size: medium;

}



.r2_1

{
	position: absolute;
	left: 265px;
	top: 115px;
	color: black;
	font-family: "Courier New", serif;
	font-size: medium;


}

.r2_2

{
	position: absolute;
	left: 350px;
	top: 115px;
	color: black;
	font-family: "Courier New", serif;
	font-size: medium;

}

.r2_3

{
	position: absolute;
	left: 450px;
	top: 115px;
	color: black;
	font-family: "Courier New", serif;
	font-size: medium;

}

.r2_4

{
	position: absolute;
	left: 550px;
	top: 115px;
	color: black;
	font-family: "Courier New", serif;
	font-size: medium;

}

.r2_5

{
	position: absolute;
	left: 650px;
	top: 115px;
	color: black;
	font-family: "Courier New", serif;
	font-size: medium;

}

.r2_6

{
	position: absolute;
	left: 750px;
	top: 115px;
	color: black;
	font-family: "Courier New", serif;
	font-size: medium;

}

.r2_7

{
	position: absolute;
	left: 850px;
	top: 115px;
	color: black;
	font-family: "Courier New", serif;
	font-size: medium;

}

.r2_8

{
	position: absolute;
	left: 950px;
	top: 115px;
	color: black;
	font-family: "Courier New", serif;
	font-size: medium;

}