/* CSS for Elizabeth L. Manning Portfolio */

body {
	width: 100%;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Veranda;
	font-size: 12px;
	}

div#header {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%; 
	height: 130px;
	background-image: url(img/header-bg.jpg);
	margin: 0px;
	padding: 0px;
	}

div#title {
	position: absolute;
	top: 36px;
	left: 290px;
	background-image: url(img/title.png);
	height: 85px;
	width: 303px;
	}

a#header-link {
	height: 85px;
	width: 303px;
	display: block;
	border: 0px;
	}



/* SIDEBAR SECTION 
-------------------------------------------------------------------------------------------- */
div#sidebar {
	position: absolute;
	top: 25px;
	left: 25px;
	width: 249px;
	margin: 0px;
	}
div#sidebar div#sidebar-top {
	margin: 0px;
	width: 249px;
	height: 12px;
	background-image: url(img/sidebar-top.png);
	}
div#sidebar div#sidebar-body {
	margin: 0px;
	padding-bottom: 20px;
	width: 249px;
	background-image: url(img/sidebar-bg.png);
	}
div#sidebar div#sidebar-bottom {
	margin: 0px;
	width: 249px;
	height: 18px;
	background-image: url(img/sidebar-bottom.png);
	}
div#sidebar div#sidebar-body div#graphic {
	position: relative;
	margin: 0px 0px 0px 25px;
	padding: 5px 0px 0px 0px;
	background: transparent;
	}
div#sidebar div#sidebar-body img.side-title {
	margin-left: 25px;
	margin-top: 18px;
	background: transparent;
	}

div#sidebar div#sidebar-body a.side-link {
	display: block;
	background-image: url(img/side-link-bg1.gif);
	background-repeat: no-repeat;
	padding: 0px;
	padding-left: 36px;
	margin: 0px 0px 0px 32px;
	height: 24px;
	font-family: Courier Std, Courier New, Arial;
	font-size: 14px;
	clear: both;
	}
div#sidebar div#sidebar-body a.side-link:link, div#sidebar div#sidebar-body a.side-link:visited {
	color: #000000;
	text-decoration: none;
	}
div#sidebar div#sidebar-body div#prof-sites, div#sidebar div#sidebar-body div#pers-sites {
	display: none;
	margin-left: 68px;
	}
	
div#sidebar div#sidebar-body a.side-link:hover, div#sidebar div#sidebar-body a.side-link:active {
	background-image: url(img/side-link-bg2.gif);
	color: #009e25;
	text-decoration: underline;
	}
div#sidebar div#sidebar-body div#prof-sites a, div#sidebar div#sidebar-body div#pers-sites a {
	display: block;
	float: left;
	height: 35px;
	width: 35px;
	padding: 3px;
	border: 1px solid #cdcdcd;
	margin: 4px;
	background-color: #ffffff;
	}
div#sidebar div#sidebar-body div#prof-sites a:hover, div#sidebar div#sidebar-body div#prof-sites a:active, div#sidebar div#sidebar-body div#pers-sites a:hover, div#sidebar div#sidebar-body div#pers-sites a:active {
	border: 1px solid #68a864;
	}

div#sidebar div#sidebar-body div#prof-sites a img, div#sidebar div#sidebar-body div#pers-sites a img {
	border: 0px;
	}



/* CONTENT SECTION 
-------------------------------------------------------------------------------------------- */
div#content {
	position: absolute;
	top: 145px;
	left: 300px;
	background-color: #ffffff;
	margin: 0px;
	padding: 0px;
	padding-right: 14px;
	}
div#content p.content-text {
	font-size: 11.5px;
	margin-left: 15px;
	}
div#content p.top {
	margin-top: 2px;
	}

div#content table {
	margin-left: 40px;
	margin-top: 15px;
	margin-bottom: 20px;
	}
div#content tr.odd {
	background-color: #fcd1ed;
	}
div#content tr.even {
	background-color: #f3fcd1;
	}
div#content tr.filler {
	background-color: #ffffff;
	height: 10px;
	}
div#content td {
	padding: 10px;
	}
div#content tr.filler td {
	padding: 0px;
	}
div#content td.right {
	padding-left: 15px;
	}
div#content td p.page-title {
	font-size: 14px;
	font-weight: bold;
	margin-top: 0px;
	}
div#content td p.page-about {
	font-size: 11px;
	margin-left: 8px;
	}
div#content td p.no-show {
	display: none;
	height: 0px;
	width: 0px;
	font-size: 0px;
	}
div#content a:link, div#content a:visited {
	color: #c01075;
	text-decoration: none;
	}
div#content a:hover, div#content a:active {
	color: #009e25;
	text-decoration: underline;
	}
div#content td a img {
	padding: 4px;
	border: 1px solid #909090;
	background-color: #ffffff;
	}
div#content td a:hover img {
	border: 1px solid #c01075;
	}
div#content a.gallery:link, div#content a.gallery:visited {
	display: block;
	background-image: url(img/side-link-bg1.gif);
	background-repeat: no-repeat;
	padding: 0px;
	padding-left: 36px;
	margin: 0px 0px 0px 8px;
	height: 24px;
	font-size: 14px;
	clear: both;
	color: #000000;
	text-decoration: none;
	}
div#content a.gallery:hover, div#content a.gallery:active {
	background-image: url(img/side-link-bg2.gif);
	color: #009e25;
	text-decoration: underline;
	}

/* LIGHTBOX CSS CHANGES 
-------------------------------------------------------------------------------------------- */
div#lightbox span#caption {
	font-weight: normal;
	}
div#lightbox span#caption h3 {
	font-size: 12px;
	padding-bottom: 8px;
	padding-top: 2px;
	}
div#lightbox span#numberDisplay {
	font-size: 9px;
	font-style: italic;
	margin-top: 8px;
	}
div#lightbox #imageContainer {
	padding: 5px 15px 10px 5px;
	\padding: 5px 5px 10px 5px;
	}
div#lightbox div#imageContainer img#lightboxImage {
	padding: 4px;
	border: 1px solid #d3d3d3;
	}
#imageData #imageDetails {
	width: 100%;
	}