@charset "UTF-8";
/* CSS Document */

body {
font-family:Arial, Helvetica, sans-serif;
font-size: 0.85em;
line-height:1.5em;
color: #333333;
margin: 10px;
padding-top: 0;
padding-right: 20px;
padding-bottom: 0;
padding-left: 0;
}

p {
margin:4px 0 6px 0;
padding-bottom: 15px;
}

strong {
font-weight:bold;
}

img {
border: 0px;
}

em {
font-style:italic;
}

h1, h2, h3, h4 {
font-weight:bold;
margin:10px 0 0 0;
}

h1 {
font-size:x-large;
color: #333333;
padding-bottom: 15px;
}

h2 {
font-size:medium;
color: #006666;
padding-bottom: 5px;
font-style: italic;
line-height: 1.5em;
font-weight: bold;
}

h3 {
font-size:small;
color: #006666;
}

h4 {
font-size:xx-small;
color: #006699;
}

a:link, a:visited, a:active  {
font-size: small;
color:#006699;
text-decoration:none;
}

a:hover{
font-size: small;
color:#006699;
text-decoration:underline;
}

ul {
font-size: small;
padding:0;
list-style-type:disc;
margin-top: 5px;
margin-right: 0;
margin-bottom: 20px;
margin-left: 20px;
font-weight: bold;
}

ol {
margin:5px 0 5px 30px;
padding:0;
list-style-type:none;
}
ul li, ol li {
font-size:small;
margin:0 0 4px 0;
padding:0;
line-height: 1.5em;
}
#mainContainer {
margin:0 auto;
padding:0;
width:900px;
border:1px solid #454545;
}
#header {
margin:0;
padding:5px;
width:890px;
height:140px;
color:#ffffff;
background-color:#000000;
background-image: url(http://its-about-time.com/images/head.jpg);
background-repeat: no-repeat;
background-position: center top;
}

#navHorizontal {
margin:0;
padding:0;
width:900px;
height:30px;
line-height:30px;
background-color:#FFFFFF;
text-align: right;
border-bottom-color: #0099CC;
border-bottom-style: solid;
border-bottom-width: medium;
}
#navHorizontal ul {
padding:0;
list-style:none;
background-color:#FFFFFF;
margin: 0px;
}
#navHorizontal ul li {
font-family:Arial, Helvetica, sans-serif;
font-size:small;
list-style:none;
display:inline;
padding:5px 8px 5px 8px;

}
#navHorizontal ul li a:link, #navHorizontal ul li a:visited, #navHorizontal ul li a:active {
font-family:Arial, Helvetica, sans-serif;
font-size:small;
padding:5px 8px 5px 8px;
color:#333333;
text-decoration:none;
border: .5px solid #FFFFFF;
}
#navHorizontal ul li a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:small;
color:#333333;
padding:5px 8px 5px 8px;
text-decoration: underline;
background-color: #99CCFF;
border: .5px solid #0066CC;
}
#navHorizontal2 {
margin:0;
padding:0;
width:900px;
height:35px;
line-height:30px;
background-color:#FFFFFF;
text-align: left;
border-bottom-color: #0099CC;
border-bottom-style: solid;
border-bottom-width: medium;
}
#mainContainer #navHorizontal2 h2 {
padding-left: 10px;
}
#columnOne {
float:left;
width:200px;
background-color:#FFFFFF;
margin-top:20px;
padding-top: 0px;
padding-right: 5px;
padding-bottom: 15px;
padding-left: 10px;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
}
#columnOne h1 {
font-style:italic;
line-height: 1.5em;
}

#columnOne p, #columnThree p, #columnOne ul li, #columnOne ol li, #columnThree ul li, #columnThree ol li {
font-size:13px;
list-style: none;
}
#columnOne h2, #columnThree h2 {
font-size:16px;
}
#columnTwo h1 {
font-style:italic;
line-height: 1.2em;
color: #006666;
font-weight: bold;
}
#navVertical {
font-size: small;
width:145px;
margin-top: 0;
margin-right: -5px;
margin-bottom: 0;
margin-left: -5px;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
}
#navVertical ul {
font-size: small;
margin:0 0 0 5px;
padding:0;
list-style:none;
}
#navVertical ul li {
padding:0;
font-size: small;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: -5px;
}
#navVertical ul li a:link, #navVertical ul li a:visited, #navVertical ul li a:active {
font-size: small;
color:#006699;
text-decoration:none;
font-size: x-small;
}

#navVertical ul li a:hover {
font-size: small;
color:#454545;
text-decoration:none;
background-color:#ffffff;
font-size: x-small;
}
#navVertical ol {
font-size: small;
margin:0 0 0 5px;
padding:0;
list-style:none;
}
#navVertical ol li {
padding:0;
font-size: small;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 25px;
}
#navVertical .ol2 li {
padding:0;
font-size: small;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 25px;
}
#navVertical ol li a:link, #navVertical ul li a:visited, #navVertical ul li a:active {
font-size: small;
color:#006699;
text-decoration:none;
font-size: x-small;
}
#navVertical ol li a:hover {
font-size: small;
color:#333333;
text-decoration:none;
background-color:#ffffff;
font-size: x-small;
}
#columnTwo {
float:left;
width:650px;
overflow: hidden;
margin: 0;
}
#columnTwo ol {
padding:0;
list-style-type:none;
}

#columnTwo ol li {
list-style-image: url(http://www.its-about-time.com/digitalassets/files/images/icon.jpg);
}
#columnThree {
float:left;
width:160px;
background-color:#FFFFFF;
margin-top:20px;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 25px;
padding-left: 10px;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
}
#columnThree ul li {
list-style:none;
border-bottom-width: thin;
border-bottom-style: solid;
border-bottom-color: #0099CC;
padding: 10px;
}
#footer {
margin:0;
height:25px;
font-size:x-small;
color:#333333;
background-color:#FFFFFF;
clear: both;
}
#footer a:link, #footer a:visited {
font-size:x-small;
color:#333333;
text-decoration:none;
}
#footer a:hover, #footer a:active {
font-size:x-small;
color:#333333;
text-decoration:underline;
}
.clearfix:after {
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
#mainContainer #columnTwo img {
padding-bottom: 20px;
padding-left: 20px;
padding-right: 10px;
}
.subhead {
font-size: x-small;
font-weight: bold;
color: #0099CC;
}
#mainContainer #columnTwo ul {
}
#columnFour {
float:left;
width:700px;
padding-top: 0px;
padding-right: 50px;
padding-bottom: 10px;
padding-left: 100px;
margin-top:20px;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
}#mainContainer #columnFour {
line-height: 1.5em;
}
#mainContainer #columnFour h1 {
line-height: 1.5em;
}
#mainContainer #columnTwo .green {
font-weight: bold;
color: #006633;
}
.life_header {
background-image: url(ls_bar.jpg);
background-repeat: repeat-x;
color: #000000;
font: Arial;
font-size: 15px;
font-weight: bold;
text-align: left;
padding: 8px;
}

.earth_header {
background-image: url(es_bar.jpg);
background-repeat: repeat-x;
color: #fff;
font: Arial;
font-size: 15px;
font-weight: bold;
text-align: left;
padding: 8px;
}

.physical_header {
background-image: url(ps_bar.jpg);
background-repeat: repeat-x;
color: #fff;
font: Arial;
font-size: 15px;
font-weight: bold;
text-align: left;
padding: 8px;
}

.subHead {
text-align: center;
font: Arial;
font-size: 12px;
font-weight: bold;
color:#333333;
background-color: #E6EDF8;
}

.style14 {
font-size: 11.5px;
font-weight: bold;
}

.non {
font-weight: normal;
list-style: none;
}

ul.video_links {
font: Arial;
font-size: 13px;
color: #666666;
font-weight: normal;
list-style: none;
}
#videos {
position: relative;
width: 220px;
}
#videos div {
position: absolute;
height: 100px; 
top: 100%; 
margin-top: -110px;
margin-left: 400px; 
}
.rollover a {
display: block;
cursor: pointer;
outline: transparent solid 0px;
text-decoration: none;
}
#nbtn a{
height: 40px;
width: 190px;
background: url(../../art/on_video.png) no-repeat left top;
}
#nbtn a:hover{
background-position: left -40px;
background: url(../../art/over_video.png) no-repeat left top;
}