@charset "UTF-8";


body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	color: #000000;
	background-image: url(Images/retro-gold-luxury-wallpaper.jpg);
}

h3 {
	text-align: center;
	color: #999999;
	line-height: 1.5px;
	font-size: 12px;
}
	

h5 { text-align: center;
	color: #0000CC;
	line-height: .75px;
	font-size: 10px; }

#container {
	width: 50em;  /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left;
	position: relative;
	overflow: auto;
}

/* containers on the home page */

#index_container {
	position: relative;
	width: 55em;  /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
	background: #FFFFFF;
	height: 30em;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	top: -15px;
}

#quoteline {
	position: absolute;
	text-align: center;
	width: 675px;
	left: 125px;
}

#charliehome {
	position: absolute;	
	width: 20em;
	left: 450px;
	top: 95px;
}

#fibonnaci {
	position: absolute;
	width: 10em;
	left: 1em;
	top: 75px;;
}

#fibonnaci p { width: 350px; color: #666666; font-size: small; text-indent: 10px; height: 6px; }


/* */

#slidewrapper {
	position: relative;
}

/* items in the header part of the page */

#header {
	text-align: center;
    position: relative;
	padding: 1px;
	height: 60px;
	width: 45em;
	margin: 0 auto;
}

#headerwords {
	position: absolute;
	left: 18em;
}

#paypalinfo {
	position: absolute;
	left: 37em;
	top: -.5em;
}

/* end of header */

#pageheader {
	position: relative;
	height: 5.5em;
	width: 45em;
	margin: 0 auto;
	top: -20px;
}

#pageheaderinfo {
	position: absolute;
	left: 17em;
	width: 15em;
}

#paypalacceptance {
	position: absolute;
	left: 36em;
	top: -.5em;
}

#navigation {
	position: relative;
	padding: 1px;
	width: 55em;
	margin: 0 auto;
	background-image: url(Images/navbar.png);
	height: 50px;
	text-align: center;
}


#mainContent {
	background: white;
	float: left;
}

#footer { 
	/* padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#DDDDDD;
	font-size: 12px;
	clear: left;
}

#footer p {
	margin: 0 auto; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

 Miscellaneous declarations 

#sitesearch {
	position: relative;
	top: 300px;
	font-size: x-small;
	font-weight: bold;
}

.clearfloat {
	clear: both;
}

.header_text {
	font-size: 2em;
	color: #666666;
}

.art_text {
	font-size: small;
	color: #666666;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
}

.art-text {
	font-size: small;
	color: #666666;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
}

.tinyart_text {
	font-size: 9px;
	text-align: center;
	padding-top: -5px;
}

.art-text-bold {
	font-size: small;
	color: #666666;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.art_text_biblio {
	font-size: small;
	color: #666666;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	line-height: 2em;
}

.dijulio_text {
	font-size: medium;
	color: #666666;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
}

#mediumparagraph {
	margin: 0 auto;
	width: 600px;
}

/* contact page */

#contact-container {
	position: relative;
	margin: 0 auto;
	height: 25em;
	width: 45em;
}

#leftcolumn {
	position: absolute;
	width: 17em;
	padding: 1em;
}

#rightcolumn {
	position: absolute;
	left: 20em;
}