/* CSS Document */

/*--------------INTERNAL PAGES CSS CODE-----------------------------------*/

body {
	background:#FFFFFF url("top_header_03.jpg") no-repeat;
	background-position: top left;
	align: middle;
	}
	
	/*--HEADER PORTION OF THE PAGE---*/
	
	.header {
		font-family: georgia;
		padding: 0px 0px 0px 0px; /* top, right, bottom, left */
		spacing: none;
		vertical-align: top;
		}	
	
		.nav {
			color:#ff6600;
			font-weight:bold;
			font-size: 11px;
			background-color: #ffffff;
			}

		.nav li /* The line of main links at top of header (not including "Contact") */ {
			display: block; /* makes the list horizontal instead of vertical */
			list-style-type: none;
			float: left;
			padding: 2px 7px;
			white-space: nowrap; /*makes it not wrap if possible*/
			}

		.nav a {
			color: #999966;
			text-decoration: none;
			}
	
		.nav a:hover, .nav a:focus, .nav a:active {
			color:#ff6600; /* Changes the color of the text on rollover */
			}
	
		.contact a { /* controls the "Contact" link only */
			color: #999966;
			text-decoration: none;
			font-weight:bold;
			font-size: 11px;
			}
	
		.contact a:hover, .contact a:focus {
			color:#ff6600;
			}

/*--EVERYTHING BENEATH THE HEADER--*/

	#container {
		position: absolute;
		width: 785px;
		top: 58px;
		left: 11px;
		}

		#leftcol { /* The area containing the left links that wrap around the curve and contact info */
			font-family: georgia, times new roman;
			float: left;
			width:200px;
			margin: 53px 0px 0px 0px;
			}
			
			#sideinfo {
				color: #000000;
				padding: 12px 12px 12px 12px;
				width: 160px;
				margin: 0px 0px 0px 10px;
				border: #ff9933 1px dotted;
				font-size: 10px;
				line-height: 16px;
				}
			
				#sideinfo a {
					color: #ff6633;
					}

			.side_indent01 { /* Controls how the left links wrap around the curve (from top to bottom) */
				padding: 0px 0px 14px 70px;
				color: #ff6633;
				font-weight:bold;
				font-size: 11px;
				}
			
				.side_indent01 a {
					color: #999966;
					background: url("underline.jpg") repeat-x 100% 100%;
					padding-bottom: 6px;
					text-decoration: none;
					}
					
					.side_indent01 A:hover, .side_indent01 A:active {
						color:#ff6600; 
						/* Changes the color of the text on rollover */
						}
					
				.side_indent02 {
					padding: 0px 0px 14px 45px;
					color: #ff6633;
					font-weight:bold;
					font-size: 11px;
					}
					.side_indent02 a {
						color: #999966;
						background: url("underline.jpg") repeat-x 100% 100%;
						padding-bottom: 6px;
						text-decoration:none;
						}
					.side_indent02 A:hover, .side_indent02 A:active {
						color:#ff6600; /* Changes the color of the text on rollover */
						}
			
				.side_indent03 {
				padding: 0px 0px 14px 20px;
				color: #ff6633;
				font-weight: bold;
				font-size: 11px;
				}
					.side_indent03 a {
						color: #999966;
						background: url("underline.jpg") repeat-x 100% 100%;
						padding-bottom: 6px;
						text-decoration:none;
						}
					.side_indent03 A:hover, .side_indent03 A:active {
						color:#ff6600; /* Changes the color of the text on rollover */
						}

		#content { /* Main content/text/image area of the page */
			position: absolute;
			left: 215px;
			top: 35px;
			width: 570px;
			}
		
			#body {
				background: url("bottom_image.jpg") no-repeat;
				background-position: 100% 100%;
				width: 540px;
				padding: 0px 0px 0px 20px;
				margin: 0px 0px 0px 5px;
				border-left: 1px #999966 solid;
				font-family: georgia;
				font-size: 11px;
				}
		
				#titletext {
					font-family: georgia;
					font-weight: bold;
					font-size: 13px;
					color: #000000;
					}
			
				.nontitletext {
					font-family: georgia;
					margin: 0px 40px 0px 0px;
					text-align: justify;
					font-size: 11px;
					color: #000000;
					width: 510px;
					}
				
					.nontitletext A {
						color: #ff6633;
						text-decoration: none;
						}
					
					.smalllink A {
						color: #999966;
						text-decoration: underline;
						}
					
					.numberlist {
						list-style-type:decimal;
						text-align: left;
						line-height: 17px;
						list-style-position: outside;
						}
					
					.circlelist {
						list-style-type: circle;
						line-height: 17px;
						list-style-position: outside;
						text-align: left;
						}
					
					#arttable  {
						border: none;
						font-family: georgia;
						font-size: 11px;
						}
					
					#artenlarge {
						border: none;
						padding:  0px 0px 0px 0px;
						font-family: georgia;
						font-size: 11px;
						}
				
		#bottom_text { /* This area is for the bottom "swoosh" and the contact/copyright info */
			color: #999999; 
			position: absolute;
			text-align: right;
			font-family: verdana;
			font-size: 10px;
			white-space: nowrap;
			margin: 20px 0px 0px 0px;
			width: 550px;
			}
		
			#bottom_text a {
				color: #999999;
				text-decoration: underline;
				}
			
			#bottom_text a:hover, #bottom_text a:focus {
				color: #99CCCC;
				}