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

body{
margin:0;
padding:0;
line-height: 1.5em;
background-image:url(images/background.png);
}

#back {
float: left;
width: 100%;
min-width: 970px;
background-image: url(images/side.png);
background-repeat: repeat-x;
}

#maincontainer{
width: 970px; /*Width of main container*/
margin: 40px auto 0px auto; /*Center container on page*/
}

#topleft {
width: 13px;
height: 13px;
float: left;
background-image: url(images/corners/topleft.gif);
background-repeat: repeat-x;
overflow: hidden;
}

#topmid {
width: 944px;
height: 13px;
float: left;
background-image: url(images/corners/topmid.png);
background-repeat: repeat-x;
overflow: hidden;
}

#topright {
width: 13px;
height: 13px;
float: left;
background-image: url(images/corners/topright.gif);
background-repeat: repeat-x;
overflow: hidden;
}

#head {
float: left;
width: 970px;
height: 72px;
background-image:url(images/place.png);
}

#headleft {
float: left;
width: 472px;
height: 72px;
background-image: url(images/nav/headleft.png);
}

#headright {
float: left;
width: 16px;
height: 72px;
background-image: url(images/nav/headright.png);
}

/* Navigation Begin */

#navigation {
float: left;
}

#nav {
margin: 0;
padding: 0;
height: 72px;
list-style: none;
display: inline;
overflow: hidden;
}

#nav li {
margin: 0; 
padding: 0;
list-style: none;
display: inline;
}

#nav a {
float: left;
padding: 72px 0 0 0;
overflow: hidden;
height: 0px !important; 
height /**/:72px; /* for IE5/Win only */
}
	
#nav a:hover {
background-position: 0 -72px;
}

#nav a:active, #nav a.selected {
background-position: 0 -144px;
}
	
#home a  {
width: 89px;
background: url(images/nav/home.png) top left no-repeat;
}
	
#about a {
width: 89px;
background: url(images/nav/about.png) top left no-repeat;
}

#resume a {
width: 89px;
background: url(images/nav/resume.png) top left no-repeat;
}

#academics a {
width: 123px;
background: url(images/nav/academics.png) top left no-repeat;
}

#design a {
width: 92px;
background: url(images/nav/design.png) top left no-repeat;
}

/* Navigation End */

/* Corners Begin */

#bottomleft {
width: 13px;
height: 13px;
float: left;
background-image: url(images/corners/bottomleft.gif);
background-repeat: repeat-x;
overflow: hidden;
}

#bottommid {
width: 944px;
height: 13px;
float: left;
background-image: url(images/corners/bottommid.png);
background-repeat: repeat-x;
overflow: hidden;
}

#bottomright {
width: 13px;
height: 13px;
float: left;
background-image: url(images/corners/bottomright.gif);
background-repeat: repeat-x;
overflow: hidden;
}

#upleft {
width: 13px;
height: 13px;
float: left;
background-image: url(images/corners/upleft.gif);
background-repeat: repeat-x;
overflow: hidden;
}

#upmid {
width: 944px;
height: 13px;
float: left;
background-image: url(images/corners/upmid.png);
background-repeat: repeat-x;
overflow: hidden;
}

#upright {
width: 13px;
height: 13px;
float: left;
background-image: url(images/corners/upright.gif);
background-repeat: repeat-x;
overflow: hidden;
}

#downleft {
width: 13px;
height: 13px;
float: left;
background-image: url(images/corners/downleft.gif);
background-repeat: repeat-x;
overflow: hidden;
}

#downmid {
width: 944px;
height: 13px;
float: left;
background-image: url(images/corners/downmid.png);
background-repeat: repeat-x;
overflow: hidden;
}

#downright {
width: 13px;
height: 13px;
float: left;
background-image: url(images/corners/downright.gif);
background-repeat: repeat-x;
overflow: hidden;
}

/* Corners End */

/* Page Specific Content Begin */

#homehead {
width: 970px;
height: 40px;
float: left;
background-image: url(images/home/head.png);
}

#homestatement1 {
width: 683px;
height: 31px;
background-image: url(images/home/statement1.png);
}

#homestatement2 {
width: 683px;
height: 30px;
background-image: url(images/home/statement2.png);
}

#homestatement3 {
width: 683px;
height: 44px;
background-image: url(images/home/statement3.png);
}

#homestatement4 {
width: 683px;
height: 40px;
background-image: url(images/home/statement4.png);
}

#homeline {
width: 683px;
height: 50px;
background-image: url(images/home/dotted.png);
}

#abouthead {
width: 970px;
height: 40px;
float: left;
background-image: url(images/about/head.png);
}

#academicshead {
width: 970px;
height: 40px;
float: left;
background-image: url(images/academics/head.png);
}

#designhead {
width: 970px;
height: 40px;
float: left;
background-image: url(images/design/head.png);
}

#resumehead {
width: 970px;
height: 40px;
float: left;
background-image: url(images/resume/head.png);
}


#designbox {
margin-top: 20px;
}

#designbox img{
margin-bottom: 15px;
}

/* Page Specific Content End */

/* Lightbox Styling Begin */

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	padding-top: 0.4em;
	font-family: Verdana;
	font-size: 13px;
	color: #424242;
	}	

#lightboxDetails a{
	text-decoration: none;
	font-size: 18px;
	color: #424242;
	}	

#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}
	
/* Lightbox Styling End */

#columnwrap {
float: left;
width: 100%;
background-image: url(images/contentback.png);
}

#columnleft {
margin-right: 237px; /*Set right margin to RightColumnWidth*/
background-image: url(images/contentgradient.png);
background-repeat: repeat-x;
/*width: 683px*/
}

#columnright {
float: left;
width: 237px; /*Width of right column*/
margin-left: -237px; /*Set left margin to -(RightColumnWidth) */
background-image: url(images/sidebargradient.png);
background-repeat: repeat-x;
}

.line {
background-image: url(images/seperator.png);
background-repeat: repeat-x;
width: 683px;
height: 2px;
margin-top: 20px;
margin-bottom: 25px;
}

/* Text and Image Styling Begin */

.contentwhite {
padding: 20px 20px 20px 25px;
font-family: Verdana;
font-size: 13px;
color: #C2C2C2;
}

.contentwhite a:visited {
color: #C2C2C2;
}

.contentwhite a {
color: #C2C2C2;
}

.contentblack {
padding: 10px 20px 10px 20px;
font-family: Verdana;
font-size: 13px;
color: #424242;
}

.contentblack a:visited {
color: #424242;
}

.contentblack a {
color: #424242;
}

h1 {
font-family: Trebuchet MS,Helvetica,sans-serif;
font-size: 22px;
margin: 0px 0px 10px 0px;
color: #FFFFFF;
}

h2 {
font-family: Trebuchet MS,Helvetica,sans-serif;
font-size: 20px;
margin: 10px 0px 5px 0px;
color: #232323;
}

h3 {
font-family: Verdana;
font-size: 13px;
margin: 10px 0px 0px 0px;
color: #232323;
}

ul {
list-style: none;
margin: 0;
padding: 0;
font-family: Verdana;
font-size: 13px;
}

.contentwhite li {
padding-left: 15px;
background-image: url(images/arrowwhite.gif);
background-repeat: no-repeat;
background-position: 0 10px;
}

.contentblack li {
padding-left: 15px;
background-image: url(images/arrow.gif);
background-repeat: no-repeat;
background-position: 0 10px;
}

.tooltip a:hover {
background:#ffffff;
text-decoration:none;
} /*BG color is a must for IE6*/

a.tooltip span {
display:none; 
padding:2px 3px; 
margin: 52px 0px 0px -52px;
}

a.tooltip:hover span {
display:inline; 
position:absolute; 
background:#333333; 
border:1px dotted #cccccc; 
color: #cccccc;
}

img {
border: none;
margin: 0;
padding: 0;
vspace: 0;
}

.imageformatter {
text-align: left;
margin-right: 20px;
align: left;
}

.imagemarginizer{
margin: 24px 0px 24px 0px;
}

a img.bordered  {
border: 5px solid #a8a8a8;
}

a:hover img.bordered {
border: 5px solid #0071b2;
}

.quotes {
background-image: url(images/academics/quotes.png);
font-size: 36px;
color: #FFFFFF;
width: 683px;
height: 79px;
padding-top: 40px;
padding-bottom: 40px;
line-height: 25pt;
background-repeat: no-repeat;
text-align: center;
}

#twitter {
margin-left: 0px;
height: 289px;
}

#twitter a {
color: #424242;
text-decoration: none;
}

/* Text and Image Styling End */

/* Table Styling Begin */

table.contacts {
width: 680px;
background-color: #f5f5f5;
border: 1px #000000 solid;
border-collapse: collapse;
border-spacing: 0px;
}


td.contactDept {
background-color: #0071b2;
border: 1px #000000 solid;
font-family: Verdana;
font-weight: bold;
font-size: 12px;
color: #FFFFFF;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 8px;
padding-right: 0px;
}


td.contact {
border-bottom: 1px #005e91 dotted;
text-align: left;
font-family: Verdana, sans-serif, Arial;
font-weight: normal;
font-size: 11px;
color: #404040;

padding-top: 2px;
padding-bottom: 2px;
padding-left: 8px;
padding-right: 0px;
}

/* Table Styling End */

.columnclear {
clear: left;
}

.minimarginizer {
height: 5x;
}

.marginizer {
height: 20px;
}

.midmarginizer {
height: 10px
}

.megamarginizer {
height: 40px;
}

#footer {
width: 970px;
height: 25px;
text-align: center;
font-family: Verdana;
color: #FFFFFF;
font-size: 12px;
}