screen.css

/* SCREEN STYLING template */
body {
text-align: center;
color:black;
background-color: #E6E6E6;
font-family: Verdana, Arial, Helvetica, sans-serif;
/* start of IE5 hack*/
font-size:x-small;
voice-family:"\"}\"";
voice-family:inherit;
font-size:small;
margin-top: 5px;
}
html>body {
font-size:small;
}
/* end IE5 hack */

/* GLOBAL STYLES */
a {
color: #CC0000;
text-decoration: none;
}
a:hover{
text-decoration: underline;
}
/* HEADINGS */
h1, h2, h3, h4 {
font-weight: bold;
color: #CC0000;
font-variant: normal;
padding: 0;
}
h1,h2,h3,h4 {
margin-bottom: 0;
margin-left: 0;
text-align: left;
}
h1 {
font-size: x-large;
margin-top: 0;
margin-bottom: 0;
}
h2 {
font-size: large;
}
h2, h2 a {
color: black;
}
h3, h4 {
font-size: medium;
}
/* CLASSES */
.hug {
margin-top: 0;
}
.sit {
margin-top: 0;
margin-bottom: 0;
}
#container {
margin: auto;
width: 750px;
padding: 0;
text-align: left;
border: 2px solid #999999;
background-color: #FFFFFF;
}
/* header */
#header {
background: #CC0000 url(images/masthead1.jpg) no-repeat scroll top right;
display: block;
width: auto;
}
/* BREADCRUMBS */
#breadcrumbs {
background-color: #E6E6E6;
padding: 2px;
display: block;
}
#breadcrumbs .location {
font-weight: bold;	
}
#breadcrumbs a {
text-decoration: none;
}
#breadcrumbs a:hover {
text-decoration: underline; 
}
/* TOOL BAR */
#toolbar {
margin: 0;
padding: 0;
background-color:white;
display:block;
height: 1.5em;
}
#toolbar a{
color:black;
}
#toolbar form{
border:0;
padding:0;
display:inline;
}
#toolbar .searchbox {
border: 1px solid #999999;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
}
/* LEFT MENU  */
#leftmenu {
float: left;
width: 153px;
padding-top:10px;
display:block;
}
#leftmenu ul {
list-style-type: none;
margin: 0;
padding: 0;
}
#leftmenu li {
margin: 0;
padding: 7px 2px 0px 10px;
}
#leftmenu a{
color:white;
font-weight:bold;
}
#leftmenu h2{
font-size:small;
color:white;
margin-left:4px;
}
/* RIGHT MENU  */
#rightmenu {
float: right;
width: 198px;
display:block;
}
#rightmenu a {
text-decoration: none;
}
#rightmenu a:hover {
text-decoration: underline; 
}
#rightmenu ul {
list-style-type: none;
}
#rightmenu ul{
margin: 0;
padding: 0;
}
#rightmenu li{
padding-top: 6px;
padding-right: 8px;
}
#rightmenu a{
color:black;
}
#rightmenu .more a{
color:#CC0000;
}
#rightmenu h2, #rightmenu li, #rightmenu p {
margin: 8px 0 0 6px;
}
#rightmenu h2 {
font-size: medium;
width: 176px;
border-bottom: 2px solid #999999;
color:black;
}
#rightmenu .more, #rightmenu p {
margin-right: 8px;
}
#rightmenu div.image{
margin-top:10px;
text-align:center;
}
/* CONTENT */
#content {
padding: 0 2em 0 2em;
margin:0;
}
p{
text-align: justify;
}
#content h2 {
border-bottom: solid 2px #999999;
}
#content ul {
padding: 0;
margin: 1em 0 1em 0;
}
#content li {
padding: 0;
margin: 0 0 0 2em;
}
#contentwrapper {
padding: 0px 14px 0px 170px;
}
/* FOOTER */
#footer {
background: #FFFFFF url(images/flag.gif) no-repeat scroll center right;
height: 28px;
width: 100%;
margin: 0;
border-top: 2px solid #999999;
color: #666666;
display:block;
/* start of IE5 hack*/
font-size:xx-small;
voice-family:"\"}\"";
voice-family:inherit;
font-size:x-small;
}
html>body #footer {
font-size:x-small;
}
/* end IE5 hack */
#footer .col {
float: left;
width: 240px;
padding-left: 1px;
}
#footer a {
color: #666666;
text-decoration: underline; 
}
a.nobold{
font-weight: normal;
}
#skiplinks, .hide {
display: none;
}
/* WRAPPERS */
#leftwrapper {
background: url(images/leftmenu.gif) repeat-y scroll left top;
}
#rightwrapper {
background: url(images/rightmenu.gif) repeat-y scroll right top;
}
#bl_image{
background: url(images/cameo_tr.gif) no-repeat bottom left;
}
.more, #content .more{
text-align: right;
}
.clearer {
clear: both;
}
acronym {
border-bottom-width: 1px;
border-bottom-style: dashed;
border-bottom-color: #000000;
}
th {
text-align: left;
}
.img{
border: 0;
}
address {
font-style: normal;
}
/* LISTS */
.center, #content .center p, #content p.center {
text-align: center;
}
#header, #toolbar, #breadcrumbs {
border-bottom: solid 2px #999999;
}
/* MENU */
#dropdown li, #dropdown, #dropdown ul {
padding:0;
margin:0;
}
#dropdown {
list-style:none;
margin-top: 2px;
padding-top: 1px;
}
#dropdown li a {	
text-decoration:none;
}
#dropdown li {
float:left;
position:relative;
}
#dropdown .li {
position:relative;
}
#dropdown li li a, #dropdown li li{
width:16em;
float:none;
}
#dropdown .c3 li a, #dropdown .c3 li {
width:20em;
}

#dropdown .c6 li a, #dropdown .c6 li {
width:22.5em;
}
#dropdown li ul { /* second-level lists */
position:absolute;
left:-999em;
list-style:none;
/* start of IE5 hack*/
border-left: 0;
voice-family:"\"}\"";
voice-family:inherit;
border-left:solid 1px #999999;
}
html>body #dropdown li ul {
border-left:solid 1px #999999;
}
/* end IE5 hack */

#dropdown li a{
display:block;
}
#dropdown li a{
border-right:solid 1px #000000;
padding: 0 0 0 5px;
}
#dropdown li a {
color:black;
}
#dropdown li li a {
color:black;
display:block;
background:#E6E6E6;
border-left:solid 1px #FFFFFF;
border-right:solid 1px #999999;
border-bottom:solid 1px #999999;
padding: 2px 0 2px 0;
text-indent:6px;
}
#dropdown li li a:hover {
background:#CC0000;
color: white;
}
#dropdown li>ul {
top:auto;
}
#dropdown li:hover ul, #dropdown li.over ul {
left:auto;
}
/* menu columns */
#dropdown .c1{
width: 7.1em;
z-index: 101;
}
#dropdown .c2{
width:4.3em;
z-index: 102;
}
#dropdown .c3{
width:6.1em;
}
#dropdown .c4{
width:7.3em;
}
#dropdown .c5{
width:5.4em;
}
#dropdown .c6{
width:8em;
}
#dropdown .c7{
width:5.3em;
}
#dropdown .c8{
width:4.2em;
}
#dropdown .c8 a {
border: 0;
}
#content .contacts {
padding-left: 1.2em;
}
#content .contacts p {
text-align: left;
}
.location {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}

Received on Saturday, 30 June 2007 15:23:35 UTC