/* CSS Document */
/* EPSC site */

body {
	margin: 20px auto;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height:1.5em;
	font-size: 11px;
	background: #e6e6e6;
	color:#000000;
}

a {
	text-decoration: underline;
	color:#000000;
}



a:hover {
	color:#87d12f;
	text-decoration: underline;

}

input, select  {
	color:#333333;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

h1 {
	font-size: 14px;
	color:#000000;
	margin: 0 0 5px 0;
	font-weight:normal;
	line-height:1.3em;
	padding: 2px 0px 0px 0px;
}

h3 {
	font-size: 13px;
	color:#000000;
	margin: 0 0 5px 0;
	padding: 2px 0px 0px 0px;
	font-weight:normal;
}

#wrap { 
	width: 960px;
	margin:auto;
	padding: 0;
	background-color:#FFFFFF;

}


/* HEADER ITEMS */


#header {
width:960px;
height:150px;
background-image:url(../images/header.gif);
background-repeat:no-repeat;
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#topheader {
width:960px;
height:97px;
}

#logo {
width:175px;
height:75px;
float:left;
padding-left:10px;
padding-top:10px
}

#topnav {
float:right;
width:400px;
height:30px;
margin-top:10px;
padding-right:15px;
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-align:right
}

#topnav a:link {

color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:underline
}

#topnav a:hover {

color:#FFFFFF;
font-weight:bold;
text-decoration:underline
}




#menubar {
width:960px;
height:27px;
}

#search {
width:200px;
height:27px;
padding-top:3px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
float:right;
margin-right:15px;
text-align:right
}

#search .form{
height:22px;
color:#333333;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
font-weight:normal;
padding:0px;
vertical-align:baseline
}


#menu {
width:710px;
height:27px;
color:#ffffff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
float:left;
}


#menu ul {
margin: 0; padding: 0px;height:27px;
	list-style-type: none; list-style-image: none; text-align:left
	   
}

#menu li { display: inline; float: left;  

} 

#menu li a  {
width:75px;
background-color:#0060b6;
border-left:solid 1px #0071bb;
border-right:solid 1px #0071bb;
display:block;
text-align: center;
height:24px;
padding-top:3px;
text-decoration: none;
color:#ffffff;
}
	 
	 
#menu li a:hover {
background-color:#87d12f;
display:block;
color:#000000;
text-decoration:none;
font-weight:normal;

     }
	 
	 
#menu li .current {
background-color:#87d12f;
display:block;
color:#000000;
text-decoration:none;
font-weight:normal;
     }


#breadcrumb {
width:945px;
height:10px;
margin-top:5px;
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
text-align:right
}

#breadcrumb a:link{

color:#FFFFFF;
font-size:9px;

text-decoration:underline
}

#breadcrumb a:hover{

color:#FFFFFF;
font-size:9px;

text-decoration:underline;
font-weight:normal
}


/* MAIN CONTENT */


#content {
width:960px;
background-image:url(../images/background.gif);
background-repeat: repeat-y;
margin-top:0px;
}

/* LEFT CONTENT */


#left {
width:190px;
background-color:#CCCCCC;
display:block;
float:left;
padding-left:10px;
padding-bottom:10px;
}

#left .linkstitle{
color:#0060b6;
font-size:12px;
font-weight:bold;
padding-bottom:10px
}


#leftnewsfeed {
width:160px;
background-color:#95CD60;
/*background-color:#333333;*/
color:#FFFFFF;
padding:10px;
}

#leftnewsfeed p {
    margin: 0;
    padding: 0;
}

#leftnewsfeed div.block{
color:#000;
font-size:11px;
line-height:1.3em;
margin: 0;
padding: 0;
}

#leftnewsfeed div.block {
    margin: 10px 0 10px 0;
}

#leftnewsfeed div.block a:link, #leftnewsfeed div.block a:visited{
color:#000;
text-decoration:underline
}

#leftnewsfeed div.block a:hover, #leftnewsfeed a:hover{
text-decoration:underline;
color: #4eb3e1 /*#87d12f*/ }

#leftnewsfeed .header{
/*color:#87d12f;*/
color:#000;
font-size:13px;
font-weight:bold;
}


/* 3rd LEVEL NAV */
UL.leftnav
{
width:160px;
margin:0;
padding:0;
color:#000000;
list-style:inside;
font-size:11px
}

UL.leftnav LI.leftnav_li
{
margin-left:0;
padding-left:0;
color:#000000;
padding-bottom:3px;
margin-top:3px;
border-bottom:dotted 1px #666666;
list-style-image:url(../images/bullet_blue.png);
position: relative;
}


LI.leftnav_li UL.leftnav
{
DISPLAY: none;
LEFT: 140px;
POSITION: absolute;
TOP: 0px;
width:160px;
margin:0;
padding:0;
color:#000000;
list-style:inside;
font-size:11px;
background-color:#ddd;
}

UL.leftnav LI.leftnav_li A
{
color:#000000;
text-decoration:none;
}

 HTML UL.leftnav LI.leftnav_li
{
    HEIGHT: 1%;
}
 HTML UL.leftnav LI.leftnav_li A
{
    HEIGHT: 1%
}

UL.leftnav LI.leftnav_li A:hover
{
color:#000000;
font-weight:bold;
text-decoration:none;
}

LI.leftnav_li UL.leftnav LI.leftnav_li A
{
color:#000000;
text-decoration:none;
}

LI.leftnav_li:hover UL.leftnav
{
    DISPLAY: block
}

LI.leftnav_li.over UL.leftnav
{
    DISPLAY: block
}


/* MID CONTENT */




#mid {
width:514px;
margin-left:200px;
}

#midcontent
{
padding:10px;
color:#333333;
font-size:11px;
line-height:1.3em;
}
 
#midcontent .header{
color:#000000;
font-size:14px;
font-weight:normal;
}


#midcontent  a:link{
color:#333333;
text-decoration:underline}

#midcontent a:hover{
color:#87d12f;
text-decoration:underline}

/* RIGHT CONTENT */


#right {
width:236px;
background-color:#ebf4fa;
float:right;
padding-left:0px;
padding-top:10px;
}

#rightnewsfeed {
width:204px;
background-color:#ffffff;
color:#333333;
padding:10px;
border:solid 1px #999999;
margin-bottom: 10px;
}

#rightnewsfeed p{
color:#333333;
font-size:11px;
line-height:1.3em;
}

#rightnewsfeed p img{
width:80px;
height:50px;
padding-right:5px;
padding-bottom:5px;
float:left
}


#rightnewsfeed p a:link{
color:#333333;
text-decoration:underline;
}

#rightnewsfeed p a:hover{
text-decoration:underline;
color:#4eb3e1 }

#rightnewsfeed .header{
color:#4eb3e1;
font-size:12px;
font-weight:bold;
}

#rightnewsfeed .date {
color:#87D12F;
font-size:10px;
}


#rightgreenbox {
width:206px;
background-color:#87d12f;
color:#ffffff;
padding:10px;
}

#rightgreenbox p{
color:#ffffff;
font-size:11px;
line-height:1.3em;

}


#rightgreenbox p a:link{
color:#ffffff;
text-decoration:underline
}

#rightgreenbox p a:hover{
text-decoration:underline;
color:#0060b6 }

#rightgreenbox .header{
color:#ffffff;
font-size:13px;
font-weight:bold;
}

#rightgreenbox ul {
margin:0;
padding:0;
color:#ffffff;
list-style:disc;
font-size:11px



}

#rightgreenbox li {
margin:0;
padding:0;
padding-bottom:2px;
list-style-position:inside

}

/* OTHERS */


#clear {
clear:both;
height:20px}


/* FOOTER */


#footer{
width:960px;
background-color:#e6e6e6;

clear:both;
color:#666666;
font-size:10px;
text-align:left;
height:30px;
margin:auto;
padding-top:10px}

#footer a:link{
color:#666666;
text-decoration:underline}

#footer a:hover{
color:#666666;
text-decoration:underline}