@import url('global.css');
#content div {
background:url('../images/content/vertical_dots.gif') repeat-y top right;
overflow:hidden;
}
#content div h2 {
line-height:180%;
background:#000;
color:#FFF158;
font-size:110%;
margin:0 9px 0 0;
padding:0 0 0 7px;
}
#content #top {
overflow:hidden;
margin-bottom:5px;
background:#F5F5F5;
float:left;
width:100%;
}
#content #bottom {
overflow:hidden;
float:left;
width:100%;
background:#FFF;
}
#footer {
overflow:hidden;
float:left;
width:100%;
}
#content #about {
float:right;
width:25.9%;
padding:0 2%;
text-align:center;
background:#F5F5F5;
}
#content #about p {
text-align:justify;
padding:0 10px;
}
#content #about ul {
text-align:left;
margin:0 0 15px 0;
padding:0;
list-style-type:none;
line-height:100%;
}
#content #about ul li {
padding:2px 0 2px 10px;
margin:0;
background:url('../images/content/red_bullet.gif') no-repeat top left;
}
#content #about h2 {
background:none;
color:#900;
text-align:center;
text-transform:uppercase;
padding:5px 0;
}
#content #about a {
color:#690;
text-decoration:none;
font-weight:bold;
}
#content #about a:hover {
text-decoration:underline;
}
#content #news {
float:left;
width:70%;
background:#FFF url('../images/content/vertical_dots.gif') repeat-y top right;
}
#content #news ul {
display:block;
overflow:hidden;
list-style-type:none;
margin:0 9px 0 0;
padding:0 0 0 8px;
float:left;
width:100%;
}
#content #news ul li {
display:block;
overflow:hidden;
background:url('../images/content/horizontal_dots.gif') repeat-x bottom left;
padding:15px 10px 15px 0;
margin:0;
float:left;
width:97%;
}
#content #news ul li h3 {
font-size:120%;
margin:0;
padding:0 0 10px 0;
}
#content #news ul li p {
margin:0;
padding:0 0 12px 0;
}
#content #news ul li h3 a {
color:#333;
text-decoration:none;
}
#content #news ul li h3 span {
color:#900;
font-size:80%;
}
#content #news ul li a.full {
color:#690;
font-weight:bold;
text-decoration:none;
}
#content #news ul li a.full:before {
content:"[";
}
#content #news ul li a.full:after {
content:"]";
}
#content #news ul li a:hover {
text-decoration:underline;
}
#content #bottom .info {
width:69.5%;
/*
width:50%;
_width:49.9%;
*/
float:left;
background:url('../images/content/vertical_dots_no_space.gif') repeat-y top right;
min-height:240px;
}
#content #bottom .info h2 {
margin:0 5px 15px 4px;
}
#content #bottom .info img {
float:left;
width:107px;
height:142px;
padding:0 20px 0 4px;
}
#content #bottom .info div {
background:#FFF;
overflow:hidden;
margin:0 20px 0 0;
}
#content #bottom .info div p {
text-align:justify;
margin:0;
padding:0 0 20px 0;
}
#content #bottom .info div ul {
list-style-type:none;
line-height:110%;
margin:0;
padding:0 0 20px 10px;
}
#content #bottom .info div ul li {
padding:0 0 0 10px;
background:url('../images/content/red_bullet.gif') no-repeat top left;
}
#content #bottom .info div a {
color:#690;
font-weight:bold;
text-decoration:none;
}
#content #bottom .info div a:hover {
text-decoration:underline;
}
/* Right bar at the bottom */
#bottom .right
{
float:right;
width:30%;
text-align:justify;
}
#bottom .right h2
{
width:100%;
}
#bottom .right img
{
margin-top:16px;
}
#bottom .right ul
{
float:left;
width:86%;
padding-left:0px;
margin-left:26px;
display:inline;
list-style:none;
}
#bottom .right li
{
background:url(../images/content/red_bullet.gif) no-repeat left top;
padding-left:10px;
}
#bottom .right a
{
float:left;
text-decoration:none;
font-weight:bold;
width:100%;
text-align:center;
color:#669900;
}