/* RESET */
/* ----------------------------------------- */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
a img { border:none } /* Gets rid of IE's blue borders */


/* LAYOUT */
/* ----------------------------------------- */

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }

/* You might find the following useful */
 div, ul, li { position:relative;} /* This will save you having to declare each div / ul / li's position as 'relative' and allows you to absolutely position elements inside them */
br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */

body,td,th,a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13pt;
	color: #FFF;
}
ul {margin: 0; padding:0;}
li {list-style-type:none;}
body {
	background-color: #FBFBFB;
	background: url("images/BG.jpg") repeat center;
	margin: 0px 0 0 0px;	
}
#nav {
	position: absolute;
	z-index: 6;
	width: 207px;
	left: 683px;
	top: 26px;
	padding-left: 0px;
	visibility: visible;
}
#wrapper {
	margin: auto;
	width: 1000px;
	position: relative;
	left: 0px;
	top: 0px;
	z-index: 1;
}
h1.topbanner {width:1000px; height:299px; background: url("images/GiovanniBanner.jpg") center top no-repeat; text-indent: -9999px;}
#AboutMeDiv {
	position: absolute;
	z-index: 4;
	left: 605px;
	top: 0px;
	width: 207px;
	height: 702px;
	background-position: left top;
	overflow: visible;
	padding-left: 0px;
	visibility: visible;
}
#WorkContentDiv {
	position: absolute;
	top: 232px;
	z-index: 20;
	padding-left: 0px;
	padding-right: 0px;
	right: 113px;
	visibility: visible;
	width: 600px;
	left: 88px;
}
.enlargedVersion {
	font-size: 8pt;
	font-style: italic;
	text-align:center;
}


.imagePadding {
	padding: 7px 0 24px 13px;
}

img.imagestyle { border-left:93px solid #000; border-right:93px solid #000;}

.HeadingsBottomPad {
	padding-bottom: 20px;
}

.AboutMeText {
	color: #FFF;
	font-size: 10pt;
	line-height: 15pt;
	z-index: 20;
	
}
.ProgramsUsedText {
	color: #FFF;
	line-height: 17;
	font-size: 8pt;
	line-height: 16pt;
	z-index: 20;
	font-style: italic;
}

.BigText {
	font-size: 14pt;
	color: #FFF;
}

.tablePad {
	padding: 0 18px 18px 18px;
}

a:link {
	font-size: 10pt;
	line-height: 17pt;
	color: #1BA0C1;
}
a:visited {
	color: #1BA0C1;
	font-size: 10pt;
	line-height: 17pt;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
	font-size: 10pt;
	line-height: 17pt;
	color: #1BA0C1;
}
a:active {
	font-size: 10pt;
	line-height: 17pt;
	color: #1BA0C1;
	text-decoration: underline;
}
.AboutMeTextLineHeight {
	color: #FFF;
	line-height: 17;
	font-size: 10pt;
	line-height: 16pt;
	z-index: 20;
}

div.works {width:574px; padding:0 0 50px 0}