html {
height:100%;
}
body{
height:100%;
min-height:100%;
margin:0;
padding:0;
color:#000;
text-align:center;
font:75% Arial, Helvetica, Verdana, Sans-serif;
text-decoration:none;
background-color:#000d39;
scrollbar-base-color:#3D2D1C;
scrollbar-arrow-color:#A59F98;
scrollbar-DarkShadow-Color:#E6E3D2;
}
#container{
height:100%;
min-height:100%;
width:766px;
margin:0 auto;
top:0px;
position:relative;
background-color:#000d39;
}
#header{
height:320px;
width:766px;
}
#Luman-Logo {
padding-top:40px;
padding-left:40px;
float:left;
}
#Luman-Text {
float:left;
left:210px;
top:200px;
font:bold 300% Arial, Helvetica, Verdana, Sans-serif;
color:#fff;
position:absolute;
}
#quote {
float:right;
right:20px;
top:25px;
width:230px;
color:#000d39;
font:italic 120% Arial, Helvetica, Verdana, Sans-serif;
position:absolute;
z-index:800;
}
#menu, .menu{
top:-40px;
z-index:200;
font:bold 100% Arial, Helvetica, Verdana, Sans-serif;
position:relative;
}
#main{
height:419px;
top:339px;
left:22px;
width:706px;
text-align:left;
position:absolute;
background-color:#cccccc;
color:#000000;
font:90% Arial, Helvetica, Verdana, Sans-serif;
border:10px solid #FFF;
}
#linky{
height:30px;
top:440px;
width:706px;
text-align:left;
position:absolute;
color:#88baf7;
font:90% Arial, Helvetica, Verdana, Sans-serif;
}
#trusty{
height:30px;
top:455px;
width:706px;
text-align:right;
position:absolute;
color:#88baf7;
font:90% Arial, Helvetica, Verdana, Sans-serif;
}
#content0{
z-index:100;
height:419px;
float:left;
left:0px;
overflow-y:auto;
overflow-x:hidden;
position:absolute;
}
#content1{
z-index:300;
height:419px;
float:left;
left:0px;
overflow-y:auto;
overflow-x:hidden;
position:absolute;
}
#content1a{
color:#ffffff;
}
#content2{
z-index:400;
height:419px;
float:left;
overflow-y:auto;
overflow-x:hidden;
position:absolute;
}
#content3{
z-index:700;
height:419px;
overflow-y:auto;
overflow-x:hidden;
float:right;
right:0;
position:absolute;
}
#content4{
z-index:500;
height:219px;
float:left;
left:0;
top:200px;
overflow-y:auto;
overflow-x:hidden;
position:absolute;
}
#content5{
z-index:600;
height:200px;
float:left;
top:200px;
overflow-y:auto;
overflow-x:hidden;
position:absolute;
}
#readmore{
background-color:#FFFFCC;
border:4px solid #3D2D1C;
color:#000;
z-index:2000;
height:350px;
width:250px;
top:80px;
padding-top:4px;
left:80px;
position:absolute;
display:none;
text-align:right;
color:#FFFFCC;
background-color:#3D2D1C;
display:none;
}
#readmorecontent{
background-color:#E6E3D2;
border:4px solid #3D2D1C;
color:#000;
z-index:2100;
height:330px;
width:248px;
top:20px;
left:-3px;
text-align:left;
overflow-y:scroll;
overflow-x:hidden;
position:absolute;
}
.rightimg {
border-left: 10px solid #FFF;
}
.leftimg {
border-right: 10px solid #FFF;
}
.clear{
clear:both;
}
input, text {
width:100px;
}
hr{
width:95%;
height:2px;
background-color:#D5D7D7;
text-align:center;
}
h1,h2,h3,h4{
padding-left:10px;
}
h1{
padding-top:15px;
padding-bottom:15px;
margin:0;
color:#FFFFFF;
font-size:100%;
background-color:#000d39;
font:bold 140% Arial, Helvetica, Verdana, Sans-serif;
}
h1 a:active,h1 a:link,h1 a:visited,h1 a:hover {
color:#FFFFFF;
text-decoration:none;
font-size:100%;
font:bold;
}
h1 a:hover {
text-decoration:underline;
font:bold;
}
h2{
padding-top:15px;
padding-bottom:15px;
margin:8px;
color:#FFF;
background-color:#3D2D1C;
font:140% Arial, Helvetica, Verdana, Sans-serif;
}
h3{
padding-top:15px;
padding-bottom:15px;
margin:8px;
color:#000000;
background-color:#5b7c9b;
font:120% Arial, Helvetica, Verdana, Sans-serif;
}
h4{
padding-top:15px;
padding-bottom:15px;
margin:0;
color:#000000;
font-size:100%;
background-color:#5b7c9b;
font:140% Arial, Helvetica, Verdana, Sans-serif;
}
p{
padding-left:10px;
padding-right:10px;
font:120% Arial, Helvetica, Verdana, Sans-serif;
}
p.darker{
background-color:#3D2D1C;
}
li.arrow{
margin-left:-1em;
padding-left:-1em;
list-style-image:url('http://www.thepassionateorganization.com/media/list-arrow.gif');
}
a:link, a:visited, a:hover{
color:#ffffff;
text-decoration:none;
font:100% Arial;
}
a:hover{
text-decoration:underline;
font:100% Arial;
}
a:visited{
color:#ffffff;
font:100% Arial;
}
a.littlex:link, a.littlex:visited, a.littlex:hover{
color:#A59F98;
text-decoration:none;
background-color:#3D2D1C;
border:2px solid #A59F98;
font:120% Arial Black;
padding-left:4px;
padding-right:4px;
vertical-align:middle;
}
/* NEW ADDITIONS */
#menuitem {
padding:0px;
margin:0px;
padding-top:12px;
top:0;
left:0px;
height:47px;
width:114px;
float:left;
left:33px;
vertical-align:middle;
margin-right:0.5%;
background-image:url('http://www.thepassionateorganization.com/media/bg-tabs.gif');
position:relative;
}
#menuitemActive,#menuitemActive:link, #menuitemActive:visited, #menuitemActive:active, #menuitemActive:hover {
padding:0px;
margin:0px;
top:0;
left:0px;
padding-top:1.5em;
height:43px;
width:114px;
float:left;
left:33px;
vertical-align:middle;
margin-right:0.5%;
background-image:url('http://www.thepassionateorganization.com/media/bg-tabs-over.gif');
position:relative;
}
a.menubit:link, a.menubit:visited, a.menubit:active {
color:#000d39;
font:bold 110% Arial, Helvetica, Sans-serif;
text-decoration: none;
}
#menuitemActive:link, #menuitemActive:visited, #menuitemActive:active {
padding-top:1.5em;
height:43px;
background-image:url('http://www.thepassionateorganization.com/media/bg-tabs-over.gif');
}
#menuitem:hover {
padding-top:1.5em;
height:43px;
background-image:url('http://www.thepassionateorganization.com/media/bg-tabs-over.gif');
}
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}
img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}
.alignright {
float: right;
}
.alignleft {
float: left;
}