/* page elements */

* { padding: 0em; margin: 0em; } 

/* top elements */

* { margin:0; 	padding: 0; }

body { margin: 0; padding: 0; font: 85%/1.5em Arial, Helvetica, sans-serif; color: #fff; background: #FFF url(/images/lines.gif) repeat-x; text-align: left;  line-height: 130%;}

/* links */

a {	color: #ffffff;	background-color: inherit; text-decoration: underline;}
a:hover { color: #000000; background-color: inherit;	text-decoration: underline;}

p {margin: 0 0 15px 0; font-size: 95%}

ul {
    color:#ffffff;
    line-height:1.4;
	font-size: 95%;
	padding-left:15px;
}
li {
    padding-left:5px;
}

/* images */

img { border: 0; margin:0 ; padding: 0;}
img.float-right { margin: 5px 8px 5px 20px;}
img.float-left { margin: 5px 20px 5px 8px;}
.float_right_caption { float: right; margin: 5px 0px 5px 20px; text-align:center; width: 155x;}
.centred_pic {margin-top: 40px; margin-bottom: 55px; text-align:center;}
.centre_pic {margin-top: 30px; margin-bottom: 30px; text-align:center;}

/* layout */
#wrap {	margin-left: auto;  margin-right: auto; margin-top: 0; margin-bottom: 0;  padding: 0; width: 800px; text-align: left; height: 552px; }
#logo-block {	margin: 0;	padding:0; width: 800px; height: 126px; background-image: url(/images/logos-centred.png); }
#text-block {	margin: 0;	padding:0; width: 800px; height: 279px; background-image: url(/images/background-mid.png); }
#main {	margin: 0;	padding:0; width: 800px;}
#menu { margin: 0; padding:0; width: 800px; float:left;}


/* header */

#header { position: relative; height: 87px; margin: 0; padding: 0;	}
#logo {position: absolute;	left: 2px; top: 0px; width: 142px;	height: 87px;}
#text {position: absolute;	left: 248px ; top: 0px; width: 333px;	height: 87px;}
#language {position: absolute;	right: 0px ; top: 0px; width: 142px; height: 32px; text-align:right; color: #cccccc; padding: 55px 0 0 0 ;}
#language a { color: #f8931d; text-decoration:none}
#language a:hover { color: #0d4aaf;	 text-decoration:underline;}

/* text area */

.NCCA-text-area { width: 225px; margin: 24px 18px 0px 27px; float:left;}
.curriculum-text-area { width: 227px; margin: 24px 16px 0px 16px; float:left;}
.action-text-area { width: 225px; margin: 24px 18px 0px 27px; float:left;}

/* menu */

.nav {
	margin: 0;
	padding: 0;
	width: 800px;
	list-style: none;
	background: #fff;
}
.nav li {
	padding: 0;
	margin: 0;
	height: 59px;
	
	list-style: none;
	background-repeat: no-repeat;
	float: left;
}
.nav li a, .nav li a:visited {
	display: block;
	text-decoration: none;
	text-indent: -2000px;
	height: 59px;
	background-repeat: no-repeat;
}
.NCCA { background-image:url(/images/NCCA-rollover.png); width: 259px; }
.NCCA a { background-image:url(/images/NCCA-button.png); width: 259px; }

.curriculum {  background-image: url(/images/Curriculum-Online-rollover.png);   width: 259px; }
.curriculum a { background-image:url(/images/Curriculum-Online-button.png); width: 259px;}

.action {  background-image:url(/images/Action-rollover.png); width: 259px;}
.action a {  background-image: url(/images/Action-button.png); width: 259px;}

.NCCA-ga { background-image:url(/images/CNCM-ro.png); width: 259px; }
.NCCA-ga a { background-image:url(/images/CNCM-norm.png); width: 259px; }

.curriculum-ga {  background-image: url(/images/Curaclam-ro.png);   width: 259px; }
.curriculum-ga a { background-image:url(/images/Curaclam-norm.png); width: 259px;}

.action-ga {  background-image:url(/images/ACTION-ga-ro.png); width: 259px;}
.action-ga a {  background-image: url(/images/ACTION-ga-norm.png); width: 259px;}

.divider-left {  background-color:#FFFFFF; width: 11px;}
.divider-right { background-color:#FFFFFF; width: 12px;}

ul.nav li a:hover {background: none;}

/* footer */
#footer { clear: both; margin: 10px 0 0 0; color: #445b71; padding: 0; background: #fff;	height: 210px; border-top: 1px solid #f4f4f4;}
#footer-content { margin: 0 auto; width: 800px; text-align:center}
#footer a { color: #f8931d; text-decoration:none}
#footer a:hover { color: #0d4aaf;	 text-decoration:underline;}

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right {	text-align: right; }


/* effective yet slightly paranoid clearfix hack */
.clearfix:after {
	visibility: hidden;
	font-size: 0.1em;
	display: block;
	line-height: 0;
	height: 0.1px;
    	content: " ";
	clear: both;
	}
* html .clearfix { display: inline-block; }

/* hide from ie mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* end hide from ie mac */