/* BASIC CSS */
		
		a {
			border-bottom: 1px solid #fff3f3;
			color: #ee6476;
			text-decoration: none;
			}
			
		a:hover {
			border-bottom: 1px solid #ffcccc;
			color: #ffe6e6;
			}

		a:active {
			background-color: #f8f3c0;
			color: #fff;
			}
			
		a:visited {
			border-bottom: 1px solid #f5eaea;
			color: #d7b0a5;
			}
		
		body {
			background-color: #fbfbe2;
			background-image: url(../images/vivi-bg-1.jpg);
			background-repeat: repeat-x;
			border: 0;
			font-family: 'Times New Roman', 'Times', serif;
			font-size: 11pt;
			margin: 0;
			padding: 0;
			}
			
		/* HEADER CSS */
		
		h1 {
			background-color: #fff;
			background-image: url(../images/h1.gif);
			background-repeat: no-repeat;
			color: #e4d188;
			font-size: 1.5em;
			font-weight: normal;
			letter-spacing: -1px;
			margin-top: 0;
			padding: 0 0.75em 0.75em 0.75em; 
			text-transform: uppercase;
			}
			
		h1 span {
			font-size: 1.75em;
			font-weight: bold;
			padding: 4px 0 4px 2px;
			vertical-align: middle;
			}
			
		h1 img {
			vertical-align: middle;
			}
			
		div#h1 {
			color: #c7c9db;
			font-size: 0.5em;
			letter-spacing: 1px;
			margin-top: -45px;
			margin-left: 70px;
			text-transform: uppercase;
			}
			
		h2 {
			background-color: #fff;
			color: #E4D188;
			font-size: 1.2em;
			font-weight: normal;
			letter-spacing: -2px;
			margin-bottom: -5px;
			line-height: 1.25em;
			padding-left: 20px;
			text-transform: uppercase;
			}
			
		h2:first-letter {
			font-size: 1.5em;
			font-weight: bold;
			line-height: 0.9em;
			vertical-align: top;
			}
			
		h2 em {
			color: #f2e997;
			font-size: 0.8em;
			font-style: normal;
			padding-left: 2px;
			}

		/* CSS FOR ELEMENTS */
		
		em.x {
			color: #a1bbda;
			}
			
		.i {
			font-style: italic;
			}
			
		strong {
			color: #bbbeab;
			font-size: 0.75em;
			text-transform: uppercase;
			}
			
		ul {
			color: #bbbeab; /* a48c58 */
			font-size: 8pt;
			list-style-image: url(../images/li.gif);
			margin-left: 30px;
			padding-left: 20px;
			text-transform: uppercase;
			}
		ul li,
		ol li {
			margin-bottom: 3px;
		}
			
		ol {
			color: #bbbeab; /* a48c58 */
			font-size: 8pt;
			list-style-type: lower-roman;
			margin-left: 30px;
			padding-left: 20px;
			text-transform: uppercase;
			}
			
		ul strong, ol strong {
			font-size: 1em;
			}
			
		cite {
			border-bottom: 1px solid #fafafa;
			color: #99ccff;
			font-size: 0.8em;
			letter-spacing: 1px;
			}
			
		div.cite {
			margin: 20px 60px;
			}
			
		div.cite span {
			color: #6699cc;
			float: left;
			font-size: 0.75em;
			margin-left: 200px;
			}
			
		sup a {
			color: #ffdddd;
			}
			
		/* Thanks to Marek Prokop at http://www.sovavsiti.cz/css/hr.html for the <HR> workaround! */
		div.hr {
			background-color: #fff;
			background-image: url(../images/hr.gif);
			background-position: center center;
			background-repeat: no-repeat;
			margin: -14px 0;
			padding: 10px 0;
			width: 520px;
			height: 20px;
			}

		div.hr hr {
			display: none;
			}

		/* LAYOUT CSS */
		
		div#layout {
			background: url('../images/vivi-image.jpg') no-repeat top left;
			text-indent: -5000px;
			overflow: hidden;
			width: 790px;
			height: 402px;
		}
			
		/* MENU CSS */
			
		#menu {
			background-color: #fff;
			border-bottom: none;
			display: block;
			float: left;
			font-size: 1em;
			font-weight: bold;
			padding: 20px 0 0 40px;
			text-align: left;
			width: 129px;
			}
			
		#menu #bot {
			margin-left: -40px;
			}

		#menu a {
			border-bottom: none;
			color: #a7ccea;
			display: block;
			font-size: 1.5em;
			font-weight: bold;
			letter-spacing: -2px;
			margin: 0 5px 10px 0;
			padding: 2px 0 2px 5px;
			text-decoration: none;
			text-transform: uppercase;
			}

		#menu a:visited {
			}

		#menu a:hover {
			background-color: #e4f0f9;
			border-top: 5px solid #f8fbfe;
			border-right: 5px solid #d1e5f4;
			color: #a9ceea;
			margin-bottom: 5px;
			}
			
		#menu a:active {
			background-color: #e4f0f9;
			border-top: 5px solid #f8fbfe;
			border-right: 5px solid #d1e5f4;
			color: #a9ceea;
			margin-bottom: 5px;
			padding-left: 15px;
			}
			
		#menu img {
			border: 0;
			vertical-align: bottom;
			}
			
		/* CONTENT CSS */
		
		#content img#top {
			}

		#content {
			background: #fff;
			position: absolute;
			top: 435px;
			left: 190px;
			width: 520px;
		}
			
		#content p {
			color: #bbaa55; /* d6c17c a48c58 */
			font-family: 'Georgia', 'Times', serif;
			background-color: #fff;
			font-size: 9pt;
			line-height: 1.5em;
			padding: 0 20px;
			text-align: justify;
			width: 480px;
			}
		
		#content p:first-letter {
			margin-left: 1.5em;
			}
			
		/* NAVIGATION CSS */
		
		#navigation {
			background-color: #fff;
			color: #e4d188;
			font-size: 0.6em;
			line-height: 1.2em;
			padding: 20px;
			text-align: center;
			text-transform: uppercase;
			width: 480px;
			}

		#navigation img {
			vertical-align: middle;
			}
		
		#navigation a:visited {
			border-bottom: 1px solid #fff3f3;
			color: #ee6476;
			text-decoration: none;
			}
					
		/* COPYRIGHT CSS */

		#copyright {
			background-color: #fff;
			color: #d9e2e9;
			font-size: 0.6em;
			line-height: 1.2em;
			margin-top: -20px;
			margin-bottom: 1em;
			padding: 20px;
			text-align: justify;
			text-transform: uppercase;
			width: 480px;
			}
		
		#copyright img {
			float: left;
			margin-top: 2px;
			padding-right: 1em;
			padding-bottom: 1em;
			}
			
		#copyright a {
			color: #99ccff;
			}
			
		#copyright a:hover {
			color: #6699ff;
			}
			
		#copyright a:active {
			color: #ccc;
			}
			
		#copyright a:visited {
			color: #d9e2e9;
			}
			
		img#layout_bot {
			margin-top: -20px;
			margin-bottom: 0;
			}
			
		/* AERY's NAME */
		#aery {
			color: #ffe6f1;
			float: right;
			font-size: 8pt;
			margin-right: 30px;
			margin-top: -30px;
			}
			
		/* IMAGE CSS */
		.rightImg {
			border: 8px solid #f5f8f9;
			float: right;
			margin-left: 20px;
			margin-bottom: 10px;
			margin-right: 20px;
			}
			
		.leftImg {
			border: 8px solid #f5f8f9;
			float: left;
			margin-right: 20px;
			margin-bottom: 10px;
			margin-left: 20px;
			}
			
		a img, a.img {
			border: none;
			}

		/* QUOTE CSS */
		
		p.quotes {
			color: #b4c4d3 !important;
			font-size: 0.75em !important;
			line-height: 2em !important;
			margin-left: 40px;
			width: 400px !important;
			}
			
		img.quote_1 {
			width: 25px;
			height: 10px;
			}
			
		img.quote_2 {
			width: 15px;
			height: 10px;
			}
			
		p.quotes strong {
			font-size: 7.5pt;
			}
			
		/* STATS CSS */
		table.stats {
			background-color: #f6f9fb;
			border: 3px double #e8f2f9;
			color: #99ccff;
			font-size: 0.9em;
			margin: 20px auto;
			text-align: center;
			width: 480px;
			}
			
		table.stats th {
			background-color: #a9ceea;
			color: #fff;
			text-transform: uppercase;
			}
			
		table.stats td {
			background-color: #fff;
			}
			
		table.stats td.leftPadding, table.stats th.leftPadding {
			padding-left: 1em;
			padding-right: 0.5em;
			text-align: left;
			}
			
		/* PARAGRAPH CSS */
		p.small {
			font-size: 0.65em !important;
			line-height: 1.2em !important;
			}
			
		p.small strong {
			font-size: 0.9em !important;
			}
			
		p.bold {
			font-weight: bold;
			font-variant: small-caps;
			}
			
		/* FORM CSS */
		
		fieldset {
			border: none;
			color: #99CCCC;
			font-family: 'Times New Roman', 'Times', serif;
			font-size: 0.85em;
			margin: 15px auto;
			width: 400px;
			}
			
		label {
			color: #6699CC;
			display: block;
			float: left;
			font-family: 'Times New Roman', 'Times', serif;
			font-size: 0.9em;
			letter-spacing: -1px;
			padding-right: 1em;
			text-transform: uppercase;
			width: 150px;
			}
			
		input, textarea, select {
			border: 3px double #e8f2f9;
			color: #003366;
			font-family: 'Times New Roman', 'Times', serif;
			margin-bottom: 1em;
			padding-left: 3px;
			}
			
		input.button {
			border: 3px outset #e2eaef;
			background-color: #e8f2f9;
			}
			
		/* GENERAL CSS */
		.center {
			text-align: center !important;
			}