﻿/* CSS Document */
body {
margin:0;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

/**************************************/
/*CONTAINERS ESSENTIAL FOR LIQUID LAYOUT
/**************************************/
#header_container {
width:100%;
margin-left:-210px;/*essential to make room for left column*/
float:right;
padding:0;
height:187px;

}
#content_container {
border-top:1px solid #666666;
width:100%;
margin-left:-210px;/*essential to make room for left column*/
float:right;
padding:0;
position:relative;
background-color:#CCCCCC;/*allows left column to expand vertically*/
}

/**************************************/
/*             -LOGO-
/**************************************/
#logo {
background-image: url("../images/slices/logo.gif");
width:210px;
background-repeat:no-repeat;
height:187px;
float:left;
padding:0;
margin:0;
}
/**************************************/
/*     -NAV PLACED ON TOP OF SITE-
/**************************************/
#nav {
border-bottom:3px solid #990000;
list-style-type:none;
margin-left:240px;
width:67%;
top:5px;
position:absolute;
z-index:5;
padding:0;
}

#nav li{
display:inline;
font-size:.7em;
font-weight:800;
text-decoration:none;
z-index:2;
height:60px;
margin:0;
}

#nav li a {
padding:0 .7em;
height:1em;
}

#nav li a:link, #nav li a:visited {
color:#000000;
text-decoration:none;
}

#nav li a:hover {
color:#000000;
text-decoration:none;
}
#nav li ul {/*hides second level menu and positions it*/
  display: none;
  list-style:none;
  position: absolute; 
  padding: 0;
  font-weight:100;
  width: 580px;
  margin: 1.3em 0 0 0;/*TOP MARGIN MOVES IT DOWN FROM RED LINE*/
  font-size:1.3em;
  z-index:7;
  top:0px;
  left:0;
  text-align:center;
}

#nav li li {
	padding:0;
	margin:0;
	display:inline;
}

#nav li li a {
	text-decoration:none;
	position:relative;
	color:#000000;
	width: 630px;
	font-weight:100;
	padding:.8em 1em 1em 0;/*top padding necessary to access hovered menu*/

}
#nav li li a:link{color:#000000;}

#nav li li a:visited {color:#000000;}
#nav li li a:hover { /*black hover color*/
	 text-decoration:underline;
}

#nav li:hover ul, #nav li.over ul{ 
	display: block; /*shows second level menu on hover*/
}

/******TEXT THAT DESCRIBES WHAT PAGE YOU ARE ON*********/
#header {
	position:absolute;
	top:70px;
	left:250px;
	z-index:20;
}
/**************************************/
/*      -LEFT GREY COLUMN-
/**************************************/
#leftcol {
background-color:#CCCCCC;
width:208px;
height:100%; 
border-top:1px solid #666666;
border-right:1px solid #666666;
position:relative;
margin:0;
padding:0 0 10px 0;
float:left;
font-size:.7em;
}

#leftcol p {
padding:0;
width:165px;
text-align:right;
position:relative;
left:20px;
}
.button {
padding:20px 10px 0 30px;
position:relative;
}
#lifenetlogo {
position:relative;
left:60px;
top:5px;
margin:5px 0 5px 0;
}

/**************************************/
/*          -CONTENT-
/**************************************/
#content {
position:relative;
margin-left:208px;
font-size:.9em;
background-color:#FFFFFF;
border-left:1px solid #666666;
padding:0;
}

#text {
position:relative;
margin:0;
padding:0;
padding:10px 30px 15px 30px;
}

#text a:link, #text a:visited {
color:#000000;
text-decoration:underline;
font-weight:800;
}

#text a:hover {
text-decoration:none;
color:#990000;
font-weight:800;
}
/**************************************/
/*             -FOOTER-
/**************************************/
#footer {
border-top:1px solid #666666;
font-size:.7em;
color:#999999;
padding:0px 0 5px 0;
margin:0 0 3px 0;
}
#copyright {
position:relative;
float:right;
right:20px;
padding:2px 0 0 0px;
top:0px;
}
.bottomred {
color:#990000;
position:relative;
padding:2px 0 0 10px;
float:left;
}

/**************************************/
/*           -TEXT STYLES-
/**************************************/
.clear {
clear:both;
margin:0;
padding:0;
height:0;
}

/*footer style: director*/
.red {
color:#990000;
position:relative;
}



.nostyles, .hidden, .hidden_skip {
display:none;
margin-left:-10000px;
}

.photol {
position:relative;
float:left;
margin:0 10px 0 0;
border:1px solid #000000;
}

.photor {
position:relative;
float:right;
margin:0 0px 5px 10px;
border:1px solid #000000;
}

#movie {
position:relative;
float:right;
padding:0 0 10px 30px;
}


#object_mov {
display:none;
}

html>body #object_mov {/*---for better browsers NOT IE----- */
display:inline!important;
}


