/* Main page styling */

body {
	background-color: #C6C3C6;
	background-image: url(../../assets/images/page_grade.jpg);
	background-repeat: repeat-x;
	margin: 10px 3%;
	padding: 0;
	color: #42597B;
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 100%;
}

td {
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 85%;
}

/* Left sidebar content styling */

#leftbar p{
    font-size: 85%;
	 color: #FFFFFF;
	/*/*/margin: 10px;
	line-height: 20px; /* Double comments used to hide styles from NN4*/
}

#leftbar h1 {
	font-size: 140%;
	color: #FFFFFF;
	/*/*/margin: 10px;
	letter-spacing: 1px;/* */
}

#leftbar h2 {
	font-size: 120%;
	color: #FFFFFF;
	/*/*/margin: 10px;
	letter-spacing: 1px;/* */
}

#leftbar a:link,  #leftbar a:visited{
	color: Maroon;
}

#leftbar a:hover {
	color: #C7D2DE;
}

/* Main content styling */

#mncontent p{
	/*/*/margin: 20px;
	 line-height: 26px; /* */
}

#mncontent h1 {
	font-size: 160%;
	color: #314A18;
	/*/*/margin: 20px;
	letter-spacing: 4px;/* */
}

#mncontent h2 {
	font-size: 140%;
	color: #FD9A01;
	/*/*/margin: 20px;
	letter-spacing: 2px;/* */
}

#mncontent h3 {
	font-size: 120%;
	color: #003333;
	font-weight: bolder;
	/*/*/margin: 20px;
	letter-spacing: 2px;/* */
}

#mncontent ul {
	/*/*/list-style-image: url(../../assets/images/bullet_mn.gif);
	list-style-type: none;/* */
}
	
	#mncontent li {
	/*/*/margin: 4px 0 0 20px;
	color: #184918;/* */
}

#mncontent a:link,  #mncontent a:visited{
	color: Blue;
}

#mncontent a:hover {
	color: #FD9A01;
}

/* Right sidebar styling */

#rightbar p{
    font-size: 100%;
	/*/*/margin: 10px;
	line-height: 20px; /* */
}

#rightbar h1 {
	font-size: 140%;
	color: #7D714B;
	/*/*/margin: 10px;
	letter-spacing: 1px;/* */
}

#rightbar h2 {
	font-size: 120%;
	color: #7D714B;
	/*/*/margin: 10px;
	letter-spacing: 1px;/* */
}

#rightbar a:link,  #rightbar a:visited{
	color: #504629;
}

#rightbar a:hover {
	color: #FD9A01;
}

/* Copyrite styling */

.copyrite {
	color: Black;
	font-size: 100%;
	text-align: center;
}

/* Top navigation bar button styling */

.topbut a:link,  .topbut a:visited  {
	color: #FFFFFF;
} /* This class is used to force NN4 display the correct coloured links in the Top Navigation*/

#ntable td a {
	/*/*/display:block;
   line-height: 40px;
	width: 100%; /* */
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: normal;
}


#ntable td a:link, #ntable td a:visited {
	color: White;
   text-align: center;
   text-decoration: none;
	/*/*/background-image: url(../../assets/images/topnav_bg.gif);
	background-position: 0 0;
	background-repeat: no-repeat;/* */
}

#ntable td a:hover{
	color: #FFFFFF;
	/*/*/background-image: url(../../assets/images/topnav_bg.gif);
	background-position: 0 -70px;
	background-repeat: no-repeat;/* */
}

/* Navlist Styling */

#navlist {
 /*/*/ margin-top: 4px;
 margin-bottom: 10px;
	width: 180px;/* */
}

#navlist ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: normal;
}

#navlist li {
	margin: 0 0 2px 0;
}

#navlist a {
	/*/*/display: block;
	padding: 4px 2px 4px 20px;
	border-top: 1px solid #333333;
	border-bottom: 1px solid #333333;
	background-color: transparent;
	background-image: url(../../assets/images/navlist_bg.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
	width:180px; 
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:158px; /* */
}

#navlist a:link, #navlist a:visited {
	color: #FFFFFF;
	/*/*/text-decoration: none;
	-moz-opacity: 40%;
   filter: alpha(opacity=80); /* */
}

#navlist a:hover {
	/*/*/border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	background-image: url(../../assets/images/navlist_bg.gif);
	background-position: 0 -70px;
	background-repeat: no-repeat;/* */
	color: #000000;
}

#openlink a:link, #openlink a:visited, #openlink a:hover {
	/*/*/border: 1px solid #333333;
	background-color: #E9E4E0;
	color: #333333; /* */
}


/* 	Link styles for the Triggers

 	Set to block to make link fill up entire layer with medium gray
	background color that shows through the transparent fill of the trigger images */
.p7snaptrigger a {
	display: block;
	background-color: #39557B;
}

/* 	When the trigger images are hovered over, the background color changes to white.
	We don't change text color because the link text is actually the non-transparent
	portion of the trigger image.
	
	Active and Focus trigger the color change in IE-PC and other
	modern browsers when tabbing through the links with keyboard. */
.p7snaptrigger a:hover, .p7snaptrigger a:active, .p7snaptrigger a:focus {
	background-color: #FFFFFF;
}


/* 	The Submenu Layers
 	Use a combined selector to assign all properties common to each
	of the Submenu Layers. */
#p7snapsubs1, #p7snapsubs2, #p7snapsubs3 {
	position: absolute;
	width: 160px;
	top: 197px;
	font-size: .8em;
	visibility: hidden;
	background-color: #FFFFFF;
}
/* 	Now use individual selectors for each trigger Layer to assign
	their unique properties, in this case the left property */
#p7snapsubs1 {left: 225px;}
#p7snapsubs2 {left: 137px;}
#p7snapsubs3 {left: 260px;}

/* 	The submenu links are in paragraphs, so we set the margin to zero
	so there is no gap between links */
.p7submenus p {margin: 0;}


/* 	Submenu Link Styles
 	Use a combined selector for a and a:visited. Set padding in shorthand
	to 1px on top and bottom, 8px right and 12px left.
	
	Set display to block so entire link box, including padding is clickable.
	Set border to 1px solid.
	
	Set border colors in shorthand to Light Gray on top and left - and
	Charcoal Gray on right and bottom. This combination of colors creates
	a raised button-type effect.
	
	Set background color to dark gray, text to medium gray and turn off underlines. */
.p7submenus a, .p7submenus a:visited {
	display: block;
	padding: 1px 8px 1px 12px;
	background-color: #395D84;
	color: White;
	text-decoration: none;
	border-top: 1px solid #BAAFAB;
	border-right: 1px solid #96807A;
	border-bottom: 1px solid #96807A;
	border-left: 1px solid #BAAFAB;
}

/* 	Change background and text colors when links are hovered over.
	Use a combined selector for hover, active, and focus.
	
	Active and Focus trigger the color change in IE-PC and other
	modern browsers when tabbing through the links with keyboard. */ 
.p7submenus a:hover, .p7submenus a:active, .p7submenus a:focus {
	background-color: #31557B;
	color: White;
	border-top: #C5A996;
}

/* table styling */

#htable {
	/*/*/border-top: 1px solid #333333;
	border-right: 1px solid #333333;
	border-left: 1px solid #333333;
	height: 140px;/* */
}

#htable td {
	background-color: #336600;
	background-image: url(../../assets/images/header_bg_main.jpg);/* Please make this link absolute to display in NN4 */
	background-repeat: repeat-x;
}

td#headerl {
	/*/*/background-image: url(../../assets/images/header_bg_l.jpg);
	background-repeat: no-repeat;
	width: 180px;/* */
}

#ntable {
	background-color: #1A481A;
	/*/*/border-left: 1px solid #504629;
	border-right: 1px solid #504629;/* */
		}

#ntable td {
/*/*/border-left: none;
padding: 0;/* */
}

td#navl {
	/*/*/background-image: url(../../assets/images/nav_bg_l.jpg);
	background-repeat: no-repeat;
	border-left: none;
	width: 180px;
	height: 40px;/* */ 
}

#stable {
	background-color: #E9E4E0;
	/*/*/background-image: url(../../assets/images/nav_spacer.jpg);
	background-repeat: no-repeat;
	border-right: 1px solid #333333;
	border-left: 1px solid #333333;
	height: 4px;/* */
}

#ctable {
	/*/*/border-right: 1px solid #333333;
	border-left: 1px solid #333333;/* */
}

#leftbar {
	background-color: #405B7B;
	color: #276B28;
	vertical-align: top;
   /*/*/	background-image: url(../../assets/images/leftsidebar_bg.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	width: 180px;
	padding: 0;/* */
}

#mncontent {
	background-color: #FFFFFF;
	vertical-align: top;
	/*/*/border-top: 1px solid #333333;
	border-right: 1px solid #CECECE;
	border-bottom: 1px solid #CECECE;
	border-left: 1px solid #333333;
	padding: 0;/* */
}

#rightbar {
	background-color: #E9E4E0;
	vertical-align: top;
	width: 180px;
	color: #5D5438;
	/*/*/padding: 0;/* */
}

#ftable {
    background-color: #E9E4E0;
	/*/*/background-image: url(../../assets/images/footer_bg.jpg);
	background-repeat: no-repeat;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
	border-left: 1px solid #333333;
	height: 40px;/* */
	vertical-align: middle;
}

#footerr {
	background-color: #E9E4E0;
	vertical-align: top;
	width: 180px;
}

/* Validation Button Styling */

.w3cbutton4 {
/*/*/  margin: 1em 3.2em;
  width: 9em;
  font-family: helvetica,arial,sans-serif;
  font-size: 80%;
  font-weight: bold;/* */
}
.w3cbutton4 a {
 /*/*/ display: block;
  width: 100%;/* */
}
.w3cbutton4 a:link,
.w3cbutton4 a:visited,
.w3cbutton4 a:hover {
	/*/*/background-color: #FD9A01;
	color: #FFF !important;
	text-decoration: none;/* */
}
.w3cbutton4 a:link,
.w3cbutton4 a:visited {
  /*/*/border-top: 1px solid #CECECE;
  border-bottom: 2px solid #4A4A4A;
  border-left: 1px solid #CECECE;
  border-right: 2px solid #4A4A4A;/* */
}
.w3cbutton4 a:hover {
 /*/*/ border-bottom: 1px solid #CECECE;
  border-top: 2px solid #4A4A4A;
  border-right: 1px solid #CECECE;
  border-left: 2px solid #4A4A4A;/* */
}
.w3cbutton4 span.w3c {
/*/*/  padding: 0 0.4em;
  background-color: #FFFFFF;
  color: #0c479d;/* */
}

td#underline
 {
	text-decoration: underline;
	color: Black;
}

#tborderblue {
	BORDER-RIGHT: #000099 1px solid;
	BORDER-TOP: #000099 1px solid;
	BORDER-LEFT: #000099 1px solid;
	BORDER-BOTTOM: #000099 1px solid
}
#tborderblue2 {
	BORDER-RIGHT: #000099 2px solid;
	BORDER-TOP: #000099 2px solid;
	BORDER-LEFT: #000099 2px solid;
	BORDER-BOTTOM: #000099 2px solid
}
#tborderred {
	BORDER-RIGHT: #990000 1px solid;
	BORDER-TOP: #990000 1px solid;
	BORDER-LEFT: #990000 1px solid;
	BORDER-BOTTOM: #990000 1px solid
}
#tborderred2 {
	BORDER-RIGHT: #990000 2px solid;
	BORDER-TOP: #990000 2px solid;
	BORDER-LEFT: #990000 2px solid;
	BORDER-BOTTOM: #990000 2px solid
}
#tborderblack {
	BORDER-RIGHT: black 1px solid;
	BORDER-TOP: black 1px solid;
	BORDER-LEFT: black 1px solid;
	BORDER-BOTTOM: black 1px solid
}
#tborderblack2 {
	BORDER-RIGHT: black 2px solid;
	BORDER-TOP: black 2px solid;
	BORDER-LEFT: black 2px solid;
	BORDER-BOTTOM: black 2px solid
}