@charset "iso-8859-1";
/* SODZ Website style sheet */
html {
overflow-y: hidden;
}

/* Main document body characteristics */
body {
background-image: url(PageBackII.gif); 
Background-repeat: repeat;
font-family: Comic Sans MS, arial, times;
height: 100%;
overflow: auto;
}

body a {
color: #CA2E06;
text-decoration: none;
} 

body a:hover {
color: red;
} 

body a:active {
color: #202868;
}

img { 
border: 0;
padding: 10px 10px 0px 5px;
}

div#pagetop {
background-image: url(SODZTitleII.jpg);
background-attachment: fixed;
background-repeat: no-repeat;
background-position: top left;
position: absolute; 
margin-left: -10px;
top: 0px; 
width: 100%;
height: 300px;
}

body > div#pagetop {
position: fixed;
} 

/* Menu navigation */
div#navigation {
background-image: none;
float: right;
position: absolute; top: 130px; left: 140px;
max-width: 80%;
z-index: 5;
}  

body > div#navigation {
position: fixed;
top: 140px; left: 150px;
} 

#navigation ul {
position: relative; 
padding: .5em;
margin: 0em;
display: inline;
border-style: none;
}

#navigation li {
background-image: url(redball.gif);
background-position: 0px;
background-repeat: no-repeat;
border-style: none;
font-family: Comic Sans MS, serpentine, Bremen Bd BT, arial, times;
font-size: .70em;
padding: 6px 5px 0px 12px;
list-style-position: inherit;
list-style-type: none;
display: inline;
}

#navigation li:hover {
background-image: url(tealball.gif);
color: blue;
}

#navigation a {
color: white;
text-decoration: none;
} 

#navigation a:hover {
color: yellow;
} 

#navigation a:active {
color: #C5EFFD;
}
/* Main page content */
div#content {
height: 70%;
width: 90%;
text-align: left;
position: absolute; top: 180px;	
overflow: auto;
margin-bottom: 100px;
background-color: #FFFF99; 
margin-left: 3em;
opacity: 30%;
} 

body > div#content {
position: fixed;
top: 180px;
opacity: 30%;
}

#content H1 {
text-align: center;
size: 1.2em;
color: #C67100;
}
#content strong,b {
color: #202868;
font-size: 1.5em; 
}

/* Highlights and teaser material */
div#highlights {
background-image: url(techproductside.jpg);
background-position: left;
background-repeat: repeat-y;
background-attachment: fixed;
Position: absolute;
top: 60px; 
left: 1em;
width: 20%;
}

body > div#highlights {
position: fixed;
}

#highlights p {
font-size: .8em;
color: white;
}

#highlights .date {
font-size: .8em;
color: red;
}

#highlights a {
color: white;
} 

#highlights a:hover {
color: green;
} 

#highlights a:active {
color: white;
} 

div#brand {
position: absolute;
top: .5em;
left: .5em;
z-index: 5;
overflow: auto;
}

body > div#brand {
position: fixed;
}

.Light   { color : #000000; background : #FFDB55; font : 10pt "Comic Sans", "Comic Sans MS", cursive; border: 0px solid #082810; }
.Dark   { color : #000000; background : #ffffff; font : 10pt "Comic Sans", "Comic Sans MS", cursive; border: 0px solid #082810; }