/* css - 'Portfolio', by Olivia-Beth Horak */
/* css released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/1.0/  */
/* Edited Last: March 12, 2007 */

/* IMPORTANT */
/* This design is not a template. You may not reproduce it elsewhere without the 
   designer's written permission. However, feel free to study the CSS and use 
   techniques you learn from it elsewhere. */
   
/* basic elements */
body {
margin: 0px;
padding: 0px;
background: #e2f5ff url(/imx/back.jpg) repeat-y;
font: 10pt Tahoma, Arial, Verdana, sans-serif;
color: #461207;}

a {background-color: #FFFFFF; color: #005489; text-decoration: none;}
a:link {background-color: #FFFFFF; color: #005489; font-weight: bold; text-decoration: underline;}
a:visited {background-color: #FFFFFF; color: #005489; font-weight: bold; text-decoration: underline;}
a:hover {background-color: #FFFFFF; color: #461207; font-weight: bold; text-decoration: underline;}
a:active {background-color: #FFFFFF; color: #005489; font-weight: bold; text-decoration: underline;}

h1 {margin: 0px 0px 0px 0px;}
h1 span{display:none;}
h2 {margin: 0px 0px 0px 0px;}
h2 span{display:none;}
h3{margin:0px; padding: 0px;}
h3 span{display:none;}

h4 {
font: 14pt Tahoma, Arial, Verdana, sans-serif;
font-style: normal;
padding: 15px 0px 3px 10px; 
margin: 0px 15px -10px 15px; 
border-bottom: #461207 dashed 1px;}

li {list-style-position: outside;}
acronym{border-bottom:1px dotted;}
#container {margin: 0px; padding: 0px;}
p{line-height: 1.4em; padding: 15px 30px 0px 30px; margin: 0px;}

/* Intro */
#intro{width: 620px;}

#pageHeader h1{
margin: 0px 0px 0px 20px;
height: 272px;
width: 600px;
background: url(/imx/page_header.jpg) no-repeat;
text-indent:-2000px;}

/* Supporting Text */
#supportingText{width: 620px; background: url(/imx/txt_back.jpg) repeat-y 20px;}
#supportingText p{font: 11px Tahoma, Arial, Verdana, sans-serif; line-height: 1.4em; padding: 19px 19px 5px 19px; margin: 0px;}
#supportingText h3{margin: 0px; padding: 0px; height: 107px;}
#footer{margin: 0px 0px 0px 20px; padding-top: 58px; padding-bottom: 20px;}

/* Link List */
#navcontainer {
position: absolute; 
top: 35px; 
left: 625px; 
width: 175px; 
padding: 0px; 
text-align: left;}

.experiences{
background: url(/imx/titles/experiences.jpg) no-repeat 0px;
height: 30px;
width: 170px;
margin: 25px 0px 0px 0px;} 

#navcontainer ul {
text-align: left;
margin: 0px;
padding: 0px; 
list-style-type: none;}

#navcontainer a {
background-color: #84b7d2; 
color: #ffffff;
display: block; 
padding: 10px 0px 0px 5px; 
width: 170px;}

#navcontainer a:link {
background-color: #84b7d2;
color: #ffffff;
font-weight: bold;
text-decoration: none;}

#navcontainer a:visited {
background-color: #84b7d2;
color: #ffffff; 
font-weight: bold; 
text-decoration: none;}

#navcontainer a:hover {
background-color: #84b7d2; 
color: #461207; 
font-weight: bold; 
text-decoration: underline;}

#navcontainer a:active {
background-color: #84b7d2; 
color: #ffffff; 
font-weight: bold; 
text-decoration: none;}

.links{padding: 10px 30px 10px 30px; margin: 0px;}

/* Home Page */
#described{
margin: 0px 0px 0px 20px; 
padding: 0px; 
background: url(/imx/txt_back.jpg) repeat-y;}

#described h3{height: 75px; background: url(/imx/titles/described.jpg) no-repeat;}

/* Academic Achievement */
#academic{
margin: 0px 0px 0px 20px; 
padding: 0px; 
background: url(/imx/txt_back.jpg) repeat-y;}
#academic h3{height: 75px; background: url(/imx/titles/academic.jpg) no-repeat;}
#academic ul {padding: 0px 20px 0px 50px;}

/* Artistic Achievement */
#artistic{margin: 0px 0px 0px 20px; padding: 0px; background: url(/imx/txt_back.jpg) repeat-y;}
#artistic h3{height: 75px; background: url(/imx/titles/artistic.jpg) no-repeat;}
#artistic ul {padding: 0px 20px 0px 50px;}

/* Cross-Cultural Experience */
#cultural{margin: 0px 0px 0px 20px; padding: 0px; background: url(/imx/txt_back.jpg) repeat-y;}
#cultural h3{height: 75px; background: url(/imx/titles/cultural.jpg) no-repeat;}
#cultural ul {padding: 0px 20px 0px 50px;}

/* Error Page */
#error{margin: 0px 0px 0px 20px; padding: 0px; background: url(/imx/txt_back.jpg) repeat-y;}
#error h3{height: 75px; background: url(/imx/titles/error.jpg) no-repeat;}

/* Integration Statement */
#statement{
margin: 0px 0px 0px 20px; 
padding: 0px; 
background: url(/imx/txt_back.jpg) repeat-y;}

#statement h3{height: 75px; background: url(/imx/titles/statement.jpg) no-repeat;}

/* Jobs and Internships */
#jobs{margin: 0px 0px 0px 20px; padding: 0px; background: url(/imx/txt_back.jpg) repeat-y;}
#jobs h3{height: 75px; background: url(/imx/titles/jobs.jpg) no-repeat;}
#jobs ul {padding: 0px 20px 0px 50px;}
#jobs ol {padding: 0px 20px 0px 50px;}
#jobs .header {text-align: center; font-weight: bold;}

/* Leadership Experience */
#leadership{margin: 0px 0px 0px 20px; padding: 0px; background: url(/imx/txt_back.jpg) repeat-y;}
#leadership h3{height: 75px; background: url(/imx/titles/leadership.jpg) no-repeat;}
#leadership .over{
margin: 0px 20px 0px 20px; 
padding: 10px 10px 0px 10px; 
font-size: 14px; 
font-style: italic; 
font-weight: bold; 
text-align: right; 
border-bottom: 1px solid;}
#leadership ul {padding: 0px 20px 0px 50px;}

/* Thank You! */
#thanks{margin: 0px 0px 0px 20px; padding: 0px; background: url(/imx/txt_back.jpg) repeat-y;}
#thanks h3{height: 75px; background: url(/imx/titles/thanks.jpg) no-repeat;}

/* Volunteer Experience */
#volunteer{
margin: 0px 0px 0px 20px;
padding: 0px;
background: url(/imx/txt_back.jpg) repeat-y;}
#volunteer h3{height: 75px; background: url(/imx/titles/volunteer.jpg) no-repeat;}
#volunteer ul {padding: 0px 20px 0px 50px;}

/* Contact Information */
#contact{margin: 0px 0px 0px 20px; padding: 0px; background: url(/imx/txt_back.jpg) repeat-y;}
#contact h3{height: 75px; background: url(/imx/titles/contact.jpg) no-repeat;}

.submit {
background: #FFFFFF;
border: 1px solid #461207;
font: 8pt Tahoma, Arial, Verdana, sans-serif;
color: #461207;
font-weight: bold;
text-decoration: none;}

.reset {
background: #FFFFFF;
border: 1px solid #461207;
font: 8pt Tahoma, Arial, Verdana, sans-serif;
color: #461207;
font-weight: bold;
text-decoration: none;}

.box {
margin: 12px; 
padding: 10px 108px 10px 108px;
width: 360px;
line-height: 15px;}

fieldset {border: 0px;}
fieldset label {text-align: right; width: 60px; float: left; padding: 0.2em;}
fieldset .nobr {display: none;}
fieldset .textfield {margin: 3px; height: 16px; width: 260px;}



/* Resume */
#resume{margin: 0px 0px 0px 20px; padding: 0px; background: url(/imx/txt_back.jpg) repeat-y;}
#resume h3{height: 75px; background: url(/imx/titles/resume.jpg) no-repeat;}

#resume .links {
text-align: center;
margin: 0px;
padding: 15px; 
list-style-type: none;}

#resumetable {
line-height: 1.4em;
width: 580px;
padding: 0px;
margin: 0px 10px 0px 10px;}

#resumetable .header{
font: 14pt Tahoma, Arial, Verdana, sans-serif;
font-style: normal;
padding: 20px 15px 0px 10px;
margin: 0px 0px 0px 15px;
border-bottom: #461207 dashed 1px;
letter-spacing: 2px;}

#resumetable th {
font-weight: normal;
text-align: left;
padding: 0px 10px 0px 10px;}

#resumetable .column1{width: 415px; padding-left: 20px;}
#resumetable .column2{text-align: right; margin: 0px;}
#resumetable .column3{width: 415px;}
#resumetable .row2{width: 115px;}
#resumetable ul {padding: 0px 0px 0px 40px; margin: 0px;}
#resumetable .indent {padding: 0px 10px 0px 20px;}