@import url(form.css);

/*
Copyright 2009 by NALD (National Adult Literacy Database)  - All Rights Reserved 
- Web development by the NALD Design Team - Email: contactnald@nald.ca - Created 2009
Organization: The NSSAL Instructors' Website
Contact Person: 
Date: March 2009	
*/

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color: #d5e4e6; margin-top:0;margin-bottom:0;
}

/************************* H E A D I N G **********************/
h1{font-family:Verdana, Arial, Helvetica, sans-serif;}
h2{font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 1.10em; color: #000000;}
h3{font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 0.95em; color: #000000;}
h4{font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 0.84em; font-weight: bold;}
/************************* END HEADING **************/

/************************O B J E C T************************/
p, table
{
	font-size: 0.84em;
}
/************************ END OBJECT ************************/

/********************L I N K S******************************/

A {
	color: #6A63a3;
	text-decoration : none;
}

A:Hover {
	text-decoration : none;
	color : #fc3e43;
}

#footer p {font-size: 0.75em; padding: 0 0 6px 0; margin: 0; color: #ffffff; text-align: center;}
#footer p a:link {font-size: 1em; font-weight: normal; text-decoration: underline; color: #ffffff;}
#footer p a:visited {font-weight: normal; text-decoration: underline; color: #ffffff;}	
#footer p a:visited:hover {font-weight: normal; text-decoration: none; color: #ffffff;}
#footer p a:hover, #footer a:active {text-decoration: none; color: #ffffff;}
#footer img {
    margin-bottom: 1em;
}

#login p {font-size: 0.75em; padding: 5px; margin: 0; color: #ffffff; text-align: right;}
#login a:link {font-size: 1em; font-weight: normal; text-decoration: underline; color: #ffffff;}
#login a:visited {font-weight: normal; text-decoration: underline; color: #ffffff;}	
#login a:visited:hover {font-weight: normal; text-decoration: none; color: #ffffff;}
#login a:hover, #footer a:active {text-decoration: none; color: #ffffff;}
/******************** END LINKS ********************/

/********************** T E X T - D E C O R A T I O N ***************/
.underline {text-decoration: underline;}
.italic {font-style: italic;}           
.bold {font-weight: bold;}
.center {text-align: center;}
.right {text-align: right;}
.white {color:#ffffff;}
/************************ END TEXT-DECORATION ************************/

/********************** MAIN DIVS ***************/
#wrapper {margin: 0 auto; padding: 0; width: 900px; background-color: #ffffff;}
#login {position: relative; background-color: #1a1363; width: 900px;}
#header {position: relative; width: 900px;padding-bottom:2px;}
#menu {position: relative; width: 900px;background-color:#1a1363;}
#content {position:static; width: 860px; padding: 20px 20px;}
#footer {position:relative; width: 900px;}
#footer p {background:#1a1363;}
/***********************************************************************/

/********************** MENU ***************/
.suckertreemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: bold 17px normal Arial, Helvetica, sans-serif;
}

/*Top level list items*/
.suckertreemenu ul li{
position: relative;
display: inline;
float: left;
background-color: #1a1363; /*overall menu background color*/
}

/*Top level menu link items style*/
.suckertreemenu ul li a{
display: block;
padding: 5px 38px;
border-left-width: 0;
text-decoration: none;
color:#ffffff;
}
	
/*1st sub level menu*/
.suckertreemenu ul li ul{
left: 0;
position: absolute;
top: 1em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.suckertreemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul{ 
left: 159px; /* no need to change, as true value set by script */
top: 0;
}

/* Sub level menu links style */
.suckertreemenu ul li ul li a{
display: block;
width: 160px; /*width of sub menu levels*/
color: #ffffff;
text-decoration: none;
padding: 3px 5px;
border-top: 2px solid #ffffff;
background-color:#1a1363;
}

.suckertreemenu ul li a:hover{
background-color:#df871b;
color: white;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; height: 1%; }
* html .suckertreemenu ul li a { height: 1%; }
/* End */
/***********************************************************************/

#contactmenu {
width:167px; position: absolute; top: 0; right: 0;
}

/********************** C L A S S  /  I D *********************/
.visibleprint{display:none;}
/*************************** END CLASS ***************************/