/* -------------------------------------------------------------- 
  
   Boilerplate Screen Styles
   * Version:   0.5 (2007-11-19)
   
-------------------------------------------------------------- */

@import "lib/reset.css";

@import "lib/typography.css";

@import "lib/forms.css";

@import "lib/plugins/tabs.css";

/* Page
-------------------------------------------------------------- */

html {
	background-color: #ccc;
}

body {
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: #ccc;
		margin-bottom: 0px;
		
}

#page {
	margin: 0 auto;
	width: 960px;
	background: #fff ;
	border: 0;
	padding: 20px;

}


/* Header
-------------------------------------------------------------- */

#header {
	margin-top: 0px;
	margin: 0;
	height: 200px;
	width: 960px;
	background: #fff url(../NCCimages/xxx.jpg) no-repeat;
}

#logo {
	float: left;
	width: 960px;
	height: 95px;
	background: #fff url(../NCCimages/ncc_logo.jpg) no-repeat;
}

#theme {
	float: left;
	width: 960px;
	height: 81px;
	background: #fff url(../NCCimages/themeINNER.jpg) no-repeat;
}

#themehome {
	float: left;
	width: 960px;
	height: 324px;
	background: #fff url(../NCCimages/themeHOME.jpg) no-repeat;
}


#topmenu {
	margin: 0px 0 0 0px;
	float: left;
	width: 960px;
	height: 35px;
	display: inline;
}

#topmenu li {
	display: block;

}



#header .tabs { height: 35px;}
#header .tabs li { margin-right: 0px; height: 35px;}
#header .tabs a { padding: 0px; text-decoration: none; background: url(../NCCimages/button_rollover.gif) 0 0 no-repeat;height: 35px; }
#header .tabs a:hover { background-position: 0px 40px; 
color:#fff;height: 35px;
}


/* content body
-------------------------------------------------------------- */

#content {
	float: left;
	width: 960px;
	margin: 0;
	padding: 18px 5px 12px 0px;
	min-height: 330px;
		background: #fff url(../NCCimages/BG.jpg) no-repeat;

}

#contenthome {
	float: left;
	width: 960px;
	margin: 0;

}

#navside { float: left; width: 160px; margin: 20px 20px 50px 0; border-top: 1px solid #ccc; padding-bottom: 0;padding-top: 0;
}

#navbox {float: left;}

#navbox ul {margin:0; float: left;}
	
#navbox li {
	margin: 0; padding: 0; border: 0;
	display: inline;
}

#navbox li a:link, #navbox li a:visited { 
	display: block;
	padding: 4px 0px 4px 10px;
	border-bottom: 1px solid #ccc;
	width: 150px; 
	background-color: #fff;
}


#navbox li.current a {background-color: #efefef;}
#navbox li a:hover {color: #666; background-color: #ccc}

#sidecolumn {
float: left;	
width: 160px;
margin-right: 75px;
}



#maintext {
float: left;	
width: 480px;
	margin: 0 50px 0 0px;
}




/* Footer
-------------------------------------------------------------- */

#footerbox {
	clear: left;
		margin: 0;
	width: 960px;
	height: 70px;
	background-color: #fff;
}



#footertheme {
	clear: left;
		margin: 0;
	width: 960px;
	height: 115px;
		background: #fff url(../NCCimages/themeFOOT.gif) repeat-x;
}

#footertextleft {
	margin: 10px 0 0 0;
	float: left;
	width: 350px;
	
}


#footertextright {
	margin: 10px 0 0 0;
	float: right;
	width: 450px;
	text-align: right;
}



/* class extra
-------------------------------------------------------------- */

.hide { display: none; }