@import url('reset.css');
/* General Demo Style */
body{
	/*background:#e6eecc url(../images/beige_paper.png) repeat top left;*/
	
	 /*    background: url(../images/reading6.jpg) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;*/
		
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFF;
}
p {
	width: 100%;
	border: 0px solid #990000;
	padding: 5px 5px 5px 5px;
}
.container{
	position:relative;
}
a{
	color: #000;
	text-decoration: none;
}
p a:hover{
	color: #999;
	text-decoration: none;
}
.clr{
	clear: both;
}
.content{
	position:relative;
	padding-top: 10px;
}
h1{
	margin:0px;
	padding:5px 0 2px 0;
	font-size:36px;
	color:#FFF;
	text-shadow:1px 1px 1px rgba(255,255,255,0.5);
	text-align:center;
	font-weight:400;
}
h1 span{
	display:block;
	font-size:24px;
	color:#FFF;
	font-style:normal;
	font-family:Verdana, Geneva, sans-serif;
	padding-top:5px;
}

h3{
	margin:0px;
	padding:5px 0 2px 0;
	font-size:18px;
	color:#000;
	font-family: Verdana, Geneva, sans-serif;
	text-shadow:1px 1px 1px rgba(255,255,255,0.9);
	text-align:left;
	font-weight:500;
}
h3 span{
	display:block;
	font-size:24px;
	color:#FFF;
	font-style:normal;
font-family: Verdana, Geneva, sans-serif;
	padding-top:5px;
}
h4{
	font-size:13px;
	color:#000;
	text-align:left;
	font-weight:bold;
	height: 40px;
}
h5{
	font-family: Arial, Helvetica, sans-serif;
	font-size:9px;

	color:#000;
	text-align:left;
	/*font-weight:bold;*/
	height: 40px;
}

/* Aber Header */
.headerReplacement {
   text-indent: -9999px;
   width: 740px;
   height: 98px;
   background:url(../images/aber-logo2.jpg) #fff no-repeat;  
}
.doracy ul{
	padding:0;
	margin:0;
	margin-left:15px;
	text-align:left;
	list-style-type:disc;
	color: #007dc3;
}

.doracy li {
	color: #06c;
	padding:0;
	margin:0;
	margin-left:35px;
	list-style-type:disc;
	text-align:left;

}
.doracy1 ul{
	padding:0;
	margin:0;
	margin-left:15px;
	text-align:left;
	list-style-type:disc;
	color: #007dc3;
}
.doracy1 li {
	color: #000;
	padding:0;
	margin:0;
	margin-left:35px;
	list-style-type:disc;
	text-align:left;
}


.doracy li span{
	color: #000;


}
/* Header Style */
.header{
	font-family:'Arial Narrow', Arial, sans-serif;
	line-height: 24px;
	font-size: 11px;
	   background: rgba(0,0,0, 0.5); 
	opacity: 0.9;
	text-transform: uppercase;
	z-index: 9999;
	position: relative;
	-moz-box-shadow: 1px 0px 2px #000;
	-webkit-box-shadow: 1px 0px 2px #000;
	box-shadow: 1px 0px 2px #000;
}
.header a{
	padding: 0px 10px;
	letter-spacing: 1px;
	color: #ddd;
	display: block;
	float: left;
}
.header a:hover{
	color: #fff;
}
.header span.right{
	float: right;
}
.header span.right a{
	float: none;
	display: inline;
}
.header span.centre{
	text-align:center;	
}
.divWrapper {
	position:absolute;
	left:41%;
	overflow:auto;
} 


.more{
	position:relative;
	clear:both;
    font-size: 11px;
    padding: 20px 0px;
    text-transform:uppercase;
    width: 390px;
    height:55px;
    margin: 0 auto;
}
.more ul{
	display:block;
	text-align:center;
}
.more ul li{
	display: block;
    padding: 4px 2px;
    float:left;
}
.more ul li.selected a,
.more ul li.selected a:hover{
	background:#0099c5;
	color:#fff;
	text-shadow:none;
    font-weight:bold;
}
.more ul li a{
	color:#555;
    float:left;
	background:#fff;
    width:64px;
	padding: 2px 5px;
	-moz-box-shadow:1px 1px 2px #aaa;
	-webkit-box-shadow:1px 1px 2px #aaa;
	box-shadow:1px 1px 2px #aaa;
}
.more ul li a:hover{
	background:#000;
	color:#fff;
}

/*--------------START of NGFL FRONT-END  stuff----------------*/

#mainContent {
	width: 740px;
	height: 100%;
	margin: auto;

	position:relative;
	padding: 30px;
	 background: #fff; /* for browsers that don't understand the following rgba rule */
	 
	 
	 background-color: rgba(255,255,255,0.7); /* rgb, white, with alpha at 0.5 */
	/*	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=320);
	opacity:.82;*/
		-webkit-border-radius: 12px;  /*Creates rounded corners*/
	-moz-border-radius: 5px;	/*Creates rounded corners*/
	border-radius: 12px;	/*Creates rounded corners*/

}
#common_header {
	width: 755px;
	height: 40px;
	margin: 6px 0;
}
#masthead_image {
	width: 755px;
	height: 203px;
	margin: 0.75em 0 0.25em 0;
}
#mainFooter {
	width:95%;
	margin:3em auto;
	clear: both;
	font-size: 0.65em;
}
#mainContent #logo {
	float: left;
	margin-bottom:.5em;
}
#mainContent #controlPanel {
	float: right;
	font-size:12px;
	color:#999999;
}
#mainContent #menuBar {
	clear:both;
	background:url("feImages/greybar.png");
	background-repeat:no-repeat;
	font-size:10px;
	font-weight:bold;
	height:35px;
}
#mainContent #menuBar #menuLinks {
	width:545px;
	float: left;
	padding:1em;
}
#mainContent #menuBar #menuLinks a {
	text-decoration: none;
	color:#333333;
}
#mainContent #menuBar #menuLinks a:hover {
	text-decoration: underline;
	color: #000000;
}
/*-------NGfL FRONT end PASTED HERE! and its adapted-------------------------------------------------------------*/

#frontEndTop {
	width:758px;
	margin-top:1em;
	padding-top:1px;
	background:url("feImages/front_end-top.gif") no-repeat top;
}
#frontEndBody {
	width:auto;
	background:url("feImages/front_end-middle.gif") repeat-y;
	margin-top:6px;
	padding-top:0px;
	padding:.75em;
}
#frontEndFooter {
	background:url("feImages/front_end-bottom.gif") no-repeat;
	height: 14px;
}

.secLinks{
	margin:32px auto;
	text-align: center;
}

.secLink{
	margin:0 2em;
}

.secLink a{
	color:#393;
	text-decoration:none;
}

.secLink a:hover{
	color:#3C9;
	text-decoration:underline;
}

.secSep{
	margin-top: 53px; 
}
.centeredImage {
	margin-right: auto;
	margin-left: auto;
	display: block;
}
.section {
	width:100%;
	clear:both;
	margin:10px 0 0 0;
	padding-bottom: 10px;
	border:0.1em solid #A9B7D1;
	display: table;
}

/*--START 1. Introducing new language -------------------------------------------------------*/


.section1 {
	width:100%;
	clear:both;
	margin:10px 0 0 0;
	padding-bottom: 10px;
	border:0.1em solid #06C;
	display: table;
}
.section1 .heading {
	width:300px;
	float:left;
	display: table-cell;
	font-size:large;
	font-weight:bold;
	padding:1px 2px;
	color: #ffffff;
	background-color: #06C;
}
.section1 .files .fileLink {
	font-size:small;
	font-weight:bold;
}
.section1 .files .fileLink a {
	text-decoration:none;
	line-height:20px;
	padding-left: 5px;
	color: #06C;
	font-size:small;
	font-weight:normal;
	border-left-width: thick;
	border-left-style: solid;
	border-left-color: #06F;
}
.section1 .files .fileLink a:hover {
	color: #06F;
	border-left-width: thick;
	border-left-style: solid;
	border-left-color: #03C;
}
.section1 .files2 {
	width:300px;
	float:left;
	display: table-cell;
	margin-top:10px;
	padding: 10px;
}


/*--*/

.section1 .files {
	width:350px;
	float:right;
	display: table-cell;
	margin-top:10px;
}

/*--END 1. Introducing new language--------------------------------------------*/

/*--START 2. Practice and Consolidation-------------------------------------------------------*/
.section2 {
	width:100%;
	clear:both;
	margin:0px 0 0 0;
	padding-bottom: 10px;
	border:0.1em solid #e77328;
	display: table;
}
.section2 .heading2 {
	width:280px;
	float:left;
	display: table-cell;
	font-size:large;
	font-weight:bold;
	padding:1px 2px;
	color: #ffffff;
	background-color: #e77328;
}
.section2 .files .fileLink {
	font-size:small;
	font-weight:bold;
}
.fileLinkTitle {
	font-size:14px;
	font-weight:bold;

	padding-bottom: 10px;
	padding-top: 10px;
	
}


.section2 .files .fileLink a {
	border-left:thick solid #EFEFEF;
	text-decoration:none;
	line-height:20px;
	padding-left: 5px;
	color: #900;
	font-size:small;
	font-weight:normal;
}
.section2 .files .fileLink a:hover {
	border-left:thick solid #900;
	color: #900;
}
.section2 .files2 {
	width:330px;
	float:left;
	display: table-cell;
	margin-top:10px;
	padding: 11px;
	padding-left: 12px;
}


/*--*/

.section2 .files {
	width:350px;
	float:right;
	display: table-cell;
	margin-top:10px;
	margin-left: 15px;
	padding-right: 10px;
		padding-left: 0px;
}

/*--END 2. Practice and Consolidation--------------------------------------------*/

/*--START 3. Introducing new language -------------------------------------------------------*/


.section3 {
	width:100%;
	clear:both;
	margin:10px 0 0 0;
	padding-bottom: 10px;
	border:0.1em solid #309;
	display: table;
}
.section3 .heading3 {
	width:300px;
	float:left;
	display: table-cell;
	background:#309;
	font-size:large;
	font-weight:bold;
	padding:1px 2px;
	color: #ffffff;
}
.section3 .files .fileLink {
	font-size:small;
	font-weight:bold;
}
.section3 .files .fileLink a {
	border-left:thick solid #0000C1;
	text-decoration:none;
	line-height:20px;
	padding-left: 5px;
	color: #0000C1;
	font-size:small;
	font-weight:normal;
}
.section3 .files .fileLink a:hover {
	border-left:thick solid #006;
	color: #006;
}
.section3 .files2 {
	width:320px;
	float:left;
	display: table-cell;
	margin-top:10px;
	padding: 10px;
}


/*--*/

.section3 .files {
	width:350px;
	float:right;
	display: table-cell;
	margin-top:10px;
}

/*--END 3. Introducing new language--------------------------------------------*/


/*--START 4. -------------------------------------------------------*/


.section4 {
	width:100%;
	clear:both;
	margin:10px 0 0 0;
	padding-bottom: 10px;
	border:0.1em solid #006;
	display: table;
}
.section4 .heading4 {
	width:300px;
	float:left;
	display: table-cell;
	background:#606;
	font-size:large;
	font-weight:bold;
	padding:1px 2px;
	color: #ffffff;
}
.section4 .files .fileLink {
	font-size:small;
	font-weight:bold;
}
.section4 .files .fileLink a {
	border-left:thick solid #606;
	text-decoration:none;
	line-height:20px;
	padding-left: 5px;
	color: #63C6;
	font-size:small;
	font-weight:normal;
}
.section4 .files .fileLink a:hover {
	border-left:thick solid #606;
	color: #606;
}
.section4 .files2 {
	width:320px;
	float:left;
	display: table-cell;
	margin-top:10px;
	padding: 10px;
}


/*--*/

.section4 .files {
	width:350px;
	float:right;
	display: table-cell;
	margin-top:10px;
}

/*--END 4. --------------------------------------------*/
/*--START 5. -------------------------------------------------------*/


.section5 {
	width:100%;
	clear:both;
	margin:10px 0 0 0;
	padding-bottom: 10px;
	border:0.1em solid #F90;
	display: table;
}
.section5 .heading5 {
	width:300px;
	float:left;
	display: table-cell;
	background:#F90;
	font-size:large;
	font-weight:bold;
	padding:1px 2px;
	color: #ffffff;
}
.section5 .files .fileLink {
	font-size:small;
	font-weight:bold;
}
.section5 .files .fileLink a {
	border-left:thick solid #606;
	text-decoration:none;
	line-height:20px;
	padding-left: 5px;
	color: #63C6;
	font-size:small;
	font-weight:normal;
}
.section5 .files .fileLink a:hover {
	border-left:thick solid #606;
	color: #606;
}
.section5 .files2 {
	width:320px;
	float:left;
	display: table-cell;
	margin-top:10px;
	padding: 10px;
}


/*--*/

.section5 .files {
	width:350px;
	float:right;
	display: table-cell;
	margin-top:10px;
}

/*--END 5. --------------------------------------------*/
/*--START 6. -------------------------------------------------------*/


.section6 {
	width:100%;
	clear:both;
	margin:10px 0 0 0;
	padding-bottom: 10px;
	border:0.1em solid #360;
	display: table;
}
.section6 .heading6 {
	width:300px;
	float:left;
	display: table-cell;
	background:#360;
	font-size:large;
	font-weight:bold;
	padding:1px 2px;
	color: #ffffff;
}
.section6 .files .fileLink {
	font-size:small;
	font-weight:bold;
}
.section6 .files .fileLink a {
	border-left:thick solid #606;
	text-decoration:none;
	line-height:20px;
	padding-left: 5px;
	color: #63C6;
	font-size:small;
	font-weight:normal;
}
.section6 .files .fileLink a:hover {
	border-left:thick solid #606;
	color: #606;
}
.section6 .files2 {
	width:320px;
	float:left;
	display: table-cell;
	margin-top:10px;
	padding: 10px;
}


/*--*/

.section6 .files {
	width:350px;
	float:right;
	display: table-cell;
	margin-top:10px;
}

/*--END 6. --------------------------------------------*/
.section .files {
	width:350px;
	float:right;
	display: table-cell;
	margin-top:10px;
}
.section .files2 {
	width:320px;
	float:left;
	display: table-cell;
	margin-top:10px;
	padding: 10px;
}

.section .files .fileLink {
	font-size:small;
	font-weight:bold;
}
.section .files .fileLink a {
	border-left:thick solid #EFEFEF;
	text-decoration:none;
	line-height:20px;
	padding-left: 5px;
	color: #808AAE;
	font-size:small;
	font-weight:normal;
}
.section .files .fileLink a:hover {
	border-left:thick solid #808AAE;
	color: #424A66;
}
#auth_bar {
	font-size:small;
	text-align:center;
}
#auth_bar .entry {
	margin:0 2.5em;
	display: inline;
}

/*--------------END of NGFL FRONT-END  stuff----------------*/

menu h2 	
{ 
	color: #999;
	margin-bottom: 0; 
	margin-left:13px;
	background:url(navigation.jpg) no-repeat;
	height:40px;
}

menu h2 span
{
	display: none;
}

menu p 
{ 
	color: #ffff66; 
	margin-top: .5em;
	font-size: .75em;
	padding-left:15px;	
}

#navigation-block {
	position:absolute;
	top:150px;
	float: left;
margin-left: 0px;


	visibility: visible;
}

#hide {
	position:absolute;
	top:30px;
	float: right;
}

ul#sliding-navigation
{
	list-style: none;
	font-size: .9em;
	margin: 8px 0;
	padding: 0;
}

ul#sliding-navigation li.sliding-element h3,
ul#sliding-navigation li.sliding-element a
{
	display: block;

	width: 100px;
	padding: 5px 8px;
	margin: 0;
	margin-bottom: 5px;
}

ul#sliding-navigation li.sliding-element h3
{
	color: #fff;
	background:#333 url(heading_bg.jpg) repeat-y;
	font-weight: normal;
}

ul#sliding-navigation li.sliding-element a
{
	color: #fff;
	background:#222 url(tab_bg.jpg) repeat-y;
	border: 1px solid #1a1a1a;
	text-decoration: none;
}

ul#sliding-navigation li.sliding-element a:hover { color: #ffff66; }


#bg { 
background: url(../images/pencils-bg-v2.jpg) no-repeat center center fixed;
position: fixed; top: 0; left: 0; }
.bgwidth { width: 100%; }
.bgheight { height: 100%; }