@charset "UTF-8";

/* CSS Document */

html, body {
	padding: 0;
	margin: 0;
}

#container {
	position: absolute;
	width: 960px;
	float: left;
	height: auto;
	height: auto !important;
	margin: 10px auto;
	padding-left: 25px;
	padding-top: 25px;
	padding-bottom: 25px;
}

#logo a:hover {
	background: none;
}

#left {
	position: relative;
	float: left;
	width: 225px;
	margin: 10px auto;
	padding: 40px 5px 5px 0px;
	clear: left;
}

#right {
	position: relative;
	width: 675px;
	margin: 10px auto;
	padding: 40px 0px 5px 10px;
	clear: right;
}

.clear {
	clear: none;
}

#footer {
	position: relative;
	float: left;
	width: 900px;
	padding: 5px 5px 5px 5px;
	border-top: solid #CECECE 1px;
	text-align: right;	
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	color: #003399;
}

#footer a:link { 
color: #003399;
text-decoration:none; 
}

#footer a:hover { 
text-decoration:underline; 
}


#bottom {
	position: relative;
	float: left;
	width: 900px;
	height: 9px;
	border-top: solid #000000 2px;
	background: #333333;
}

#validator {
	position: relative;
	float: left;
	width: 300px;
	padding: 25px 0px 10px 0px;
	z-index: 10;
}

#date {
	position: relative;
	float: left;
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
}

h1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 24px;
	font-weight: bold;
	color: #003399;
	margin: 15px 5px 15px 5px;
	text-align: left;
	}

h2 {
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: bold;
	color: #003399;
	margin: 5px 5px 15px 5px;
	text-align: left;
	}

h3 {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	color: #003399;
	margin: 5px 5px 15px 5px;
	text-align: left;
	}

.tx {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	color: #000000;
	font-weight: normal;
	text-align: justify;
	margin: 5px 5px 15px 5px;
}

.tx a {
	color:#3C434D;
	text-decoration:underline;
}

.tx a:hover {
	text-decoration:none;
	color:#3C434D;
}

ul.square {
	list-style-type: square;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
}

.lk {
	color: #666666;
}

.lk:hover {
	text-decoration: underline;
	color: #333333;
}

.sm {
	font-family: "Times New Roman", Times, serif;
	font-size: 10px;
	color: #3A3937;
	font-weight: bold;
}

.sm a {
	color:#3C434D;
	text-decoration:none;
}

.sm a:hover {
	text-decoration:underline;
	color:#3C434D;
}

.ttl {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	color: #720D1B;
	font-weight: bold;
}


/* -------------------NEW MENU---------------------- */

#nav { 
top: 125px;
bottom: 25px;
left: 15px;
margin: 0; 
padding:0; 
background:#003399; 
float:left; 
width:100%; 
border:1px solid #ffffff; 
border-width:1px 0; 
}

#nav li { 
display:inline; 
padding:0; 
margin:0; 
}
#nav li:first-child a { 
border-left:2px solid #99CCFF; 
}
 
#nav a:link, 
#nav a:visited { 
color:#FFFFFF; 
background:#003399; 
padding:10px 15px 7px 10px; 
float:left; 
width:auto; 
border-right:2px solid #99CCFF; 
text-decoration:none; 
font-family: "times", serif;
font-size: 12px;
font-weight: 600;
text-transform:uppercase; 
}

#nav a:hover { 
color:#FFF; 
background:#99CCFF; 
}

#home #nav-home a, 
#about #nav-about a, 
#archive #nav-archive a, 
#lab #nav-lab a, 
#reviews #nav-reviews a, 
#contact #nav-contact a { 
background:#003399; 
color:#000; 
} 
#home #nav-home a:hover, 
#about #nav-about a:hover, 
#archive #nav-archive a:hover, 
#lab #nav-lab a:hover, 
#reviews #nav-reviews a:hover, 
#contact #nav-contact a:hover { 
color:#FFFFFF; 
background:#99CCFF; 
} 
#nav a:active { 
background:#99CCFF; 
color:#000; 
}