/* ----------------Main body background, font and font size----------- */
body { background: #000000 url(background2.jpg) repeat-y top center; margin: 0; padding: 0; font-family: georgia, sans-serif; font-size: 11pt; text-align: center; min-width: 800px; }


/* -----------------Main body link formatting------------------------- */
/* This is how links will look when untouched */
a:link { color: #D87093; text-decoration: none; }

/* This is how links look when hovered over with the mouse */
a:hover { color: #FFFFFF; background-color: #4169E1; text-decoration: underline; }

/* This is how links look after they're clicked */
a:visited { color: #D87093; text-decoration: none; }

/* This removes ugly borders from image links */
a img { border: none; } 


/* -----------------Main body paragraph text color--------------------- */
/*  Default text color in all p's is blue */
p { color: #ADD8E6; }

/* Different text colors used */
.Blue {color: #ADD8E6; font-family: georgia, sans-serif; }
.Black {color: #000000;}

.indent { margin: 10px 20px 15px 46px; color: #ADD8E6; font-family: georgia, sans-serif; }


/* Mail form align input boxes */
.form { position: absolute; left: 520px; }

/* Mailform submit and clear button style */
.mailbutton { width: 75px; height: 35px; background-color: black; border: 2px solid #ADD8E6; font-family: georgia, sans-serif;
color: #ADD8E6; cursor: pointer; text-align: center; font-weight: bold; padding-bottom: 2px; }

/* Rounded blue text/image border */
.border_rounded { background-color: white; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
border: 3px solid #ADD8E6; width: 230px; }

/* Rollover button text style */
.buttontext { height: 55px; font: 14px georgia strong sans-serif; font-variant: small-caps; letter-spacing: 4px; text-align: center;
color:#000000; border-bottom: 2px solid white; width: 211px; line-height: 55px; }

/* This gives all the tables a border */
table { border: 3px ridge white; }

/* This gives all cells of a table a border, and centers the text */
td { border: 1px ridge white; text-align: center; vertical-align: middle; }



#header { height: 392px; background: url(yep3.jpg) no-repeat center; border-top: 10px solid #000000; }

#galleryheader { height: 392px; background: url(gallery.jpg) no-repeat center; border-top: 10px solid #000000; }

#mailheader { height: 392px; background: url(emailmeheader.jpg) no-repeat center; border-top: 10px solid #000000; }

#thankyouheader { height: 392px; background: url(thanks.jpg) no-repeat center; border-top: 10px solid #000000; }

#appsheader { height: 392px; background: url(apps.jpg) no-repeat center; border-top: 10px solid #000000; }

#oopsheader { height: 392px; background: url(oops.jpg) no-repeat center; border-top: 10px solid #000000; }

#researchheader { height: 392px; background: url(research.jpg) no-repeat center; border-top: 10px solid #000000; }


#maincontainer { text-align: left; width: 787px; margin-left: auto; margin-right: auto; }

#mainCol { float: left; margin-top: 10px; margin-left: 8px; margin-bottom: 10px; width: 566px; background: transparent center; } 


#mainCol p { margin: 10px 20px 15px 20px; }

#appsmainCol { float: left; margin-top: 12px; margin-left: 20px; margin-bottom: 10px; margin-right: 6px; width: 548px; color: #ADD8E6; font-family: georgia, sans-serif; background: transparent center; } 

#welcome { height: 36px; width: 94px; background: url(welcome.jpg) no-repeat; }

#aboutMe { height: 36px; width: 94px; background: url(aboutme.jpg) no-repeat; }

#whatnot { height: 36px; width: 94px; background: url(whatnot.jpg) no-repeat; }

#buttonCol { float: left; background: transparent; width: 211px; }

#tweet { text-align: center; }



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

a.rollover { display:block; background: url(buttons.jpg); height: 57px; font: 13px georgia strong sans-serif; font-variant: small-caps; letter-spacing: 4px; color:#000000; width: 211px; text-align:center;
text-decoration: none; line-height: 57px; } 

a.rolloverb { display:block; background: url(buttons.jpg); height: 57px; font: 13px georgia strong sans-serif; 
font-variant: small-caps; letter-spacing: 4px; color:#000000; width: 211px; text-align:center;
text-decoration: none; line-height: 25.5px; } 

a.rollover:hover { background-position: 0 -57px; color: white; }
a.rolloverb:hover { background-position: 0 -57px; color: white; }

a.rollover:active { background-position: 0 -57px; color: white; }
a.rolloverb:active { background-position: 0 -57px; color: white; }


#footcontainer { text-align: left; width: 800px; margin-left: auto; margin-right: auto; }

#footer { height: 110px; width: 800px; position: absolute; top: 1435px; 
background: #000000 url(footer2.jpg) no-repeat top center; text-align: center; padding-bottom: 5px; padding-top: 5px; }

#appsfooter { height: 110px; width: 800px; position: absolute; top: 1535px; 
background: #000000 url(footer2.jpg) no-repeat top center; text-align: center; padding-bottom: 5px; padding-top: 5px; }

#researchfooter { height: 110px; width: 800px; position: absolute; top: 1170px; 
background: #000000 url(footer2.jpg) no-repeat top center; text-align: center; padding-bottom: 5px; padding-top: 5px; }


/*------------------Eek! Gallery code----------------------------- */
.gallerycontainer{ position: relative; }

.thumbnail img{ border: 1px solid white; margin: 0; }

.thumbnail:hover{ background-color: transparent; }

.thumbnail:hover img{ border: 1px solid white; }

.thumbnail span{ position: absolute; background-color: black; left: -700px; visibility: hidden; color: black; text-decoration: none; }

.thumbnail span img{ border-width: 0; }

.thumbnail:hover span{ visibility: visible; top: -83px; left: 424px; z-index: 50; }




/*------------------Gallery/Photo code----------------------------- */
.gallery{ position: absolute; top: 630px; left: 328px; }

/* Row 1 */
.thumbnail1 img{ border: 1px solid #9ab9d5; margin: 0 5px 5px 0; }

.thumbnail1:hover{ background-color: transparent; }

.thumbnail1:hover img{ border: 1px solid red; }

.thumbnail1 span{ position: absolute; background-color: #9ab9d5; padding: 5px; 
left: -1000px; border: 1px dashed gray; visibility: hidden; color: black; text-decoration: none; }

.thumbnail1 span img{ border-width: 0; padding: 2px; }

.thumbnail1:hover span{ visibility: visible; top: -608px; left: -44px; z-index: 50; }

/* Row 2 */
.thumbnail2 img{ border: 1px solid #9ab9d5; margin: 0 5px 5px 0; }

.thumbnail2:hover{ background-color: transparent; }

.thumbnail2:hover img{ border: 1px solid red; }

.thumbnail2 span{ position: absolute; background-color: #9ab9d5; padding: 5px; 
left: -1000px; border: 1px dashed gray; visibility: hidden; color: black; text-decoration: none; }

.thumbnail2 span img{ border-width: 0; padding: 2px; }

.thumbnail2:hover span{ visibility: visible; top: -480px; left: -44px; z-index: 50; }

/* Row 3 */
.thumbnail3 img{ border: 1px solid #9ab9d5; margin: 0 5px 5px 0; }

.thumbnail3:hover{ background-color: transparent; }

.thumbnail3:hover img{ border: 1px solid red; }

.thumbnail3 span{ position: absolute; background-color: #9ab9d5; padding: 5px; 
left: -1000px; border: 1px dashed gray; visibility: hidden; color: black; text-decoration: none; }

.thumbnail3 span img{ border-width: 0; padding: 2px; }

.thumbnail3:hover span{ visibility: visible; top: -243px; left: -32px; z-index: 50; }