/* ARLWY CHWITH (LEFEL 2)  */

h3.arlwy_ochr_header {background-color:#0fc3c3; background-image:url("../images/overlay.png"); color: white; margin: 0 0 0 0; text-align: left; padding: 0.6em 0 0.6em 0.6em; font-size: 0.98em; }


.arlwy_ochr { font-family: Verdana, Arial; color: white; font-size: 1em; background: #0fc3c3; margin: 0 0 0 0; }

.arlwy_ochr ul { list-style: none; margin: 0; padding: 0; width: 100%; text-align: left; display: inline; font-size: 0.96em;}
.arlwy_ochr li { list-style: none; margin: 0; padding: 0; border-bottom: 2px solid #6bdddd; font-weight: bold;}
.arlwy_ochr a { color: white; display: block; width: auto; text-decoration: none; margin: 0; padding: 0.6em; font-size: 0.96em; background: #0fc3c3; }
.arlwy_ochr a:hover {color: #0fc3c3; background: white;}
.arlwy_ochr a:active {color: white; background:#0fc3c3; }
.arlwy_ochr a:active:link {color: white; background: #0fc3c3;}

.arlwy_ochr2 ul { list-style: none; margin: 0; padding: 0; background: #75cecf; border-bottom: 0px solid white; width: 100%; text-align: left; display: inline; font-size: 1em;}
.arlwy_ochr2 li { padding-left: 0.8em; background: #75cecf; }
.arlwy_ochr2 a { padding-left: 1em; color: white; background: #75cecf; font-size: 0.9em; }
.arlwy_ochr2 a:link { color: white; background: #75cecf;}
.arlwy_ochr2 a:hover { color: #75cecf; background: white;}
.arlwy_ochr2 a:active { color: white; background: #75cecf;}

.arlwy_ochr3 ul { list-style: none; margin: 0; padding: 0; background: #de4556; border-bottom: 1px solid white; width: 100%; text-align: left; display: inline; font-size: 0.9em;}
.arlwy_ochr3 li { padding-left: 1.2em; background: #de4556; }
.arlwy_ochr3 a { padding-left: 1.2em; color: white; background: #de4556; font-size: 0.9em;}
.arlwy_ochr3 a:link { color: white; background: #de4556;}
.arlwy_ochr3 a:hover { color: white; background: #de4556;}
.arlwy_ochr3 a:active { color: white; background: #de4556;}

.arlwy_ochr4 ul { list-style: none; margin: 0; padding: 0; background: #6b99bc; border-bottom: 1px solid white; width: 100%; text-align: left; display: inline; font-size: 1em;}
.arlwy_ochr4 li { padding-left: 1.4em; background: #6b99bc; }
.arlwy_ochr4 a { padding-left: 1.4em; color: #54075b; background: #6b99bc; font-size: 1em; }
.arlwy_ochr4 a:link { color: #54075b; background: #6b99bc;}
.arlwy_ochr4 a:hover { color: #4f7088; background: #e1eef8;}
.arlwy_ochr4 a:active { color: #54075b; background: #6b99bc;}

.arlwy_ochr5 ul { list-style: none; margin: 0; padding: 0; background: #80adcf; border-bottom: 1px solid white; width: 100%; text-align: left; display: inline; font-size: 0.98em;}
.arlwy_ochr5 li { padding-left: 1.6em; background: #80adcf; }
.arlwy_ochr5 a { padding-left: 1.6em; color: #54075b; background: #80adcf; font-size: 0.98em;}
.arlwy_ochr5 a:link { color: #54075b; background: #80adcf;}
.arlwy_ochr5 a:hover { color: #4f7088; background: #e1eef8;}
.arlwy_ochr5 a:active { color: #54075b; background: #80adcf;}

.arlwy_ochr6 ul { list-style: none; margin: 0; padding: 0; background: #99c3e2; border-bottom: 1px solid white; width: 100%; text-align: left; display: inline; font-size: 0.98em;}
.arlwy_ochr6 li { padding-left: 1.8em; background: #99c3e2; }
.arlwy_ochr6 a { padding-left: 1.8em; color: #54075b; background: #99c3e2; font-size: 0.98em;}
.arlwy_ochr6 a:link { color: #54075b; background: #99c3e2;}
.arlwy_ochr6 a:hover { color: #4f7088; background: #e1eef8;}
.arlwy_ochr6 a:active { color: #54075b; background: #99c3e2;}



/* this makes the content area fill the page */
div.content {
	margin-right: 60px;
}

/* Path to the header background image. */
div.header {
	background-image               :url("../images/header_DIG.jpg");
}

li.navcontainer_current A {
	color                          :#0fc3c3 !important;
	text-decoration :underline;
}

div.crumb A {
	color : #0fc3c3;
	text-decoration: none;
}

div.crumb A:hover{
	text-decoration: underline;
}

div.content A {
	color : #0fc3c3;
	text-decoration: none;
}

div.content A:hover{
	text-decoration: underline;
}

div.csc-header h1 {
	background-color :#0fc3c3;
}

/* styling ar gyfer y bar social network sharing icons*/

.socialmedia { clear: both; padding-top: 2em;}
.share_icon img { border: 2px solid #e7eded;}

.chwith {float: left; width: 18%; align: left;}
.de {float: right; width: 81%; align: left;}