/* CSS Document */

/* colours */


a  { /*light gray*/
color:#CCC;}

a:hover { /*yellow*/
color:yellow;}

h2 { /*puke yellow*/
color: #999900;}


/* end of colours*/
/*  Sectioning  */

#nav {
height: 33px;
width: 100%;
font-family: Verdana, Arial, Helvetica, sans-serif;
position: relative;
top:0;
left:0;
background:url(images/navbar.png) repeat-x;
z-index:1;

}

#headder {
height: 160px;
width: 100%;
position:relative;
background:url(images/headerban.jpg) repeat-x;
text-align:center;
}

#container {
height: auto;
width: 940px;
margin-top:15px;
margin-left:auto;
margin-right:auto;
padding:0;
}
.newitem {
float:left;
background:#CCC url(images/newbar.gif) repeat-x top;
border: #FFF solid 2px;
border-left:solid yellow 4px;
width: 430px;
height: auto;
margin:10px;
padding:15px;}

.picitem {
float:right;
background: #444;
border: #000 solid 2px;
width:400px;
height:300px;
margin:10px;
padding:15px;
}

div.picitem div {
width:395px;
height:102px;
padding:0px;
margin-bottom:20px;
background:#999999;

}
div.picitem img#lf {
width: 100px;
height:100px;
background:url(images/LF.jpg) no-repeat bottom;

float:left;
border: #FFF solid 1px;
}


div.picitem img#hf {
width: 100px;
height:100px;
background:url(images/HF.jpg) no-repeat bottom;
float:left;
border: #FFF solid 1px;
}




div.picitem p 
{
padding-left: 120px;
padding-top:10px;
margin:auto;}
/* End of Sectioning  */


/* Commons */

body {
font-family:Verdana, Arial, Helvetica, sans-serif;
background:#000000;
font-size:12px;}

a {
text-decoration:none;}


a:hover {
text-decoration: underline;
}


* {
margin:0;
padding:0;
}

ul {
list-style:none;
display: block;
}

/* end of Commons */

#headder img {
background:url(images/mainlogo.png) no-repeat;
height: 130px;
width:400px;
margin:20px auto;
z-index:2;
position:relative;
}

#nav ul li {
padding: 9px 10px 10px 10px;
float:left;
}
#nav ul {
width: 800px;
margin: 0 auto;

}

#nav ul a#topright {
margin:9px 10px 10px 10px;
float:right;
}