﻿/* Generic Selectors */ 


body { background-image: url(images/g2.gif); font-family: "Times New Roman", Times, serif; font-size: 12px; 
color: #ffffff; text-align: left; font-weight: normal;}

p { font-family: "Verdana", Times, serif; font-size: 12px; font-weight: normal;
color: #000000; text-align: justify; line-height: 16px; margin-top: 0px;} 
p.note { font-family: "Verdana", Times, serif; font-size: 10px; font-weight: normal;
color: #ff0000; text-align: left; margin: 0;} 
p.form { font-family: "Verdana", Times, serif; font-size: 12px; font-weight: normal;
color: #000000; text-align: left; line-height: 16px; margin-top: 0px;} 

li { list-style: none; text-align:center; } 

h1 { font-family: "Times New Roman", serif; font-size: 30px; font-weight: normal; 
text-align: left; color: #999999; margin-top: 0px; margin-bottom: 10px; } 

h3 { font-family: "Verdana", "Times New Roman", serif; font-size: 14px; font-weight: normal; text-align: left;
color: #000080; margin-top: 4px; margin-bottom: 1px; } 

h4 { font-family: "Verdana", sans-serif; font-size: 12px; font-weight: normal; color: #000000; text-align: left; margin-top: 10px; margin-bottom: 2px; text-transform :uppercase; text-decoration:underline;} 

h5 { font-family: "Verdana", sans-serif; font-size: 12px; font-weight: normal; color: #000000; text-align: left; margin-bottom: 2px; margin-top: 2px;} 


/************************* ID's *************************/ 

#container { position: relative; width:750px;
margin-left: auto; margin-right: auto; margin-top: -10px;	}

#header { background-image: url('images/header.jpg'); position: absolute; top: 0px; left: 0px;
width: 600px; height: 120px; text-align: left;  padding-left: 120px; border-left: 1px solid #778899;border-right: 1px solid #778899;} 
#header h1 { font: italic 48px Times New Roman; color: #800000; margin:0;}

#sub { position: absolute; top: 0px; left: 0px; 
width: 200px; height: 120px; text-align: left; padding-left: 520px; margin: 0px;} 
#sub p { font: 20px Tahoma; color: #d3d3d3; line-height: 28px; margin: 0px;}

#address { position: absolute; top: 120px; left: 0px; background-color: #2c4233;
width: 600px; height: 30px; text-align: left; border-left: 1px solid #778899; border-right: 1px solid #778899; padding-left: 120px; padding-top: 0px;} 
#address p { font: bold 10px Verdana; color: #c0c0c0; margin-top: 7px;} 

#menu { position: absolute; background: #fff9ed; top: 150px; left: 0px; height: 750px; width: 120px; 
padding-top: 130px; padding-left: 20px; font-weight: normal; border-left: 1px solid #778899; border-bottom: 1px solid #778899;}
#menu ul { list-style: none; margin: 0; padding: 0; }
#menu li { font-size: 100%; border-bottom: 1px dotted #999999; margin-bottom: 0.7em; text-align: left;}
#menu a:visited { text-decoration: none; color : #999999; background-color: transparent; }
#menu a:link { text-decoration: none; color : #999999; background-color: transparent; }
#menu a:hover {  color: #778899; }

#copy { background-color: #fff9ed; position: absolute; top: 150px; left: 140px; width: 460px; 
height: 800px; text-align: left; padding-top: 80px; padding-left: 60px; padding-right: 60px;
overflow: auto; border-right: 1px solid #778899; border-bottom: 1px solid #778899;} 
#copy a:link { color: #004040; 	font-size: 12px; }
#copy ul {  margin: 0; padding: 0; }
#copy li { list-style-type: square; margin-left: 12px; font : 12px Verdana; color: #000; text-align : left;}

#merton_tooltip {
	background-color: #EEE;
	border: 1px solid #000;
	position: absolute;
	display: none;
	z-index: 20000;
	padding: 2px;
	font-size: 0.9em;
	font-family: "Trebuchet MS", "Lucida Sans Unicode", Arial, sans-serif;
	color: black;
}
#merton_tooltipShadow {
	position: absolute;
	background-color: #555;
	display: none;
	z-index: 10000;
	}

img { float: left; margin-right: 20px; margin-bottom: 10px; }
img.left { float: left; margin-right: 10px; margin-bottom: 10px; }
img.right { float: right; margin-left: 10px; margin-right: 0px; margin-bottom: 10px; }

/**************************************FORM ELEMENTS****************************************/
table { width: 80%; margin: 0px; }
td.label { width: 20%; }
td.input { width: 80%; }
label { float: left;}
