/* Added this because layout.css doesn't expand vertically for varying lengths of news items
so this is used by news pages and default page
*/

body
{
margin:0 auto;
padding:0;
font-family:Verdana, Arial, Tahoma, sans-serif;
background-color:#CCCCCC;
font-size:12px;
font-weight:bold;
color:#030303;
}

#hd
{
background: #FFFFFF url(../images/banner-gradient.gif) repeat-y;
background-position:right;
border-top: solid 2px #030303; 
border-left: solid 2px #030303; 
border-right: solid 2px #030303; 
}

#menu
{
height:48px; 
background:#fff url(../images/menu-bg.gif) repeat-x; 
text-align:right; 
font-weight:bold;
padding:15px 7px 0 0;
color:#fff;
font-size:12px;
}

#menu a {
color:#fff;
font-weight:bold;
text-decoration:none;
padding:0 4px 0 4px;
}

#menu a:hover {
color:#d90661;
font-weight:bold;
text-decoration:none;
}

#ft
{
background: #ffffff url(../images/footer-bg.gif) repeat-x;
border: solid 2px #030303; 
height: 21px; 
text-align: center; 
font-size: 11px;
color: #FFFFFF; 
padding-top: 7px;
}


#ft a {
color:#FFFFFF;
}

#ft a:hover {
color:#898988;
}

#boxBottomLeft {
height:191px; 
width:237px;
margin:0 0 20px 20px;
background:#fff url(../images/box-bg.gif) no-repeat; 
color:#FFFFFF;
}


#boxBottomLeft li, #boxTopLeft li {
list-style: url(../images/bullet-point.gif);
width:180px;
}

#boxBottomLeft em
{
    font-style:italic;
}

p {
line-height:16px;
font-weight:100;
font-size:12px;
}

h1 {
font-size:20px;
margin-bottom:20px;
}

h2, h3
{
    font-weight:bold;
    font-size:15px;
    margin-bottom:15px;
}


a {
color:#d90661;
text-decoration:none;
}

a:hover {
color:#898988;
text-decoration:none;
}

li {
list-style: url(../images/bulletW-point.gif);
margin:10px 0 15px 15px;
font-size:11px;
}

ul {
margin-top:25px;
}

.small {
font-size:10px;
}

.newsTopLeft{	margin-left:20px;
    margin-bottom:20px;
	top:165px;
	height:181px;
	width:232px;
	padding:10px 5px 0 15px;
	color:#FFFFFF;
	font-size:11px;}