@charset "UTF-8";
/* CSS Document */

* { margin:0; padding:0;  }


body {background:#fff; color:#000; font-family: Trebuchet, Trebuchet MS, Helvetica, sans-serif; }

body a img { border:0px; }

#home #current,
#about #meet,
#portfolio #port,
#teaching #student,
#contact #info
{ color: #F9C; }

#home #current span,
#about #meet span,
#portfolio #port span,
#teaching #student span,
#contact #info span
{ color: #6F6; }

#logo { position:absolute; margin-top:8px; margin-left:60px; }

/*h1 { font-size:1.4em; color:#96cb7b;}*/

h2 {font-size:2.5em; color:#000; padding-top:5px;}

#wrapper {  width:100%; height:700px; font-size:14px; }

#header { background-color:#000; width:100%; height:170px; border-top:5px solid #903; border-bottom: 10px solid #FFFFED; }

#header ul { padding-left:410px; margin-top:80px; width:800px; border:0px solid red; height:70px;}

#header ul li { float:left; padding:5px; border:0px solid red; width:135px; list-style:none;}

#header ul li a { display:block; }

#header ul li span { font-size:1.4em; color:#96cb7b; }

#header ul li a:link, a:active { text-decoration:none; color:#C39; }

#header ul li a:hover { text-decoration:none; color: #F9C; font-size:14px; }

.greenSpace { background:#96cb7b; width:100%; height:20px; }

.greenSpace1 { background:#96cb7b; width:100%; height:30px; }

/* Main page */

#welcome { background:#96cb7b; width:100%; height:400px; background-image:url(../images/gradient.gif); background-repeat:repeat-x; text-align:center; }

#welcome ul {  width:1050px; height:350px; margin-left:70px; border:0px solid red;}

#welcome ul li { height:360px; width:1000px; position:relative; padding-top:70px; list-style:none; border:0px solid red;}

/* About page*/

#aboutMain { background:#96cb7b; width:100%; height:400px; background-image:url(../images/gradient.gif); background-repeat:repeat-x; }

#aboutMain ul {  width:960px;  margin-left:100px; border:0px solid red; padding-top:50px; }

#aboutMain ul li { list-style:none;  width:600px; }

#aboutMain ul li.pic { display:block; float:left; height:210px; width:310px; position:relative; padding-top:20px; border:0px solid blue;}

#aboutMain ul li img { border:1px solid #000; }

#aboutMain ul li.text { display:block; float:left; height:210px; width:550px; position:relative; padding-top:20px; padding-left:20px; border:0px solid orange;}

#aboutMain ul li strong { color:#C39; }

#aboutMain ul li span { font-style:italic; }

#aboutMain ul li a { color:#060; }

#aboutMain ul li a:link, a:visited { text-decoration:none; color:#060; }

#aboutMain ul li a:hover { text-decoration:none; color:#060; }


/* Student work gallery */

#studentGallery { background:#96cb7b; width:100%; height:620px; background-image:url(../images/gradient.gif); background-repeat:repeat-x; }

#studentGallery ul {  width:1050px; height:290px; margin-left:80px; border:0px solid red;}

#studentGallery ul li { display:block; float:left; height:220px; width:350px; position:relative; padding-top:20px;}

#studentGallery span { position:absolute; top:225px; left:0px;  color:#333; }

#studentGallery p {  }

#studentGallery ul li img { border:1px solid #000; }

#studentGallery ul li em { font-size:1.2em; font-weight:bold; font-style:normal; color:#000; }

#studentGallery li a:link, a:visited { text-decoration:none; color:#C39; }

#studentGallery li a:hover { text-decoration:none; color: #C39; }

/* Image Gallery */

#gallery { background:#96cb7b; width:100%; height:1200px; background-image:url(../images/gradient.gif); background-repeat:repeat-x; }

#gallery ul {  width:1050px; height:290px; margin-left:80px; border:0px solid red;}

#gallery ul li { display:block; float:left; height:220px; width:350px; position:relative; padding-top:20px; }

#gallery span { position:absolute; top:225px; left:0px;  color:#333; }

#gallery p {  }

#gallery ul li img { border:1px solid #000; }

#gallery ul li em { font-size:1.2em; font-weight:bold; font-style:normal; color:#000; }

#gallery ul li a:link, a:visited { text-decoration:none; color:#C39; }

#gallery ul li a:hover { text-decoration:none; color: #C39; }

.clearfix { clear:both; overflow:auto; line-height:1; }

#footerHome { background:#FFFFED; width:100%; height:50px; padding-top:25px; border:0px solid red;}

#footerHome ul { width:1200px; height:40px; border:0px solid orange; }

#footerHome ul li { list-style:none; float:left; padding-right:10px; border:0px solid red;}

#footerHome span { padding-left:80px; padding-right:235px; border:0px solid blue; }

#footerHome ul li em { color:#C39; font-style:normal; }

#footerHome a:link, a:visited { text-decoration:none; color:#C39; }

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

#footer { background-color:#fff; width:100%; height:50px; border-top:5px solid #C39; color: #C39; text-align:center; padding-top:20px; }

.dontshow {display:none}

/* Contact Page */

#contactForm1 {  width:600px; margin-left:auto; margin-right:auto; border:0px solid #900; padding-top:40px;}

#contactContent {  border:1px solid #666; width:490px; height:300px; background-color:#E0E0E0; padding:10px; margin-left:auto; margin-right:auto; }

#contactForm h2 { margin:0 0 5px 0; padding:0; font-size:1.2em; font-family:'GothamBlackRegular', Helvetica, sans-serif;}

.contactLine { margin: 10px; padding:0; }

.contactLabel { color:#333; font-size:1em; font-weight:bold; width:100px; display:inline-block; vertical-align:top; }

.contactInput { width:200px; }

.contactTextarea { width:200px; height:100px;}

.inputButtons { margin: 10px; padding:0; }
 
