body{
margin: 0px;
padding:0px 0px 0px 0px;
font-family: Arial, Helvetica, sans-serif;
color:#000000;
background:url(../img/bg.gif) top no-repeat;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0px;
	height: 0;
}



.clearfix {
	display: -moz-inline-block;
	display: block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}


#page {
	width: 768px;
	margin: 0 auto 30px auto;
	border: 0px solid #000;
}
#header {
	background-image: url(../img/peopleheader.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 160px;
	top:0px;
	width: 768px;
	
}
#header #logo {
	background-image: url(../img/hhlogo.gif);
	background-position: right bottom;
	height: 90px;
	width: 300px;
	background-repeat: no-repeat;
	float: left;
}

#header #leftmenu{
color:#FFFFFF;
list-style:none;
padding: 0px 0px 0px 14px;
margin-top: 6px;
margin-bottom:0px;
position:relative;
clear: both;
float:left;
margin-left:0px;
width: 500px;
}


#header #leftmenu li{
display:inline;

}

#header #leftmenu li.small{
font-size: 0.8em;
}

#header #leftmenu li a, #header #rightmenu li a{
color:#FFFFFF;

}
#header #rightmenu{
color:#FFFFFF;
list-style:none;
clear:right;
float: right;
padding: 0px;
margin-top: 6px;
margin-bottom:0px;
margin-right: 10px;
position:relative;
width: 150px;
}

#header #rightmenu li{
display:inline;
margin: 0 10px;
}


#content{
clear:both;
background:#FFFFFF;
margin: 0 auto ;
padding: 0 auto;
border-left:solid 3px #ddd;
border-right:solid 3px #ddd;
width: 762px;
display:block;
}

#footer{
background: url(../img/leftbottomman.gif) bottom  no-repeat;
height: 145px;
border-left:solid 3px #ddd;
border-right:solid 3px #ddd;
border-bottom:solid 3px #ddd;
width: auto;
padding-top: 0px;
margin-top: 0px;
}

#footer.three{
background: url(../img/leftbottomman3.gif) bottom  no-repeat;
}

#footer.two{
background: url(../img/leftbottomman2.gif) bottom  no-repeat;
}



#footertext{
color:#666;
width: 320px;
font-size: 0.7em;
padding-top: 80px;
padding-left: 120px;
letter-spacing: 0.1em;
list-style:none;
margin: 0px;
}

#footertext li{
display:inline;
}

#footertext a{
text-decoration:none;
color:#666;
padding:5px 8px;
}

#footertext a:hover{
background:#DEDEDE;
text-decoration: underline;
}

#englishbutton, #welshbutton{
border: 0px #FFFFFF solid;
}

#chooselang{
margin: 20px auto 10px auto;
padding: 0px 0px 0px 30px;
width: 500px;
/*border: 3px solid #f2d50d;*/
left: 45px;
position:relative;
}

#sibnfri{
	
	width: 531px;
	margin: 0px auto ;
	padding-top:10px;
	
}

#chooselang {
	
	left:100px;
	position:relative;
}

#englishbutton{
	top: 130px;
	right:120px;
	position:relative;
}
#welshbutton{
	top: -150px;
	left:300px;
	position:relative;
	
}


#leftcontent{
width: 562px;
background:#FFFFFF;
padding-bottom: 120px;
float:left;
}

.threecol #leftcontent{
width: 115px;	

	
}

.threecol #midcontent{
	float:left;
	background:#fff;
	width: 467px;
	padding-top: 10px;
	
	
	
}

#rightcontent{

float:right;
height:auto;
padding: 10px 10px 10px 10px ;
margin: 0px;

width: 160px;


		
}

#rightcontent form{

margin: 10px;

color: #000;


}
#rightcontent form label{
	font-size: 1.0em;
	letter-spacing: 0.05em; 
	
	
}
#rightcontent form input{

background:#fff;
font-size:1.0em;
color: #000;
border: 2px solid #f6d60b; 
}

#rightcontent form{
	
	line-height: 0.8em;
	
	
}

#rightcontent form input.vTextField,#rightcontent form input.vPasswordField {
width: 110px;
height:1.2em;
}
#rightcontent form input.vSubmit{
height:1.5em;
font-size:0.9em;

}




#rightcontent form .error{
color:#e91e18;
background: #fff;
height: 1.1em;
}



#midcontent form input.vTimeField,#midcontent form input.vDateField, #midcontent form input.vTextField,#midcontent form input.vPasswordField, #midcontent form input.vEmailField 
, #midcontent form select.vSelectMultipleField  {
width: 200px;
margin: 0px 10px;
text-align:left;
border: 1px solid  #f6d60b;

}
#midcontent form textarea.vLargeTextField{
width: 240px;
margin: 0px 10px;
border: 1px solid  #f6d60b;
}


#rightcontent form input.vSubmit{
height:1.5em;
font-size:0.9em;

}



div.yellowblock h2{
margin: 0px;	
background: #f6d60b url('/img/h2bg.gif') repeat-x;
padding-bottom: 0px;
margin-bottom: 0px;
font-size: 0.9em;
padding: 6px 0 3px 10px;
color: #e91e18;


}

div.yellowblock{
background: #faf5d5;
border: 1px solid  #f6d60b;
margin-bottom: 10px;
padding-bottom: 10px;
}


div.yellowblock div.contentblock{
background: #faf5d5;
padding: 10px;
font-size: 0.9em;
}

 #submenu{
	list-style:none;
	margin: 0px;
	
	padding: 10px 0px 0px 6px;
	
}

 li.submenuitem{
	background: url(/img/menubg.gif) repeat-x top #fbe55c;
	
	width: 100px;
	border: 1px solid  #f6d60b;
	margin-bottom:3px;
	line-height: 0.9em;
	
}

 li.submenuitem a{
	display: block;
	width: 92px;
	
	font-size: 0.8em;
	padding: 6px 4px 6px 4px;
	text-decoration: none;
	color: #e91e18;
	font-weight:bold;
	
	
	
}

li.submenuitem a:hover{
	
	color: #000;
}

li.menuitem{
	padding:0px;
	margin: 0px;
	line-height: 1.2em;
	
	
	
	
}

li.menuitem a{
	display: block;
	
	
	padding: 3px 0 2px 10px;
	font-size: 0.9em;
	color:#333;
	text-decoration: none;
	
	
	
		
	
}

li.menuitem a:hover{
	background-color: #f5d506;
		
	
}

#usermenu, #msgmenu, #profilelist{
	list-style: none;
	
	margin: 0px;
	
	
	
}

#profilelist{
height: 100px;
overflow-y:auto;
}

#bottomcontent{
 clear:both;
	
}

#bottomcontent h3{
	padding:0px;
	margin: 0px;
	text-align:center;
	
	
}


 #projects{
	list-style:none;
	margin: 0px;
	
	padding: 10px 0px 10px 6px;
	
}

#projects li.menuitem a{
	display: block;
	
	
	padding: 3px 0 0 10px;
	font-size: 0.9em;
	color:#1836e9;
	
	
		
	
}


.left{
float: left;	
	
}

.picture{

margin: 5px;

}



.right{
float: right;	
	
}

.picture img{
	
border: 2px dotted  #f6d60b;	
}

.link{
font-size: 0.9em;
color:#1836e9;	
}

.go{
	
	margin: 10px 10px 10px 15px;
	
	
	
}

.menu {
	list-style: none;
	padding: 10px;
	
}

div.block{
padding: 0px 10px;
clear:both;
display:block;

vertical-align:top;
overflow:hidden;
font-size:0.9em;

color: #333;
	
}

div.text{

display:block;
}
p
{
	margin: 5px 0px 5px 0px;
}


table th{

	
margin: 0px;	
background: #f6d60b url('/img/h2bg.gif') repeat-x;
padding-bottom: 0px;
margin-bottom: 0px;
font-size: 0.9em;
padding: 6px 0 3px 10px;
color: #e91e18;
text-align:left;

	
	
}


table.list{
	
	padding:0px;
	margin: 20px auto 10px auto;
	border: 0px;
	
	width: 700px;
	border-spacing: 0;
	
	border-bottom: 2px solid #f5d506;
	border-left: 2px solid #f5d506;
	border-right: 2px solid #f5d506;
}

#messages{
	border-top: 2px solid #f5d506;
table-layout:fixed;
	width:450px;
	margin-top:0px;
	
	overflow:hidden;


}

.list td{
	
		padding:10px 10px;
	margin: 0px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	font-size:0.80em;
	
}



tr.rowA{
	

	background: #fcfbde;
}
tr.rowB{
	
	
	background:  #fdfbbf;
}

#messages tr.rowC{
	
	
	background:  #fdfbbf;
	overflow:hidden;
	
}

#messages tr.rowC td{
border-bottom: 1px #ddd solid;
position:relative;
width: 200px;
overflow:hidden;
}
	

#messages tr.rowB{
	background: #fcfbde;
}

.list tr.unread td{
	
	
	background: #fdfbbf;
	
	
	
}


#smallheader {
	
background:	#e91e18;
height: 30px;
margin: 20px 0px 0px 0px;
border-left:solid 3px #ddd;
border-right:solid 3px #ddd;
border-top:solid 3px #ddd;
}

#smallfooter {
	
background:	#f5d703;
height: 30px;
border-left:solid 3px #ddd;
border-right:solid 3px #ddd;
border-bottom:solid 3px #ddd;

}


#toolbartable table{
	
	width: 762px;
	
}

#blocks {
	padding-top: 10px;
	
}	

div.hint{
background:  #fdfbbf;
font-size:0.75em;
margin: 20px 20px 0px 20px;
padding: 20px;

border: 1px solid  #f6d60b;

}

div.hint2{
background:  #fdfbbf;
font-size:0.75em;
margin: 10px 0px ;
padding: 20px;

border: 2px dotted  #f6d60b;

}


table.form{
margin: 10px 30px;
}

input.submit{
margin: 0px;	
background:  #fcfbde;
padding-bottom: 0px;
margin-bottom: 0px;

padding: 3px 7px 5px 7px;
color: #000;
border: 2px solid  #f6d60b;
margin:15px 0px;


}


div.block2 {

background: #fcfbde; ;
padding: 10px;
border: 1px solid  ;

}

#mailalert{
width:154px;
height: 38px;
font-size:0.8em;
float:right;
background: url('/img/mailalert.jpg') no-repeat;
padding:0px;
margin-right: 14px;
font-weight:bold;
color:#333;

text-align:center;

}

#mailalert a{
color:#333;
width:136px;
height: 24px;
padding:7px;
display:block;

}

img.icon{
border: 0px none;
margin: 2px  5px 0 0;
float:left;

text-decoration: none;

}


#headerswf{
float:right;
padding: 0px 0px 0px 0px;
margin: 0px 60px 0px 0px; 
z-index: 1;


}

#peopleheader{
display:none;
}

 #musicdiv{
z-index:1;
margin: 20px auto;
width: 329px;
background:#FAF5D5;
}

 #videodiv{
z-index:1;
margin: 20px auto;
width: 320px;
background:#FAF5D5;
}

/* fckeditor tweaks 
#mce_editor_0_fcMenu{
z-index:999999999;
}*/
div.mceMenu{
z-index:999999999;
}




#developed a {
display:block;
float: right;
font-size: 0.6em;
top: -25px;
margin:0px 8px;
padding: 3px;
border: 1px solid #fff;
position:relative;
text-align:right;
color:#fff;
text-decoration: none;

}

#developed a:hover{
text-decoration: underline;
color: #666;
border: 1px solid #666;
}


div #poll{
font-size:0.8em;
margin:3px;
width:150px;
padding:0px;

}

div #poll .question{
font-size:0.9em;
font-weight:bold;
margin-bottom:10px;
padding:0px;

}

div #poll ul{
list-style-type:none;
padding: 0px;
margin:0px 0px 20px 0px;
}

div #poll ul li{

margin: 0px 0px 1em 0px;
padding:0px;
}

div #poll img{
height:10px;
background:#ccc;
border: 1px solid #ccc;
}


#submenu li a div.new,  li.menuitem a div.new{
float:right;
width:33px;
height:28px;
position:relative;
top:-30px;
left:15px;
background:url("/img/newimg.gif") no-repeat;
}

#snowflakeli {
background:none;
padding:0px;
}

#snowflakebtn {
border:0px solid #000;
}




div.video{
height:240px;
width: 320px;
padding: 0px 10px;
border:0px solid red;
margin:0 auto;
}