@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;
}

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 {
color: #006699;
}
h5 {
color: #000000;
}

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;
}
#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:575px;
padding-top: 0px;
padding-right: 22px;
padding-bottom: 10px;
padding-left: 22px;
margin-top:20px;
margin-bottom: 0;
}
#columnTwo ol li {
}
#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;
}
#modules {
font-family: Arial;
width:90%;
margin: 25px;
border-collapse:collapse;
}
#modules td, #modules th {
font-size:1em;
border:1px solid #E8E6E3;
padding:3px 7px 2px 7px;
color:#000000;
}
#modules th {
font-size:1.1em;
text-align:left;
padding-top:5px;
padding-bottom:4px;
background-color:#036767;
color:#ffffff;
}
#modules th.one {
color: #000000; 
background-color: #E5E5E5;
}
#modules th.two {
color: #000000; 
background-color: #CCCCCC;
}
#modules th.three {
color: #000000;
background-color: #B2B2B2;
}
#modules tr.alt td {
color:#000000;
background-color:#E8E6E3;
}
#modules a {
text-align: center;
text-decoration: none;
color: #036767;
}
#modules a:hover {
text-decoration: underline;
}
.rollover a {
display: block;
cursor: pointer;
outline: transparent solid 0px;
text-decoration: none;
}
#nbtn a{
height: 100px;
width: 200px;
background: url(on_btn1.png) no-repeat left top;
}
#nbtn a:hover{
background-position: left -100px;
background: url(over_btn1.png);
}