/*------------------------------------------------------------------
[Master Stylesheet]

Project:	NECC
Version:	1.0
Last change:	21/05/08 []
Assigned to:	Dave Hudson - dave@densen.co.uk
Primary use:	Website
-------------------------------------------------------------------*/
body{
	padding:0;
	margin:0;
	background-color:#f8f8f8;
}

#wrapper
{
	display:block;
    padding-top:0px;
	text-align:center;
	margin: 0 auto; /* centre the container */
	height:auto;
	position:relative;
}

form
{
    padding:0;
    margin:0;
}


/*------------------------------------------------------------------
Section:     headerNavBar
-------------------------------------------------------------------*/
#headerNavBar{
	text-align:center;	
	margin: 0 auto; /* centre the container */
	width:756px;
	height:23px;
	background-color:#3b80c3;
}

#memberMsg{
	float:left;
	position:relative;
	left:36px;
	margin:0;
    margin-top:0pt;
    padding-bottom:0pt;
}

	#memberMsg p{
		color:#fff;
		font-weight:700;
		font-size:0.8em;
		padding-top:5px;
		margin:0px;
	}
	
	
	#memberMsg a{
		color:#283997;
		font-weight:700;
	}
	#memberMsg a:hover{
		color:#d4effc;
	}

/* #shoppingCart{ */
/* Changed id to "divBasket" already used in code-behind */

.divBasket{
    color:white;
 	font-size:0.9em;
    font-weight: bold;
	float:left;
	text-align:right;
    margin: 4px 0px 0px 25px;
	background-repeat:no-repeat;
	/* width:201px; */
	height:23px;
}

/*------------------------------------------------------------------
Section:     headerContent
-------------------------------------------------------------------*/
#headerContent
{

	text-align:center;	
	margin: 0 auto; /* centre the container */
	width:756px;
	/* height:79px;		 */
	height:121px;
	background-color:#439fd6;
}

#headerContentWrapper{
	text-align:left;
	width:756px;
	/* height:79px;		 */
	height:120px;
	display:block;
	background-repeat:no-repeat;
	background-position:right bottom;
}

#neccLogo{
	background-image:url(../images/necc-logo.jpg);
	background-repeat:no-repeat;
	width:170px;
	height:52px;
	position:relative;
	left:53px;
	top:15px;
}

.cpHeaderImage
{
height:40px;
max-height:40px;
}

#neccLogo a
{
    display:block;
	width:170px;
	height:52px;    
}

#tabNavHome{
	display:block;
	/* width:420px; */
	width:756px;
	position:relative;
	z-index:100;
	left:181px;
	top:28px;
}

	#tabNavHome ul { 
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	#tabNavHome ul li{
		background-image:url(../images/nav/li.jpg);
		background-repeat:no-repeat;
		width:130px;
		height:40px;
		float:left;
		padding-right:6px;
	}
	
	#tabNavHome ul li:hover{
		background-image:url(../images/nav/li-hover.jpg);
		width:130px;
		height:40px;
		cursor:pointer;
	}
	
	#tabNavHome ul li a{
		color:#fff;
		display:block;
		width:130px;
		height:30px;
		text-align:center;		
		margin-top:10px;
		font-weight:bold;
		font-size:1.0em;
	}	
	
	
	
	

#tabNav{
	display:block;
	width:420px;
	position:relative;
	z-index:100;
	left:181px;
	top:29px;
}

	#tabNav ul { 
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	#tabNav ul li{
		background-image:url(../images/nav/li.jpg);
		background-repeat:no-repeat;
		/* width:104px; */
		width: 130px;
		height:40px;
		float:left;
		padding-right:10px;
	}
	
	#tabNav ul li:hover{
		background-image:url(../images/nav/li-hover.jpg);
		width:130px;
		height:40px;
		cursor:pointer;
	}
	
	#tabNav ul li a{
		color:#fff;
		display:block;
		width:130px;
		height:30px;
		text-align:center;		
		margin-top:10px;
		font-weight:bold;
		font-size:1.0em;
	}	

#defaultTabNav{
	display:block;
	width:756px;
	min-width:756px;
	background-color:#439fd6;
	background-image:url(../images/tab_blue_bg.png);
	position:relative;
	z-index:100;
	left:0px;
	top:28px;
	height:41px;
	margin-top:-2px;
}

	#defaultTabNav ul { 
	    width:330px;
		list-style: none;
		margin: 1px 0 0 0;
		padding: 0;
		padding-left: 230px;
	}
	
	#defaultTabNav ul li{
		background-image:url(../images/nav/li.jpg);
		background-repeat:no-repeat;
		width:104px;
		height:40px;
		float:left;
		padding-right:6px;
	}
	
	#defaultTabNav ul li:hover{
		background-image:url(../images/nav/li-hover.jpg);
		width:104px;
		height:40px;
		cursor:pointer;
	}
	
	#defaultTabNav ul li a{
		color:#fff;
		display:block;
		width:104px;
		height:30px;
		text-align:center;		
		margin-top:10px;
		font-weight:bold;
		font-size:1.2em;
	}	

#siteSearch{
	width:186px;
	height:25px;
	position:relative;
	right:15px;
	top:-25px;
	float:right;
}

/*------------------------------------------------------------------
Section:     headerContent
-------------------------------------------------------------------*/
#promoContent
{
	text-align:center;	
	margin: 0 auto; /* centre the container */
	width:756px;
	/* height:185px; */
	height:145px;
	
	/*
	background-color:#e6f3fa;
	background-image:url(../images/necc-promo.jpg);
	background-repeat:no-repeat;
*/
	/* border-bottom: 1px dotted #80ceec; */
}

#ctl00_cpMainImage_cbMainImage img
{
	position:relative;
	z-index:50;
	top:-131px;
}

#siteLogin
{
	/*
	display:none;
	background-image:url(../images/DUMMY-LOGIN.jpg);
	background-repeat:no-repeat;
	*/
	position:relative;
	z-index:100;
	width:140px;
	height:130px;
	float:right;
	top:10px;
	left:-10px;
	/*
	position:relative;
	top:-140px;
	right:10px;
*/
}


#loginError
{
    padding:0;
    margin:0;
    color:Red;
    font-size:0.7em;
    position:relative;
    top:4px;
}

#loginMessage
{
   	color:#283997;
   	font-size:1.2em;
   	text-align:left;
   	padding-left:10px;
}

#siteLogin2
{
	/*
	display:none;
	background-image:url(../images/DUMMY-LOGIN.jpg);
	background-repeat:no-repeat;
	*/
	position:relative;
	z-index:100;
	height:10px;
	float:right;
	top:50px;
	left:-10px;
	
	text-align:center;	
	margin: 0 auto; /* centre the container */
	width:756px;
}



/*------------------------------------------------------------------
Section:     mainContent
-------------------------------------------------------------------*/
#mainPageContent
{
	border-top: 1px dotted #80ceec;    
	margin: 0 auto; /* centre the container */
	width:756px;
}

#mainContentLeft{
	float:left;
	width:597px;
	height:430px;    
	background-color:#fff;
	border-right: 1px dotted #80ceec;
	border-bottom: 1px dotted #80ceec;	
	text-align:left;
	vertical-align:top;		
}

	#mainContentLeft a
	{
	    float:left;
		color:#283997;
	}
	
	#mainContentLeft a:hover{
		color:#439fd6;
	}	

	#mainContentLeft .mainRow
	{
		width:600px;
		float:left;
	}
	
	#mainContentLeft .mainBox
	{
		width:259px;
		height:155px;
		border-right: 1px dotted #80ceec;
		border-bottom: 1px dotted #80ceec;
		float:left;
		padding:30px 10px 30px 30px;
	}	
	
	#mainContentLeft .imgBox
	{
	    float:left;
	    height: 90px;
	    max-height:90px;
	    width: 90px;
	    max-width: 90px;
	}
	#mainContentLeft .mainBox .imgBox img	
	{
		/* float:left; */
	    max-width:90px;
	    max-height:90px;
	    overflow:hidden;
	}
	
	#mainContentLeft .mainBox h2
	{
	    padding:0;
	    margin:0;
	    font-size:1.45em;
	    float:right;
	    width:160px;
	    overflow:hidden;
	}
	#mainContentLeft .mainBox h2 a
	{
	    width:160px;
	    overflow:hidden;
    }

	#mainContentLeft .mainBox p
	{
	    clear:both;
		float:left;
		display:block;
		width:240px;
		max-height:76px;
		overflow:hidden;
		padding:0;
		margin:0;
		padding-top:10px;
		color:#333333;
		font-size:1em;
	}

#mainContentRight{
	float:left;
	width:158px;
	height:410px;	
	background-color:#d4effc;
	border-bottom: 1px dotted #80ceec;		
	padding-top:20px;

}

#mainContentRight h2{
	font-size:0.9em;
	color:#283997;
	font-weight:bold;
	text-align:left;
	margin-left:16px;
	margin-right:14px;
}

#mainContentRight h3
{
    font-size:0.9em;
	text-align:left;		
	padding:0;
	margin:0;
	margin-left:14px;	
	margin-right:14px;	
}

#mainContentRight a
{
	font-size:1em;
	color:#283997;
	font-weight:bold;
}

#mainContentRight a:hover{
	color:#439fd6;
}

#mainContentRight p
{
    font-size:0.9em;
	text-align:left;
	margin-left:16px;	
	margin-right:14px;	
}


.pnlCourses
{
max-height:340px;
height:340px;
min-height:340px;
}


/*------------------------------------------------------------------
Section:     footerPromo
-------------------------------------------------------------------*/
#footerPromo{
	clear:both;
	margin: 0 auto; /* centre the container */
	width:756px;
	height:125px;
	background-color:#8ed8f8;
	padding-top:30px;
	text-align:left;
}

	#footerPromo a{
		font-size:1em;
		color:#283997;
		font-weight:bold;
	}
	
	#footerPromo a:hover{
		color:#e6f3fa;
	}

	#footerPromo img{	
		float:left;
		padding-right:10px;		
	}
	
	#footerPromo h2{

	}
	
	#footerPromo h3
	{
	    padding:0;
	    margin:0;
        font-size:1em;
	}	
		
	#footerPromo p{
		color:#333333;
		font-size:0.9em;
	}
	
#footerPromoFeedback{
	width:250px;
	float:left;
	padding-left:33px;
	padding-right:6px;
}

#footerPromoPoll{
	width:260px;
	float:left;	
	padding-left:33px;	
}

#footerPromoAdvertisement{
	width:142px;
	float:right;	
	text-align:center;
}

#footerPromoAdvertisement p
{
    display:block;
    float:left;
    padding-top:5px;
    font-size:0.8em;
}

/*------------------------------------------------------------------
Section:     footerContent
-------------------------------------------------------------------*/
#footerContent{
	width:756px;
/*	height:304px; */
    min-height:304px;
	background-color:#439fd6;
	text-align:center;
	margin: 0 auto; /* centre the container */	
	font-size:0.9em;
}

#footerContent caption{
	color:#fff;
	font-size:1.2em;
	font-weight:bold;
	text-align:left;
	margin: 0 auto; /* centre the container */	
	padding-top:40px;
	padding-bottom:20px;
	padding-left:4px;
}

#footerContent table{
 	width:90%;
	text-align:center;
	margin: 0 auto; /* centre the container */		
	padding-top:10px;
}

#footerContent table td{
	text-align:left;
}

#footerContent table a
{
    padding:0;
    margin:0;
	color:#283997;
	font-size:1.1em;
	font-weight:bold;
}

#footerContent table a:hover{
	color:#d4effc;
}
	
#footerContent table p{	
	color:#fff;
	padding:0;
	margin:0;
	padding-bottom:5px;
}

/*------------------------------------------------------------------
Section:     footerCurve
-------------------------------------------------------------------*/
#footerCurve{
	margin: 0 auto; /* centre the container */
	width:756px;
	height:20px;
	background-image:url(../images/footer.jpg);
	background-repeat:no-repeat;
}

/*------------------------------------------------------------------
Section:     footerLinks
-------------------------------------------------------------------*/
#footerLinks
{
    clear:both;
	margin: 0 auto; /* centre the container */
	width:756px;	
	padding-top:5px;
	text-align:left;
	padding-left:40px;	
	background-color:#f8f8f8;	
}

#footerLinks p
{
    font-size:0.9em;
	color:#666666;
}
#footerLinks a
{
    color: #666666;    
}
#footerLinks a:hover{
	color:#283997;
}

/*------------------------------------------------------------------
Section:     Ektron Controls
-------------------------------------------------------------------*/
#ctl00_lgnMembers
{
	padding:0;
	margin:0;
}

#ctl00_lgnMembers table
{
	text-align:left;
}

/*------------------------------------------------------------------
Section:     forum additions
-------------------------------------------------------------------*/
#promoContentForum{
	text-align:center;	
	margin: 0 auto; /* centre the container */
	width:756px;
	height:185px;
	background-color:#e6f3fa;
	background-image:url(../images/necc-promo-forum.jpg);
	background-repeat:no-repeat;
}

#mainContentForum{
	margin: 0 auto; /* centre the container */
	width:756px;
	background-color:#fff;
}


#forumAdvert{
	padding-top:60px;
}

#footerForumCurve{
	margin: 0 auto; /* centre the container */
	width:756px;
	height:20px;
	background-image:url(../images/footer-forum.jpg);
	background-repeat:no-repeat;
}

/*------------------------------------------------------------------
Section:     Login Control Styles
-------------------------------------------------------------------*/
#UserLoggedIn
{
    font-size:0.9em;
    float:left;
}

#UserLoggedIn a
{
    color: #019DD8;
    font-weight:bold;
}

#UserLoggedIn a:hover
{
    color: #273c95;
}

#loginBox
{
    text-align:left;
    padding-left:9px;
}

#loginBox #imgMembersLogin
{
    margin-bottom:5px;
}

#UserLoggedIn #imgMembersLoginLI
{
    padding-left:6px;
}

#UserLoggedIn p
{

}

#ctl00_LoginPanel_btnLogout
{

    float:left;
    position:relative;
    top:20px;
    left:10px;
}


#loginBox .homeLoginInput
{
    padding:4px;
    color:#273c95;
    width:115px;
    font-size:0.9em;
}

.hidden
{
    margin-left: -5000px;
    text-decoration: none;
    width: 0px;
    height: 0px;
    display: none;
}

/* Due to .hidden the following is needed to create a space between the forms */
#spacer
{
    display:block;
    width:1px;
    height:6px;
}

#loginBox a
{
    font-size:0.8em;
    color: #019DD8;
    font-weight:bold;
}

#loginBox a:hover
{
    color: #273c95;
}

#loginBox #ctl00_LoginPanel_btnLogin
{
    padding-top:3px;    
    display:block;
}

#loginBox #ctl00_LoginPanel_btnForgotPassword
{
    padding-top:5px;
    display:block;
}

/*------------------------------------------------------------------
Section:     General 2 Col additions
-------------------------------------------------------------------*/
#mainContentGeneral2Col
{
	margin: 0 auto; /* centre the container */
	width:756px;
	height:100%;
}

#mainContentGeneral2ColWrapper
{
    float:left;
	background-image:url(../images/page-back-1.jpg);
	background-repeat:repeat-y;    
}

#mainContentGeneral2ColLeft
{
    width:181px;
    float:left;    
}

#mainContentGeneral2ColRight
{
    width:548px;
    float:right;
    padding-top:10px;    
    font-size:0.9em; 
    padding-right:15px;   
}

#mainContentGeneral2ColRight .crumb
{
    position:relative;
    left:-20px;
    font-size:1em;      
    text-align:left;
    padding-bottom:10px;    
}

#mainContentGeneral2ColRight h2 .sectiontitle
{
    text-align:left;
    background:none;
}

#sitemapWrapper
{

}

#sitemapWrapper h3
{
    float:left;
    text-align:left;
  
}

#sitemapWrapper .line
{
    background:none;  
}

/*------------------------------------------------------------------
Section:     General 3 Col additions
-------------------------------------------------------------------*/
#promoContentGeneral
{
	text-align:center;	
	margin: 0 auto; /* centre the container */
	width:756px;
	/* height:42px; */
	display:none;
	height:0px;
	max-height:0px;
	
	background-color:#e6f3fa;
	background-image:url(../images/necc-promo-blue.jpg);
	background-repeat:no-repeat;    
}

#mainContentGeneral
{
	margin: 0 auto; /* centre the container */
	width:716px;
	background-color:#fff;
	padding-left:20px;
	padding-right:20px;
}

#mainContentGeneral3Col
{
	margin: 0 auto; /* centre the container */
	width:756px;
	height:100%;
	/*
	background-color:#fff;  	
    */
}

#mainContentGeneral3ColWrapper {
    background-image:url(../images/page-back.jpg);
    background-repeat:repeat-y;
    float:left;
    width:100%;
}

#mainContentGeneralLeft
{
    width:181px;
    float:left;
    /*background-color:#ceecf7;*/
}

#mainContentGeneralSideNav
{
    width:180px;
    float:left;
    position:relative;
    top:-1px;
    text-align:left;
}

#mainContentGeneralMiddle
{
    width:380px;
    float:left;
    padding-left:15px;    
    text-align:left;
    padding-right:15px;
    padding-bottom:15px;
}
#mainContentGeneralMiddle
{
    font-size:0.9em;
}

#mainContentGeneralMiddle p a
{
    font-size:1em;    
}

#mainContentGeneralMiddle a
{
    font-weight:normal;
    color:#3a9dd8;
    font-size:1em;
}

#mainContentGeneralMiddle a:hover
{
    text-decoration:underline;
}

#mainContentGeneralMiddle .crumb
{
    padding-top:10px;
    font-size:1em;      
    text-align:left;
    padding-bottom:10px;
}

#mainContentGeneralMiddle h3
{
    padding:0;
    margin:0;
}

#mainContentGeneralRight
{
    width:158px;
    float:right;
    padding-top:10px;
}



#mainContentGeneral #YourBasket
{   
    text-align:left;
    padding-top:8px;
}

#mainContentGeneral .crumb
{
  
    text-align:left;
    font-size:1em;    
}

#mainContentGeneral .crumb a
{

    font-weight:bold;
    color: #019DD8;    
}


#footerLogosGeneral
{
	text-align:center;	
	margin: 0 auto; /* centre the container */
	width:756px;
	height:54px;   
	background-color:#fff; 
}
#footerGeneralCurve
{
    display:block;
    clear:both;
	margin: 0 auto; /* centre the container */
	width:756px;
	height:20px;
	background-image:url(../images/footer-3col.jpg);
	background-repeat:no-repeat;    
}
#footerGeneralCurve2col
{
    display:block;
    clear:both;
	margin: 0 auto; /* centre the container */
	width:756px;
	height:20px;
	background-image:url(../images/footer-2col.jpg);
	background-repeat:no-repeat;    
}

/*------------------------------------------------------------------
Section:     ECommerce additions
-------------------------------------------------------------------*/
#promoContentEcomm{
	text-align:center;	
	margin: 0 auto; /* centre the container */
	width:756px;
	/* height:54px; */
	display:none;
	height:0px;
	max-height:0px;
	background-color:#e6f3fa;
	background-image:url(../images/necc-promo-ecomm.jpg);
	background-repeat:no-repeat;
}

#mainContentEcomm{
	margin: 0 auto; /* centre the container */
	padding:0;
	width:716px;
	background-color:#fff;
	padding-left:20px;
	padding-right:20px;

}

#mainContentEcomm #YourBasket
{   
    clear:both;
    text-align:left;
    padding-top:8px;
}

#mainContentEcomm .crumb
{
    width:100%;
    text-align:left;
    font-size:1em;    
    font-weight:normal;
    padding-bottom:10px;
    padding-top:10px;
}

#mainContentEcomm .crumb a
{
    color: #019DD8;    
}

#mainContentEcomm h3
{
    text-align:left;
    padding:0;
    margin:0;
}

#BasketInfo
{
    border-top:1px dashed #666;
}

#footerEcommCurve
{
    position:relative;
    top:-4px;
    /* BUG: For some reason blue line was appearing. Moving up footer by 4px sorted this across all browsers */
	margin: 0 auto; /* centre the container */
	width:756px;
	height:20px;
	background-image:url(../images/footer-forum.jpg);
	background-repeat:no-repeat;
	background-color:#fff;
}

/* #ctl00_MainContent_divBasketContents
{
    border:1px solid #fff;    
    display:block;
    background-color:#fff;
}*/

.footerLogos
{
    background-color:#fff;
}

/* #ctl00_MainContent_places
{
    padding:0;
    margin:0;
    vertical-align:bottom;
} */

.AnalyticsScript
{
    display: none;
}