/*	Since the Logo and Navigation bar are in absolutely positioned DIVs (Layers), we can set
	the body's top and left margins to clear them both so that the main content is properly placed.
	Note that margin shorthand values are used: 84px 0 0 248px. Shorthand notation always refers
	to the values in this order: Top Right Bottom Left. Think of TRouBLe and you'll remember.
*/
body {
	background-color: #99CCFF;
	margin: 3px 5px 3px 3px;
	text-align: center;
	font-family: Optima, Palatino, "Palatino Linotype", "Book Antiqua";
	color: #000066;
}

/* Container for the Menu */
#p7swapmenu {
	left: 1px;
	top: 1px;
	right: 1px;
	bottom: 1px;
}

/* Turns off Margin, Padding, and Bullets for the Menu List */
#p7swapmenu ul {
	padding: 1px;
	margin: 0px;
}
#p7swapmenu li {list-style-type: none;}


/* Rules to copy if you use the WriteStyles Command */
.closed ul{
	display:none;
	margin: 1px;
}
.open ul{
	display:block;
	margin: 1px;
}

/* Link Styles for the Menu */
.closed a, .open a {
	background-color: #99FFCC;
	color: #003366;
	display: block;
	padding: 5px;
	font-weight: bold;
	text-align: left;
	font-size: 1.2em;
	margin: 1px;
}

/* Hover and Active styles for the menu */
.closed a:hover, .open a:hover, .closed a:active, .open a:active {
	background-color: #FFFF99;
	color: #003366;
	font-size: 1.2em;
	font-weight: bold;
	text-align: left;
}

/* Plus Sign for Trigger Links in Closed State */
.closed a {
	color: #003366;
	background-color: #99FFCC;
	font-size: 1.2em;
	font-weight: bold;
	text-align: left;
	left: 10px;
	top: 5px;
	right: 10px;
	bottom: 5px;
}

/* Minus Sign for Trigger Links in Open State */
.open a {
}

/* Link Styles for the Submenus */
.closed ul a, .open ul a {
	background-color: #CCFFFF;
	color:#000066;
	text-align: left;
	font-size: .9em;
	font-weight: normal;
	margin-left: 5px;

}
.open ul a:hover {
	padding-left: 10px;
	font-weight: normal;
	font-size: .9em;
	background-color: #CCFFFF;
}

/* Optional ID to assign the <a> to highlight a "Current Page" link */
#p7current {
	font-weight: bold;
}
.100wide {
	width: 100%;
}
.center {
	text-align: center;
}
a {
	text-decoration: none;
	border: none;
}
object {
	text-align: center;
}
.bottom {
	bottom: 0px;
}
a:link {
	color: #003399;
}
a:visited {
	color: #660099;
}
a:hover {
	color: #990000;
}
.center {
	text-align: center;
}
.smaller {
	font-size: 12px;
	text-align: center;
}
.middlecenter {
	text-align: center;
	vertical-align: middle;
}
