﻿/* layout.css - assures that basic settings are uniform and as expected */
@import url('secondlvl_layout.css');

/* TOP HORIZONTAL navigation bar within the masthead - made from unordered list */
#hnavtop {
	background-color: #CCCCFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 20px;
	font-weight: bold;
}
/* set padding around list items and adjust left padding to push nav bar to look centered */
#hnavtop ul {
	padding: 3px 3px 3px 130px;
	margin: 0px;
	text-decoration: none;
	list-style-type: none;
}
/* float entire nav bar within the page width */
#hnavtop ul li {
	float: left;
}
/* reset padding to push each link away from each other - makes button areas */
#hnavtop ul li a {
	padding: 0px 25px 0px 25px;
	margin: 0px;
	text-decoration: none;
	color: #000000;
	display: inline-block;
}
/* set hover effect desired */
#hnavtop ul li a:hover {
	background-color: #808080;
}
/* container below masthead for left vertical navigaion and page content */
/* vertical left navigation styles */
#vnavl {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #000000;
	width: 150px;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	text-align: center;
	float: left; /* this is what makes the next column align to the right of the vertical nav */
}
#vnavl ul {
	padding: 0px;
}
#vnavl ul li {
}
#col_left {
	margin: 0px 0px 0px 1%;
	float: left;
	padding: 0px 8px 0px 8px;
	width: 45%;
}
html #col_left {
	display: inline;
	border-right-style: double;
	border-right-width: thin;
	border-right-color: #FFFFFF;
}
#col_right {
	margin: 0px;
	float: right;
	padding: 0px 8px 0px 8px;
	width: 36%;
	height: 52px;
}
img
{  border-style: none;
	margin-left: 0px;
}
#footer p {
	margin: 0;
	font-size: x-small;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
}
#copyright {
	padding: 0px 20px 0px 0px;
	float: right;
	text-align: right;
	vertical-align: bottom;
}
#copyright p {
	font-size: x-small;
}
#footer {
	padding: 5px;
	margin: 0px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #C0C0C0;
	height: 14px;
}
#footer a {
	color: #FFFFFF;
	font-weight: normal;
}
#footer a:hover {
	color: #FF0000;
	text-decoration: none;
}

