a {
color: #CC0000;
font-weight: bold;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

h1 {
font-family: Arial, sans-serif;
color: #000000;
font-size: 20px;
text-decoration: none;
font-weight: normal;
}

h2 {
font-family: Arial, sans-serif;
color: #000000;
font-size: 16px;
text-decoration: none;
font-weight: normal;
}

h3 {
color: #000000;
font-size: 12px;
text-decoration: none;
font-weight: bold;
}



#shortcuts ul, #tuat ul {
list-style: none;
margin: 0px;
padding: 0px;

}

#shortcuts li, #tuat li {
display: inline;
margin: 0px;
padding: 0px;
float: left;
}

#shortcuts li a, #tuat li a  {
color: #FFFFFF;
font-size: 13px;
text-decoration: none;
line-height: 25px;
background-color: #CC0000;
padding: 6px 0.5em;
}

#shortcuts ul li a:hover, #tuat ul li a:hover {
background-color: #FFFFFF;
color: #000000;
}

#mainnav {
width:780px; 
font-size:13px;
position:relative;
z-index:100;
}

#mainnav ul {
padding:0;
margin:0;
list-style-type:none;
}
#mainnav ul ul {
width:150px;
}
#mainnav li {
float:left;
position:relative;
}

#mainnav a, #mainnav a:visited {
/* display:block; */
font-size:13px;
text-decoration:none; 
color:#fff; 
height:25px; 
background:#CC0000; 
padding: 5px 7px; 
line-height:25px;
}

#mainnav ul ul {
visibility:hidden;
position:absolute;
height:0;
top:26px;
left:0;
}

* html #mainnav ul ul {
top:25px;
t\op:26px;

}

#mainnav table {position:absolute; top:0; left:0;}

#mainnav ul ul a, #mainnav ul ul a:visited {
display: block;
background:#CC0000; 
color:#ffffff; 
height:auto; 
line-height:1em; 
padding:5px 10px; 
width:129px;
/* yet another hack for IE5.5 */
}
* html #mainnav ul ul a{
width:150px;
w\idth:129px;
}


/* style the top level hover */
#mainnav a:hover, #mainnav ul ul a:hover{
color:#000000; 
background:#eeeeee;
}
#mainnav :hover > a, #mainnav ul ul :hover > a {
color:#000;
background:#eeeeee;
}

/* make the second level visible when hover on first level list OR link */
#mainnav ul li:hover ul,
#mainnav ul a:hover ul{
visibility:visible; 
}
/* keep the third level hidden when you hover on first level list OR link */
#mainnav ul :hover ul ul{
visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */
#mainnav ul :hover ul :hover ul{ 
visibility:visible;
}

.csc-textpic-caption {
font-size: 10px;
}


/* SUBNAV Styles */
#subnav {
padding: 0px 0px 20px 4px;
}
#subnav ul {
list-style: none;
margin: 0px;
padding: 0px;

}

#subnav li {
margin: 0px;
padding: 0px;
}

#subnav li a {
display: block;
width: 118px;
border-bottom: 1px #FFFFFF solid;
color: #000000;
font-size: 12px;
text-decoration: none;
line-height: 20px;
background-color: #eeeeee;
padding-left: 5px;
}

#subnav ul li a:hover, #tuat ul li a:hover {
color: #CC0000;
}





/* Home Page */
.home_block {
 margin: 5px; 
 background-color: #eeeeee;
}

.home_block h1 {
font-size: 18px;
color: #CC0000;
font-weight: bold;
padding: 5px;
padding-bottom: 0px;
}
.home_block p {
padding: 0px 5px;
}
 
.home_block a {
 color: #CC0000;
 font-weight: bold;
 text-decoration: none;
 }