﻿/* --------------- Import Other Stylesheets ------------- */

@import url "reset.css"; 

/* ------------------------------- Generic Styles ------------------------------ */		
	
	*	{margin: 0;		/*---- Zero out margin ----*/
		padding: 0;		/*---- Zero out padding ----*/
		}
	
	html	{height: 100%; 			/*---- Gives layout 100% height ----*/	
			position: relative;		/*---- Gives 100% height to Opera 9.5 ----*/
			font-size: 100.01%; 
			}
	
	body 	{height: 100%; 
			font-family: Tahoma, Verdana, Geneva, sans-serif; 
			background: #F7F4E9; 
			}
			
	* html	#wrapper	{height: 100%; 		/*---- IE6 treats height as min-height ----*/
							}
							
	#wrapper	{min-height: 100%;			/*---- Gives layout 100% height ----*/
					margin: 0 auto 0 auto;		/*----Centers wrapper ----*/
					width: 1000px; 		/*---- Centered div must be given a width ----*/
					background-color: #336699;
					border: 1px solid Black; 
					}

/* --------------------------------- Header Styles -------------------------------------------*/		
		
	#header	{position: relative; 
				top: 0; 
				left: 0; 
				height: 287px; 
				display: block; 
				font-family: Garamond, "Hoefler Text", Palatino, "Palatino Linotype", serif; 
				background: #369;
				border-bottom: 5px solid Silver; 
				}
							
	#header h1	{font-size: 2.2em; 
					padding-top: 2em; 
					text-align: center; 
					margin-bottom: 1em; 
					letter-spacing: 2px; 
					color: white; 
					}
					
	#header h2	{font-size: 1.6em; 
					font-weight: normal; 
					text-align: center; 
					margin-top: -2em; 
					padding-bottom: 1em; 
					letter-spacing: 1px; 
					color: white; 
					}
	
	#header a 	{background: transparent; 
					}

	#header .pix	{float: left; 
						width: 350px; 
						height: 287px; 
						margin-top: 0;
						margin-left: 0; 
						padding: 0; 
						border: none; 
						}
						
	#header .linkhome	{display: block; 
								text-decoration: none; 
								border: none; 
								}
								
	/* ------------------------- End Header Styles ----------------------------------- */
	
/* ------------------------------------ Content Styles -----------------------------------------*/

	#main	{clear: left; 
				float: left; 		/* ----floats the whole main article to the left ----*/
				width: 799px; 
				display: block; 
				height: 100%; 
				border-right: solid 1px; 
				background-image: url(Graphics/marmor.jpg); 
				background-repeat: repeat; 
				}

	#main a	 	{background: transparent;
					}			
				
	h2, h3, h4, h5, h6	{padding: 0; 
							text-align: center; 
							margin-bottom: 1em; 
							line-height: 1.2em; 
							font-weight: bold; 
							font-family: Garamond, "Hoefler Text", Palatino, "Palatino Linotype", serif; 
							color: #900; 
							}						
							
		h2 		{font-size: 2.2em; 
				padding-top: 1.5em; 
				letter-spacing: 0; 
				}

		h3 		{font-size: 1.9em;
				margin-top: 1em; 
				}

		h4 		{font-size: 1.6em; 
				text-align: left; 
				margin: 2em 1.7em 1.4em 2em; 
				} 

		h5 		{font-size: 1.4em;  
				text-align: left; 
				margin-left: 2em;
				} 

		h6 		{font-size: 1.2em;  
				text-align: left; 
				margin-left: 2em;
				} 			
				
	p 		{text-indent: 2.5em; 
			font-size: 1.1em; 
			line-height: 1.2em;
			margin: 1em 2.5em; 
			color: black; 
			}
			
	em		{font-size: 1em; 
			} 

	strong		{font-size: 1em; 
				} 		
			
	a	{font-size: 1em; 
		}		
			
	hr	{border: 0; 
		margin: 2em auto; 
		height: 2px; 
		width: 50%; 
		background-color: #900; 
			}
			
		.superscript	{font-size: 0.6em; 
						vertical-align:top;
						}
					
		.subscript	{font-size: 0.6em; 
						vertical-align:bottom;
						} 

		.smalltext	{text-align: center;
						text-indent: 0; 
						font-size: 1em; 
						line-height: 1.2em; 
						margin: 1em 2em; 
						color: black; 
						}

		p.copy	{text-align: center;
					font-size: .7em; 
					margin: 1em 2em; 
					color: black;
					}
						
	/*--------------------------------- Highlight Selected Text  in Safair and Firefox ---------------------------------*/	
	
	::selection	{background: #369; 
					color: white; 
					}										/*----- Safari Text Highlight ----*/					
						
	::-moz-selection	{background: #369; 
						color: white; 
						}  									/*---- Firefox Text Highlight ----*/		
						
		/* ----------------------------- Align Images ----------------------------------------------*/

			img.floatLeft		{float: left; 
								margin: 0.4em 1.5em 1.5em 3em; 
								}
							
			.pixleft 	{float: left; 
						margin: 0.4em 1.5em 1.5em 3em; 
						}
			
			img.floatRight	{float: right;
								margin: 0.4em 3em 1.5em 1.5em; 
								}
			
			.pixright 	{float: right; 
						margin: 0.4em 3em 1.5em 1.5em; 
						}
						
			.pixcenter	{margin: 1em 44%; 
							border-style: outset; 
							border-width: 2px; 
							border-color: black; 
							}
							
			.pixlogo	{margin: 4em 47% 6em 47%; 
						}
						
			.pixhslogo	{margin: 4em auto; 
							border-style: outset; 
							border-width: 3px; 
							border-color: black; 
							}			
						
			.pixmain	{margin: 1em 35%; 
						}
						
			.divider	{margin: 2em 26%;
						}

		/* ---------------------------------- Class Selectors -------------------------------------*/					
							
			.comment	{color: black; 
							font-size: 1em; 
							font-style: normal; 
							}

			p.center 	{text-indent: 0; 
						text-align: center; 
						}		

			.middle	{font-size: 1.3em; 
						font-weight: bold; 
						text-align: center; 
						margin: 2em 0; 
						color: #009; 
						}		

		/* --------------------------- Table Styles ----------------------------------------*/
					
		table 	{font-family: Arial, sans-serif; 
				border-collapse: collapse; 
				margin: 0 auto;  
				width: 87%; 
				background-color: #F8F5E2;
				border-left: 1px solid black; 
				border-right: 1px solid Black; 
				}
				
		table caption 	{caption-side: top; 
							padding: .4em 0 .7em 0; 
							font-size: 1.3em; 
							font-weight: bold; 
							text-align: center;
							color: #900; 
							}
						
		table thead th	{text-align: left; 
							font-size: 1.2em; 
							color: white; 
							line-height: 2em; 
							background: #369; 
							vertical-align: bottom; 
							padding-left: .5em; 
							}

		table tbody td	{padding: 6px 8px 6px 3px; 
							font-size: 1.1em; 
							vertical-align: top; 
							border-bottom: 2px solid #369; 
							padding-left: .5em; 
							color: black; 
							}
					
		table tbody tr.even	{background-color: #B0E0E6; 
								}
								
		table tbody tr:hover td	{color: #900; 
									}
		
		/* ------------------------ Outline Styles -----------------------------------*/		
				
	    ul, ol, dl	{font-size: 1.1em; 
					margin-left: 2em; 
					padding-left: 1em; 
					color: #009; 
					}

			ul	{margin-right: 2em;
				margin-left: 2.5em; 
				font-size: 1.1em; 
				font-weight: bold; 
				}
					
			ul li   	{list-style: disc; 
					font-weight: normal; 
					}
					
			ol	{margin-right: 3em;
				margin-left: 1.9em; 
				}

			ol li	{list-style: decimal; 
					color: black; 
					}
					
			li 		{line-height: 1.3em; 
					margin-bottom: 1.2em; 
					margin-left: 1.9em; 
					font-size: 1em; 
					}
			
			dl 	{margin-right: 2em; 
				}
			
			dt		{font-size: 1em; 
					font-weight: bold; 
					line-height: 1.3em; 
					margin-top: 1.5em; 
					margin-bottom: .5em; 
					}
					
			dd		{font-weight: normal;
					margin-left: 2em; 
					margin-bottom: 0.3em; 
					line-height: 1.2em; 
					}
					 
			dl dl	{font-size: 1em; 
					}
					
			dd dd	{margin-left: -1em; 
					}

		/* ----------------------------------------- Quote Styles ------------------------------------------ */			 
						 
		blockquote p	{font-style: italic; 
						font-size: 1.1em; 
						line-height: 1.3em; 
						margin-left: 5em; 
						text-indent: 0;
						margin-right: 5em; 
						color: #009; 
						}
		 
		 q 		{font-style: italic; 
				quotes: none; 
				font-size: 1em; 
				line-height: 1.2em; 
				color: #009; 
				}
		 
		/* -------------------------------------- Miscellaneour Styles -----------------------------------------*/ 
		 			
		cite 	{font-size: 1em; 
				color: black; 
				white-space: nowrap; 
				} 	

		abbr	{font-size: 1em; 
				} 						

				/* --------------------------------- Menu Styles -------------------------------------------*/		
		
	#menu	{float: right; 
				height: auto; 
				width: 200px; 
				margin: 0; 
				padding: 0; 
				font-family: Tahoma, Verdana, Geneva, sans-serif; 				
				background: #336699; 
				}
				
	#menu h4	{font-size: 1.6em; 
					text-align: center; 
					font-family: Tahoma, Verdana, Geneva, sans-serif; 
					font-weight: bold; 
					margin: 2.5em 0 1.5em 0; 
					color: white; 
					}

	#menu a		{text-decoration: none; 
					display: block; 
					text-align: left; 
					margin: 0 0 .5em -4.5em; 
					padding: .2em 0 .2em .5em; 
					background-color: #336699; 
					color: white; 
					}
					
	#menu ul li 	{font-size: 1.05em; 
					list-style: none; 
					font-weight: bold; 
					margin-right: -1.5em; 
					}
					
	#menu ul ul 	{font-size: .9em; 
					display: none; 
					margin-left: -1.5em; 	
					margin-right: 1.5em; 
					background-color: #336699; 
					}
						
	#menu ul ul li	{font-weight: normal; 				
						}
					
	#menu li:hover > ul 	{display: block; 
								border: none; 
								}
								
	#menu a:visited	{color: silver;
							}
						
	#menu a:hover 	{background-color: #f7f4e1; 
							color: #900; 
							}
	
	/* --------------------------------- End Menu Styles -------------------------------------------*/	
	
	/* ------------------------------ Footer Styles ------------------------------------------------*/
	
	#footer	{clear: both;		/*---- Starts the footer below the floated content ----*/	
				width: 100%; 		/*---- Centered div must be given a width ----*/
				height: 14em; 
				text-align: center; 
				font-family: Geneva, Verdana, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif; 
				background: #369; 
				border-top: 5px solid Silver; 
				}
			
	#footer p	{font-size: .95em; 
					font-weight: normal;
					padding-top: 1em; 
					text-align: center;
					text-indent: 0; 
					line-height: 1.4em; 
					color: white; 
					}

	#footer p 1	{font-size: .5em; 
					}
					
	#footer hr	{border: 0; 
					margin: 2em auto; 
					height: 2px; 
					width: 50%; 
					color: silver; 
					background-color: silver; 
					}
				
	#footer a	{font-size: 1em; 
					padding: 0.3em;  
					text-decoration: none; 
					font-weight: bold; 
					background-color: #369; 
					color: white;
					}
							
	#footer a:visited	{color: silver; 
							}

	#footer a:hover 	{background-color: #ffc; 
							color: #900; 
							}	
					
											/*----End of normal footer ----*/
											
											/*----Beginning of a special footer style for Adobe Reader ----*/
	#footerA	{height: 24em; 
					clear: both;		/*---- Starts the footer below the floated content ----*/	
					width: 100%; 		/*---- Centered div must be given a width ----*/
					text-align: center; 
					font-family: Geneva, Verdana, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif; 
					background: #369; 
					border-top: 5px solid Silver; 
					}

	#footerA p	{font-size: .95em; 
					font-weight: normal;
					padding-top: 1em; 
					text-align: center;
					text-indent: 0; 
					line-height: 1.4em; 
					color: white; 
					}
					
	#footerA hr	{border: 0; 
					margin: .7em auto; 
					height: 2px; 
					width: 45%; 
					color: silver; 
					background-color: silver; 
					}					

	#footerA a	{font-size: 1em; 
					font-weight: bold; 
					text-decoration: none; 					
					border: none;
					background-color: #369; 
					color: white;
					}
					
	#footerA a:visited	{color: silver; 
								}

	#footerA a:hover 	{background-color: #ffc; 
							color: #900; 
							}	
							/*---- End of Special Footer "A" style ----*/ 
							/* ------------------------ End Footer Styles ----------------------------------------------*/
	
/* -----------------------End of CSS File -------------------------- */
	

