Forum Moderators: not2easy
The only two things that are not working are the a: link commands, as links always show up red in both opera and safari, and the <h2> specifically the font weight bold command, which shows up as normal text in both browsers also.
body{
color: #000000;/*text colour = black */
background: url("background2.jpg");/*the background gradient*/
background-repeat: repeat-x;/*only repete the background along the width*/
font-size: 14px;/*text formatting*/
font-family:"lucida sans unicode", "lucida grande";/*font*/
margin-left:0px;
margin-top:0px;
background-color:#ffffff;/*background colour for where the gradient ends*/
text-align: left;/*the text is left aligned*/
}
TD {
font-family:"lucida sans", "lucida grande";
font-size: 14px;
color: #000000;
vertical-align: center;
border-style: solid;
border-width: 1px;
border-color: #c0c0c0;
}
TABLE {
border-style: solid;
border-width: 0px;
border-color: #000000;
}
hr{
border: 0;
width: 90%;
background-color: #ABACA7;
height: 1px;
}
a:link{
color:#000000;
font-size: 14px;
}
a:visited{
color:#000000;
font-size: 14px;
}
a:hover {
color:#000000;
font-size: 14px;
text-decoration:none;
}
h1 {
margin: 0px;
padding-bottom: 3px;
padding-left:130px;
font-size:25px;
font-family:"lucida sans", "lucida grande";
letter-spacing:5px;
line-height:30px;
color: #000000;
text-transform:uppercase;
border-bottom: 0px solid #686B62;
border-top: 0px solid #686B62;
height:23px;
}
h2
{
padding-left: 30px;
font-family: "lucida sans", "lucida grande";
text-transform: uppercase;
font-size: 16px;
font-weight: bold;
letter-spacing: 1px;
color: #000000;
}
#container
{
background-color:transparent;
width: 100%;
margin-left: auto;
margin-right: auto;
text-align: left;
left: 0px;
top: 0px;
border-style: solid;
border-width: 0px;
border-color: #8AA3C2;
}
#header
{
height: 123px;
width: 100%;
margin-left: 0px;
left:0px;
top:0px;
margin-right: 0px;
background-colour:transparent;
background: url("headertop3.jpg");
background-repeat: no-repeat;
text-align:right;
}
#footer
{width:100%;
clear:both;
text-align:center;
}
#content
{
width:70%;
margin-left: 10px;
margin-right: 0px;
position:absolute;
left:206px;
top:90px;
float:left;
overflow:none;
background-colour:transparent;
height:100%;
}
#nav
{
width:198px;
height:640px;
text-align: left;
margin-left: 0px;
margin-right: 0px;
position:relative;
left:0px;
top:0px;
float:left;
background-color:#CECECE;
background: url("bg1nav2.jpg");
background-repeat: repeat-x;
}
.menutitle{
background-color:transparent;
margin-left:10px;
padding-left:20px;
padding-top:5px;
padding-bottom: 0px;
border-bottom:1px solid #000000;
display:block;
text-decoration: none;
color: #000000;
height: 20px;
font-size: 14px;
font-weight: bold;
text-transform:uppercase;
letter-spacing:2px;
cursor: pointer;
}
.submenu{
margin-bottom: 0.5em;
padding-left:20px;
}
content
{
}
#lightbox{
background-color:#eee;
padding: 10px;
border-bottom: 2px solid #666;
border-right: 2px solid #666;
}
#lightboxDetails{
font-size: 0.8em;
padding-top: 0.4em;
}
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }
#lightbox img{ border: none; clear: both;}
#overlay img{ border: none; }
#overlay{ background-image: url(Lightbox/overlay.png); }
* html #overlay{
background-color: #000;
back\ground-color: transparent;
background-image: url(Lightbox/blank.gif);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="Lightbox/overlay.png", sizingMethod="scale");
}
