/*	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: #542487;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	margin: 84px 0 0 248px;
	background-image: url(../images/compLogo_pbg.gif);
	background-repeat: repeat-x;
}
#logo {
	left: 0;
	position: absolute;
	top: 0;
}
#maincontent {
	background-color:#FFFFFF;
	border: 1px solid;
	border-color: #E4E9D8 #99A189 #99A189 #E4E9D8;
	font-size: .85em;
	line-height: 1.5em;
	padding: 20px 30px;
	width: 512px;
	height: 500px;
}

h1 {font-size: 12px; margin:0px; }
h2 {margin: auto; font-size: 1.5em; font-weight: normal;}
h2.first {margin: 0;}
h3 {font-size: 1.3em;}

/* Container for the Menu */
#p7swapmenu {
	background-color:#FFFFFF;
	border: 1px solid;
	border-color: #E4E9D8 #99A189 #99A189 #E4E9D8;
	left: 24px;
	padding: 6px;
	position: absolute;
	top: 84px;
	width: 180px;
}

/* Turns off Margin, Padding, and Bullets for the Menu List */
#p7swapmenu ul {margin: 0px; padding: 0px;}
#p7swapmenu li {margin: 0px; padding: 0px; list-style-type: none;}

/* Rules to copy if you use the WriteStyles Command */
.closed ul{display:none;}
.open ul{display:block;}

/* Link Styles for the Menu */
.closed a, .open a, .openDirect a {
	background-repeat: no-repeat;
	background-position: 3px 50%;
	background-color: #542487;
	border: 1px solid;
	border-color: #C9D0AD #848C71 #848C71 #C9D0AD;
	color: #EEF0E3;
	display: block;
	font-size: 0.9em;
	padding: 2px 0px 2px 16px;
	text-decoration: none;
}

/* Hover and Active styles for the menu */
.closed a:hover, open a:hover, .openDirect a:hover, .closed a:active, .open a:active, .openDirect a:active {
	background-color: #CC99FF;
	color: #FFFFFF;
}

/* Link Style for active Menu */
.openCurrent a {
	background-repeat: no-repeat;
	background-position: 3px 50%;
	background-color: #CC99FF;
	border: 1px solid;
	border-color: #C9D0AD #848C71 #848C71 #C9D0AD;
	color: #FFFFFF;
	display: block;
	font-size: 0.9em;
	padding: 2px 0px 2px 16px;
	text-decoration: none;
}

/* Latest News Text */
.news { font-family:Arial, Helvetica, sans-serif; font-size:12px; }

/* Plus Sign for Trigger Links in Closed State */
.closed a {background-image: url(../images/menplus.gif);}

/* Minus Sign for Trigger Links in Open State */
.open a {background-image: url(../images/menminus.gif);}

/* Link Styles for the Submenus */
.closed ul a, .open ul a, .open ul a:hover {
	background-color: transparent;
	background-image: url(../images/pagemarker.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	border: 0;
	color:#666;
	font-size: .8em;
	font-weight:normal;
	padding: 0 0 0 12px;
	margin: 0 0 0 16px;
}

/* Optional ID to assign the <a> to highlight a "Current Page" link */
#p7current {font-weight: bold;}

/* a class for all Tigra Hints boxes, TD object */
.hintsClass { text-align: center; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:700; }
