/**************************************
 * THEME NAME: niace
 *
 * Files included in this sheet:
 *
 *   niace/gradients.css
 *   niace/niaceOnline_Shared.css
 *   niace/SectionMenu.css
 **************************************/

/***** niace/gradients.css start *****/

/**
  *  Adds all the nice finish to the standard theme
  *
  */

th.header,
td.header,
div.header {     
    background-image:url(gradient.jpg);     
    background-position:top;    
    background-repeat:repeat-x;     
}

.navbar {
    background-image:url(gradient.jpg);     
    background-position:top;    
    background-repeat:repeat-x;     
}

/***** niace/gradients.css end *****/

/***** niace/niaceOnline_Shared.css start *****/

body
{
	xxbackground-image:url(background.jpg);
	background-color: #e6f7ed;
	background-position:top right ;
    background-repeat:no-repeat;
	background-attachment: scroll;
	margin:0;
}

#page
{

}

#page .skiplink
{
	position: absolute;
	top: 0px;
	right: 10px;
	
	font-size: 0.8em;
}

#header-home, #header
{
	position: relative;
	
	padding-top: 60px;
	padding-bottom: 5px;

	background-color: #f9fef9;
	background-image:url(header-gradient.gif);     
	background-position:top;    
	background-repeat:repeat-x;
}
#header-home h1.headermain
{
}
#header h1.headermain
{
}
h1.headermain
{
}
h1.headermain img
{
	margin: 0.1em 1em 0.1em 0.2em;
}
#header-home h1.headermain img
{
	vertical-align: text-bottom;
}
#header h1.headermain img
{
	vertical-align: text-bottom;
}

#sectionsmenu
{
	position:absolute;
	top:55px;
	left: 211px;
	XXborder: 1px solid #f00;
	margin: 0;
	padding: 0;
	list-style:none;
	line-height:1.4em;
	border: 2px solid #999;
	border-width: 0 3px;
}
#sectionsmenu li
{
	display:inline;
	background-color: #ddd;
}
#sectionsmenu li a
{
	background-color: #b7e6c6;
	border-left: 1px solid #999999;
	padding: 2px 0.3em 0.2em;
	color: #333333;
	text-decoration: none;
	font-weight: bold;
	margin: 0;
	margin-top: 20px;
	background-color: #ddd;
}
#sectionsmenu li.first a
{
	border:0;
}
#sectionsmenu li.active a,
#sectionsmenu li a:hover
{
	background-color: #fff;
	color: #000;
}
#sectionsmenu li.active a
{
	text-decoration: none;
}

#header-home .headermenu,
#header .headermenu
{
	margin-top: 2em;
	margin-right: 0.5em;
}


.navbar
{
	border: 0;
}


.sideblock
{
	XXXborder: 1px solid #999999;
}
.sideblock .content,
.sideblock .header
{
	border: 0;
	background-color: #E6F7ED;
  	-moz-border-radius:0;
} 


#course-view .weekscss .current,
#course-view .current td.side
{
	background: #d4b9e4;
}

#footer
{
	background-color: #b7e6c6;
	border: 0;
}


#niace-intro
{
	width:35%;
}
#niace-intro .sideblock
{

	Xfloat:left;
	Xwidth: 40%;
	Xmargin-left: 5%;
	Xpadding-right: 2em;
}
div.niace ul.cat-list,
div.niace table.sitetopic
{
	list-style-type:none;
	margin: 0;
	Xmargin-left: 40%;
	padding: 0;
	width:100%;
/*
	float:right;
	width: 49%;
*/
}

div.niace ul.cat-list li
{
	margin: 1em 0;
 
}
div.niace ul.cat-list li img
{
	vertical-align: middle;
	margin-right: 1em;
}
div.niace ul.cat-list li h2
{
	display:inline;
}

/* the site topic box when logged it (and therefore not in the div.niace)*/
.sitetopic
{
	width:100%;
}

#middle-column
{
	XXborder: 2px solid #00f;
}


#left-column.FPLogin
{
	width:40%;
}

#NIACEHomePageImage
{
	width: 100%;
}

#niace-footer
{
	margin-top: 1em;
	border-top: 4px solid #999999;
	padding-top: 1em;
	font-size: 0.8em;
}

#niace-footer img
{
	vertical-align: middle;
}

#content
{
	background-color: #F9FEF9;
}


div.sitetopic.box
{
	border: 0;
}
/***** niace/niaceOnline_Shared.css end *****/

/***** niace/SectionMenu.css start *****/

	body
	{
		font-family:Arial, Verdana, Helvetica, sans-serif;
	}
	
	#CatMenu
	{
		position: relative;
		background-color: #f9fef9; /*#E6F7ED;*/
		width: 500px;
		height: 400px;
	}
	
	#CatMenu dl
	{
		z-index: 10;
		width: 100%;
		height: 100%;
		padding: 0;
		margin: 0;
	}
	#CatMenu dt
	{
		z-index: 10;
		position:absolute;
		width: 150px;
		height: 115px;
		padding: 50px 0;
		background: transparent url(SectionMenu/Pent-green.png) no-repeat scroll center center;
		text-align:center;
		
		XXbackground-color: #CC99FF;
	}
	#CatMenu dt.hover
	{
		background-image: url(SectionMenu/Pent-green-glow.png);
	}
	
	#CatMenu dt a
	{
		float:left;
		width: 100%;
		padding: 2em 0;
		margin:0;
		color: #000;
		text-decoration: none;
		font-weight: bold;
		XXtext-indent: -30000;
		background: transparent; /* seems to fix a layout bug in IE - stops padding from colapsing*/
		
		XXbackground-color:#CC66FF;
	}
	#CatMenu dt a:hover
	{
		XXbackground: transparent url(SectionMenu/TextGlow.png) repeat scroll center center;
	}
	
	#Welcome,
	#CatMenu dd
	{
		z-index:0;
		position:absolute;
		top: 23%;
		left: 26%;
		width: 38%;
		height: 35%;
		margin: 5% 5%;
		padding: 1%;
		
		font-size: 90%;
		
		XXbackground-color:#CCCCFF;
	}
	
	#CatMenu dd
	{
		/*background: #d6E7DD url(SectionMenu/info.png) no-repeat scroll top left;*/
		background-color: #d6E7DD;
		padding-top: 10%;
		height: 25%;
		text-align: center;
		font-weight: bold;
	}
	#CatMenu dd.longtext
	{
		padding-top: 5%;
		height: 30%;
	}
	
	#Welcome
	{
		font-size: 120%;
		text-align:center;
		padding-top: 1em;
	}
	
	.hiddenSectionMenuItem
	{
		display: none;
	}
			
	/*****************************
	 per cat
	******************************/
	#Archive
	{
		bottom: -11%;
		left: 30%;
	}
	
	#AdultEd
	{
		bottom: -2%;
		right: 2%;
	}
	/*eed gtr specifity to set the padding */
	#CatMenu dt#AdultEd
	{
		padding: 60px 0 40px;
	}
	
	#OL
	{
		bottom: 8%;
		left: 0%;
	}
	
	#EGuides
	{
		top: -2%;
		left: 2%;
	}
	
	#Govt
	{
		top: 8%;
		right: 0%;
	}
	
	#Confs
	{
		top: -14%;
		left: 40%;
	}
	
/***** niace/SectionMenu.css end *****/