/* --Generic CSS Template-- */

/* --By Cameron Wardzala --*/

/* =Eric Meyer's CSS Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}

/* remember to define focus styles! */

:focus {
outline: 1px;
}

body {
line-height: 1;
color: black;
background: white;
}

ol, ul {
list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */

table {
border-collapse: separate;
border-spacing: 0;
}

caption, th, td {
text-align: left;
font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}

blockquote, q {
quotes: "" "";
}

/* BASIC */

body {
font-size: 14px;
font-family: Helvetica, Verdana, Arial, sans-serif;
background: url(images/big_bg.gif) no-repeat 0 0;
}

label {
text-align: right;
}

p {
margin: 5px 0 10px 0;
}

.signup p {
margin-left: 0;
margin-bottom: 0px;
margin-right: 0;
margin-top: 5px;
}

iframe {
margin: 20px 0 0 0;
}

input {
border-color: black;
border-width: 1px;
border-style: solid;
font: 12px Verdana, Helvetica, Arial, sans-serif;
margin: 0 0 0 5px;
}

h2 {
color: #4a9701;
font: bold 16px Helvetica, Verdana, Arial, sans-serif;
margin: 0 0 10px 0;
}

li h2 {
margin: 10px 0 0 0;
}

a {
color: #4a9701;
text-decoration: none;
}

a:hover {
color: #4f4d4d;
text-decoration: underline;
}

hr {
border: 0;
width: 100%;
}

/* IDs */

#nav {
position: absolute;
top: 133px;
left: 290px;
background: #4f4d4d;
width: 75%;
height: 24px;
padding: 5px 0 5px 0;
z-index: 2;
}

#wrapper {
margin: 190px auto 0 274px;
width: 500px;
min-height: 200px;
padding: 0 0 

0 0;
/*border:solid 1px green;*/
z-index: 10;
position: relative;
}

#event {
margin: 0 0 20px 0;
}

.hidden {
position: absolute;
left: -5000px;
}

#logo {
position: absolute;
top: 0;
left: 0;
}

#portrait {
position: absolute;
top: 0;
right: -50px;
background: #000;
height: 200px;
width: 150px;
}

#footer {
font: 11px Helvetica, Verdana, sans-serif;
border-top: solid 1px #000;
height: 45px;
width: 99%;
margin: 20px auto 0 auto;
padding: 0;
width: 100%;
text-align: left;
}

#footer ul {
font: 11px Helvetica, Verdana, sans-serif;
margin: 4px 0 0 0;
}

#footer ul li {
font: 11px Helvetica, Verdana, sans-serif;
display: inline;
list-style: none;
margin: 0 2px 0 2px;
}

#footer ul li a {
color: #000;
}

#tric {
position: absolute;
right: 10px;
top: 10px;
background: #000;
height: 85px;
width: 75px;
}

#video {
position: absolute;
left: 20px;
top: 320px;
height: 150px;
width: 199px;
}

/* Classes */

.hr {
color: #000;
background-color: #000;
height: 1px;
}

input.submit {
font-style: italic;
margin: 10px 0 0 0;
color: #fff;
}

.reset {
margin: 10px 0 0 0;
}

.nav li {
font: 16px Verdana;
display: inline;
color: #fff;
border-right: solid 2px #fff;
padding: 0 5px 0 5px;
}

.nav li a {
color: #fff;
text-decoration: none;
}

.summary {
font: bold 16px Helvetica, Verdana, Arial, sans-serif;
color: #4a9701;
text-decoration: none;
line-height: 24px;
}

.big {
font: 30px Impact, Helvetica, Verdana, Arial, sans-serif;
color: #4a9701;
text-decoration: none;
line-height: 30px;
}

.students {
position: relative;
z-index: 3;
}

.students li {
line-height: 18px;
}

.statement {
display: inline-block;
width: 350px;
padding-right: 5px;
line-height: 18px;
}

.ical {
background: url(images/date.png) no-repeat 0 0;
padding: 1px 0 1px 18px;
}

.hcalendar {
margin: 10px 0 0 0;
}

.location {
line-height: 20px;
font-size: 14px;
}

.dtstart, .dtend {
line-height: 20px;
font-size: 14px;
}

.large {
font: 18px Helvetica, Verdana, Arial, sans-serif;
}

.nav li.selected {
color: #7cb041;
}

.nav li a.selected {
color: #7cb041;
}

.nav li.last {
border: 0;
}

.work li {
display: inline;
margin: 0 5px;
}

.details p {
line-height: 18px;
margin-bottom: 20px;
}

.about p {
line-height: 18px;
}

.about li h2 {
margin: 10px 0 0 0;
color:#000;
}

.sub {
margin-right: 0px;
margin-left: 0px;
margin-bottom: 0px;
margin-top: 10px;
font-style: italic;
font-size: 11px;
}

.info_dl {
margin-left: 0;
margin-bottom: 20px;
margin-right: 0;
margin-top: 6px;
clear: both;
}

.resume_dl {
padding: 1px 0 1px 18px;
margin: 0 10px 0 0;
background: url(images/acrobat.png) no-repeat 0 0;
}

.vcard_dl {
padding: 1px 0 1px 18px;
margin: 0 10px 0 0;
background: url(images/vcard.png) no-repeat 0 0;
}

.bold {
font: bold 14px Helvetica, Verdana, Arial, sans-serif;
}

.nowork {
color: #999999;
}

.vcard p {
margin: 0 0 10px 0;
}

.thanks li {
margin: 0 0 3px 0;
}

/* Form classes */

.co-input {
margin-left: 14px;
}

.em-input {
margin-left: 34px;
}

.adr-input {
margin-left: 24px;
}

.submit {
background: #7cb041;
}

/* Thumbnail css */

.work li a.thumbnail {
position: relative;
z-index: 0;
}

.work li img {
border: 1px dashed gray;
}

.work li a.thumbnail:hover {
background-color: transparent;
z-index: 50;
}

.work li a.thumbnail span {
/*CSS for enlarged image*/
position: absolute;
background-color: #fff;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
display: none;
color: black;
text-decoration: none;
}

.work li a.thumbnail span img {

/*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.work li a.thumbnail:hover span {
/*CSS for enlarged image on hover*/
display: block;
top: -500px;
left: 60px;
/*position where enlarged image should offset horizontally */
}

.about .work li a.thumbnail:hover span {
/*CSS for enlarged image on hover*/
display: block;
top:0;
left: 60px;
/*position where enlarged image should offset horizontally */
}