﻿body
{
	margin:0;
	padding:0;
	font: 70% Verdana,Arial,Helvetica, sans-serif;
	text-align:center;
	color:#000;	
}


div#bodycontainer
{
	position:relative;
	width:760px;
	padding:0;
	margin:0 auto;
	text-align:left;
	background:url(/images/faux_main.gif) repeat-y;

}

#home div#bodycontainer
{
	background:url(/images/faux_home.gif) repeat-y;
}


#headercontainer{
	position:relative;
}

#headercontainer a{
	position:absolute;
	top:0;
	left:31px;
}

#headercontainer a img{
	border:none;
}
div#headercontainer h1
{
	margin:0;
	padding:0;
	background: url(/images/header_main.gif) no-repeat top left; 
	height:105px;
}

#home div#headercontainer h1{	
	background: url(/images/header_home.gif) no-repeat top left; 
	height:98px;
}


/* Nav Container 
-----------------------------------------------------------------*/
#navcontainer
{


}

	
	

/* left column 
-----------------------------------------------------------------------*/
#subNav {
float:left;
width:150px;
margin-left:-760px;
margin-top:0;
margin-bottom:20px;
background:url(/images/subNav_background.gif) no-repeat;
}

#home #subNav{
	background:none;
	height:auto;
}

/* Navigation Styles */

#subNav h2{
	display:block;
	font-size:1.2em;
	color:#0066CC;
	margin:6px 0 4px 20px;
}

#subNav .red{
	color:#CC0000;
}

#subNav h3{
	font-size:1em;
	margin:4px 0;
	font-weight:normal;
}


#subNav a{
	color:#CC3300;
	text-decoration:none;
}

#subNav ul{
	list-style:none;
	margin:0;
	padding:0;
}

#main #subNav ul li{
	margin-bottom:6px;
}

#subNav ul li a{
	font-weight:bold;
	color:#0066CC;
}
#subNav ul li a:hover{
	color:#CC0000;
}

#subNav ul li a.active{
	color:#CC0000;
}


#main #subNav ul li span{
	display:inline;
	border-bottom:none;
}

#main #subNav ul li span.welshnav{
	display:block;
	border-bottom:1px #FFF solid;
}
#main #subNav ul li span.welshnavoff{
	display:block;
	border-bottom:1px #FFF solid;
	color:#8ADAD9;
}

#main #subNav ul li span.englishnav{
	color:#8ADAD9;
}

#sideContainer ul li span.welshnavoff{
	display:block;
	border-bottom:1px #8BD6D7 solid;
	color:#8ADAD9;
}

#restricted #subNav ul li span.welshnavoff{
	display:block;
	border-bottom:1px #FFF solid;
	color:#8ADAD9;
}

/*

#subNav ul li span.welshnav{
	display:block;
	border-bottom:1px #FFF solid;
}
#subNav ul li span.welshnavoff{
	display:block;
	border-bottom:1px #FFF solid;
	color:#8ADAD9;
}


#subNav ul li span.englishnav{
	color:#8ADAD9;
}
*/
#subNav #panel{
	margin:12px 13px 0 13px;
	font-size:1em;
	color:#0066CC;
	font-weight:bold;
	line-height:1.5em;
}

#main #subNav #panel{
	line-height:normal;
}

#subNav  p{
	margin:0;
	padding:0;
}

/* Main Container
------------------------------------------------------------------*/
#maincontainer{
float:left;
width:100%;	
}


/* centre column 
 ===============================================================================*/
#contentContainer {
background:url(/images/mainContainer_background.gif) no-repeat;
margin:0 150px 10px 150px;
padding:0;
}


#home #contentContainer {
	background:none;
	}

#contentContainer h1{
	font-size:1.2em;
	font-weight:bold;
	padding:0;
	margin:0;
	padding-top:10px;
	color:#0066CC;
	margin-bottom:20px;
}

#contents #contentContainer h1 span{
	color:#FFF;
}

#contentContainer h1 p{
	margin:0;
	padding:0;
	display:inline;
}

#home #contentContainer h1{
	background:url(/images/body_home.jpg) no-repeat;
	height:454px;	
	margin:0;
}

#plaincontent{
	width:400px;
	overflow:hidden;
	margin:0 20px 0 20px;
}

#plaincontent p.last{
	margin:0;
}
.clear{
	clear:both;
}

#contentContainer h2{
	font-size:1.2em;
	color:#0066CC;
	font-weight:bold;
	margin:0 0 6px 0;
}

#contentContainer h3{
	font-size:1.1em;
	color:#0066CC;
	font-weight:bold;
	margin:0 0 6px 0;
}

#plaincontent h2{
	margin:0 -10px;
	padding:6px 20px;
	background-color:#0066CC;
	color:#FFF;
}

#contentContainer a{
	color:#0066CC;
}

#contentContainer a:hover{
	color:#CC0000;
}


/* contents page */

#listfiles table{
	border-collapse:collapse;
	margin-left:10px;
	margin-right:10px;
	margin-top:18px;

}

#listfiles h1, #documentAddEdit h1{
	margin-left:20px;
}

#listfiles table td{
	vertical-align:top;
	padding:10px;
	border-bottom:1px #8ADAD9 solid;
}

#listfiles table td h2{
	font-size:1.2em;
	margin:2px 0;
	color:#0066CC;
}

#listfiles table td p{
	margin:0;
}

#listfiles table td img{
	border:none;
}

#listfiles table td p.cmd{
	margin-top:8px;
}
#listfiles table td a.icon{
	float:left;
}
#listfiles table td a.editlink{
	float:right;
}

/* login stats */

#loginstats table{
	border-collapse:collapse;
	margin-left:1px;
	margin-right:1px;
	margin-top:18px;

}

#loginstats table th{
	vertical-align:top;
	padding:5px;
	border-bottom:1px #8ADAD9 solid;
	border-top:1px #8ADAD9 solid;
}

#loginstats table td{
	vertical-align:top;
	padding:7px;
	border-bottom:1px #8ADAD9 solid;
}

#loginstats table td h2{
	font-size:1.2em;
	margin:2px 0;
	color:#0066CC;
}

#loginstats table td p{
	margin:0;
}

#loginstats h3 {
	margin-top:15px;
	margin-bottom:0px;
}

.highlight {
	background-color:#ddd;
	border-left:1px dotted #ccc;
	border-right:1px dotted #ccc;
}


/* document ADD EDIT */

#documentAddEdit fieldset{
	margin:18px;
	border:1px #8ADAD9 solid;
	padding:12px;
}
#documentAddEdit fieldset legend{
	font-size:1.2em;
	font-weight:bold;	
	color:#0066CC;

}

#documentAddEdit fieldset em{
	color:#CC0000;
	font-style:normal;
	margin-left:3px;
}

#documentAddEdit fieldset p{
	margin:4px 0;
}

#documentAddEdit fieldset p span{
	display:block;
	float:left;
	width:80px;
}
#documentAddEdit fieldset p.required{
	color:#CC0000;
	margin-left:80px;
}


#documentAddEdit label{
	float:left;
	width:80px;
	margin:0;
	padding:0;
}

#documentAddEdit input.txt, #documentAddEdit textarea.txt{
	margin:0;
	padding:0;
	margin-bottom:8px;
	width:260px;
}

#documentAddEdit textarea.txt{
	height:80px;
}
#documentAddEdit fieldset br{
	clear:left;
	margin:0;
}

/* Contents */

#contents h1{
	margin-left:20px;
}

#contents table{
	border-collapse:collapse;
	margin-left:10px;
	margin-right:10px;
	margin-top:18px;
}

#contents table td{
	width:125px;
	font-size:70%;
	vertical-align:top;
	padding:10px;
}

#contents table td h2{
	font-size:1.2em;
	color:#0066CC;
	font-weight:bold;
	margin:0 0 6px 0;
}

#contents table td h2 a{
	text-decoration:none;
	color:#0066CC;
	
}

#contents table td h2 a:hover{
	color:#CC0000;
}

#contents table td p{
	margin:0 0 12px 0;
}
/* Contact Us form */

#contactus label{
	display:block;
	width:100px;
	float:left;
	margin-left:10px;
}

#contactus input, #contactus textarea {
	float:left;
	width:200px;
	margin-bottom:10px;
}

#contactus input#ContactSubmitButton{
	width:80px;
}
#contactus form br{
	clear:left;
}

/* right column 
   --------------------------------------------------------------*/

#sideContainer {
float:left;
width:150px;
margin-left:-150px;
background:url(/images/sideContainer_background.gif) no-repeat;
padding-top:16px;
}

#home #sideContainer{
	background:none;
	height:auto;
}

#sideContainer #wrap{
	background:url(/images/wrap.gif) no-repeat left bottom;
	
}
#sideContainer h2{
	display:block;
	font-size:1.2em;
	color:#CC3300;
	border-bottom:1px #CC3300 solid;
	margin:4px 0;
}

#sideContainer h3{
	font-size:1em;
	margin:4px 0;
	font-weight:normal;
}


#sideContainer a{
	color:#CC3300;
	text-decoration:none;
}

#sideContainer img{
	margin:4px 0;
}

#sideContainer p{
	margin:0 0 4px 0;
	padding:0;
}


/*login form */
form#loginForm{
	margin-top:80px;
	margin-left:12px;
}
form#loginForm label{
	display:block;
	color:#FFF;
	font-size:1em;
	font-weight:bold;
	margin-left:4px;
}
form#loginForm input{
	width:115px;
	font-size:1.2em;
	border:none;
	margin-bottom:4px;
	margin-left:4px;
}
form#loginForm input.lang{
	margin:0 0 0 0;
	width:auto;	
}

form#loginForm input#cmdSubmit{
	margin:4px 0 0 32px;
	width:58px;
}

/* navigation */
#sideContainer ul{
	list-style:none;
	margin:0;
	padding:0;
	margin-left:26px;
	margin-bottom:22px;
}

#sideContainer ul li{
	margin-bottom:6px;
}

#sideContainer ul li span.welshnav{
	display:block;
	border-bottom:1px #8ADAD9 solid;
}

#sideContainer ul li a{
	font-weight:bold;
	color:#0066CC;
}
#sideContainer ul li a:hover{
	color:#CC0000;
}


/* footer 
  ---------------------------------------------------------------*/
#footer {
position:relative;
clear:both;
height:78px;
margin:0;
color:#DDD;
font-size:0.9em;
background:url(/images/faux_footer.gif) transparent no-repeat;
margin-top:-28px;
}
#home #footer{
	background:none;	
	height:92px;
}

#footer h2{
	margin:0;
	padding:0;
	margin-left:200px;
	padding-top:12px;
	color:#CC0000;
	font-size:1.2em;
}

#home #footer h2#welsh{
	padding-top:12px;
	color:#FFF;
	width:386px;
}

#home #footer h2#english{
	color:#8CD9D9;
	width:386px;
}

#footer a{
	color:#0066CC;
	text-decoration:none;
}

#footer a#tribal {
	display:none;
	position:absolute;
	top:46px;
	left:644px;
}

#footer img{
	border:none;
}
#footer a:hover{
	color:#CC0000;
}

#footer .left{
	float:left;
	margin-top:38px;
	margin-left:16px;
	font-size:0.9em;
}
#footer .right{
	float:left;
	margin-top:38px;
	margin-left:500px;
	font-size:0.9em;
}


/* helix link */

#helix{
	margin:0;
	background:#FFF;
}
#helix .right{
	margin:0;
	padding-top:8px;
	margin-left:636px;
}

#helix a{
	color:#0066CC;
	text-decoration:none;
}
#helix a:hover{
	color:#CC0000;
}
