#title_text {
    color: #C13526;
    font-family: arial, verdana, ms sans serif;
    font-weight: bold;
    font-size: 10pt;
  }
  
#title_label {
    color: #000000;
    font-family: arial, verdana, ms sans serif;
    font-weight: bold;
    font-size: 10pt;    
  }

/* Make Header Sticky */
#header_container {
    background-color: #fff;
    position:fixed;
    height:180px;
    top:0;
    left:0;
    width:100%;
    text-align:left;
    }
#header{ line-height:150px;
    margin:0 auto;
    width:100%;
    text-align:center;
    }

/* CSS for the content of page. I am giving top and bottom padding of 80px to make sure the header and footer do not overlap the content.*/
#container {
    margin:0 auto;
    overflow:auto;
    padding:180px 0;
    width:100%;
    }
#content{
    float: left;
    }

#test_font {
    color: blue;
}

body { margin:0; padding:0; }

#footer_container { background:#eee; border:1px solid #666; bottom:0; height:60px; left:0; position:fixed; width:100%; }
#footer { line-height:60px; margin:0 auto; width:940px; text-align:center; }

.button {
        padding: 1px 8px;
        display: inline;
        background: #C13526 ;
        border: none;
        color: #fff;
        cursor: pointer;
        font-family: arial, verdana, ms sans serif;
        font-size: 8pt;
        font-weight: bold;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        text-shadow: 1px 1px #666;
        text-decoration: none;
        }
.button:hover {
        background-position: 0 center;
        }
.button:active {
        background-position: 0 top;
        position: relative;
        top: 1px;
        padding: 6px 10px 4px;
        }
.button.red { background-color: #C13526;color: #ffffff; }

a:link, a:visited {background-color:inherit;color: #CFAB7A;}


/* Horizontal Navigation */
#horizontal-navigation {
	width: 400px;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 1.2em;
}


/* CSS for each Parent Item */
#horizontal-navigation li
{
	clear: both;
	height: 2em;
}

#horizontal-navigation li a
{
	float: left;
	display: block;
	padding: 4px;
	text-decoration: none;
	color: #666;
	text-transform: uppercase;
	margin-bottom: 5px;
	margin-right: 10px;
}

/* 
Change background color and font color 
of parent items when mouse hover 
*/
#horizontal-navigation li:hover a,
#horizontal-navigation li a:hover
{
	background: #999;
	color: #fff;	
}




/* 
Applie to group of Child Items
Each Child Item will be invisible by default
*/
#horizontal-navigation ul {display: none;}

/* Each Child Item will be visible if mouse hover */
#horizontal-navigation li:hover ul {display: block;}

#horizontal-navigation ul
{
	list-style: none;
	float: left;
	margin: 0;
	padding: 4px 8px;	
}

#horizontal-navigation ul li
{
	float: left;
	clear: none;
	margin: 0;
	padding: 0;
	width: auto;
	height: auto;
	color: #999;
}


/* 
Reset and re style 
link of each child item
*/
#horizontal-navigation li:hover ul li a,
#horizontal-navigation ul li a
{
	display: inline;
	padding: 0 6px 0 0;
	float: none;
	text-transform: lowercase;
	color: #999;
	background: none;
}

#horizontal-navigation li:hover ul li a:hover,
#horizontal-navigation ul li a:hover
{
	background: none;
	color: #000;
}


#vertical-navigation2 { 
	list-style: none; 
	margin: 0; 
	padding: 0;
	font-size: .8em;
	float: left;
	width: 200px ;
	position: relative}


/* CSS for each Parent Item */
#vertical-navigation2 li {float: left; position: relative;}

#vertical-navigation2 li a
{
	float: left;
	display: block;
	padding: 4px 5px;
        width: 195px;
        height: 15px;
        cursor: auto;
        font-family: arial, verdana, ms sans serif;
        font-size: 8pt;
        font-weight: bold;
        text-align: left;
        vertical-align: middle;
		text-decoration: none;
        background-color: #C13526;
	color: #fff;
	margin-right: 2px;
}

#vertical-navigation2 li:hover a,
#vertical-navigation2 li a:hover
{
	background: #C13526;
	color: #fff;	
}

#vertical-navigation3 { 
	list-style: none; 
	margin: -24px 0px 0px 208px ; 
	padding: 0;
	font-size: .8em;
	float: left;
	width: 1500px ;
	position: relative}


/* CSS for each Parent Item */
#vertical-navigation3 li {float: left; position: relative;}

#vertical-navigation3 li a
{
	float: left;
	display: block;
	padding: 4px 5px;
        width: 402px;
        height: 15px;
        cursor: auto;
        font-family: arial, verdana, ms sans serif;
        font-size: 8pt;
        font-weight: bold;
        text-align: left;
        vertical-align: middle;
		text-decoration: none;
        background-color: #C13526;
	color: #fff;
	margin-right: 2px;
}

#vertical-navigation4 { 
	list-style: none; 
	margin: -24px 0px 0px 624px ; 
	padding: 0;
	font-size: .8em;
	float: left;
	width: 1500px ;
	position: relative}


/* CSS for each Parent Item */
#vertical-navigation4 li {float: left; position: relative;}

#vertical-navigation4 li a
{
	float: left;
	display: block;
	padding: 4px 5px;
        width: 194px;
        height: 15px;
        cursor: auto;
        font-family: arial, verdana, ms sans serif;
        font-size: 8pt;
        font-weight: bold;
        text-align: left;
        vertical-align: middle;
		text-decoration: none;
        background-color: #C13526;
	color: #fff;
	margin-right: 2px;
}

#vertical-navigation5 { 
	list-style: none; 
	margin: -24px 0px 0px 832px ; 
	padding: 0;
	font-size: .8em;
	float: left;
	width: 1500px ;
	position: relative}


/* CSS for each Parent Item */
#vertical-navigation5 li {float: left; position: relative;}

#vertical-navigation5 li a
{
	float: left;
	display: block;
	padding: 4px 5px;
        width: 298px;
        height: 15px;
        cursor: auto;
        font-family: arial, verdana, ms sans serif;
        font-size: 8pt;
        font-weight: bold;
        text-align: left;
        vertical-align: middle;
		text-decoration: none;
        background-color: #C13526;
	color: #fff;
	margin-right: 2px;
}


/* Vertical Navigation */
#vertical-navigation { 
	list-style: none; 
	margin: 0; 
	padding: 0;
	font-size: .8em;
	float: left;
	width: 1500px ;
	position: relative}


/* CSS for each Parent Item */
#vertical-navigation li {float: left; position: relative;z-index:1;}

#vertical-navigation li a
{
	float: left;
	display: block;
	padding: 4px 5px;
        width: 90px;
        height: 30px;
        cursor: pointer;
        font-family: arial, verdana, ms sans serif;
        font-size: 8pt;
        font-weight: bold;
        text-align: left;
        vertical-align: middle;
		text-decoration: none;
        background-color: #C13526;
	color: #fff;
	margin-right: 2px;
}



/* 
Change background color and font color 
of parent items when mouse hover 
*/
#vertical-navigation li:hover a,
#vertical-navigation li a:hover
{
	background: #C13526;
	color: #fff;	
}




/* 
Applie to group of Child Items
Each Child Item will be invisible by default
*/
#vertical-navigation ul {display: none;}

/* Each Child Item will be visible if mouse hover */
#vertical-navigation li:hover ul {display: block;}

#vertical-navigation ul
{
	float: none;
	position: absolute;
	list-style: none;
	margin: 0;
	padding: 0;
	top: 3.1em;
	left: 0;
	z-index: 1;
}

#vertical-navigation ul li
{
	float: none;
	clear: none;
	margin: 0;
	padding: 0px 0px ;
	width: auto;
        border-color: #000;
        border-width: 1px;
        border-style: solid;
        background: #fff;
	color: #000;
}


/* 
Reset and re style 
link of each child item
*/
#vertical-navigation li:hover ul li a,
#vertical-navigation ul li a
{
	line-height: 120%;
        height: 25px;
        font-size: 8pt;
        vertical-align: middle;
	display: block;
	padding: 8px 1px 0 0;
	background: none;
	color: #000;
	float: none;
}

#vertical-navigation li:hover ul li a:hover,
#vertical-navigation ul li a:hover
{
	color: #000;
	background: #C13526;
}

div.box-wrap {
    position: relative;
    width: 100px; height: 16px;
    top: 0; left: 0;
    margin: 0; padding: 0;
}

div.box1 {
    position: absolute;
    height: 15px; width: 30%;
    left: 0;
    background-color: #eeeeee;
    z-index: 1;
    font-size: 0;
}
div.box1on {
    position: absolute;
    height: 15px; width: 30%;
    left: 0;
    background-color: #a00;
    z-index: 1;
    font-size: 0;
}

div.box2 {
    position: absolute;
    height: 15px; width: 30%;
    left: 30%;
    background-color: #dddddd;
    z-index: 1;
    font-size: 0;
}
div.box2on {
    position: absolute;
    height: 15px; width: 30%;
    left: 60%;
    background-color: #ff3;
    z-index: 1;
    font-size: 0;
}

div.box3 {
    position: absolute;
    height: 15px; width: 30%;
    left: 60%;
    background-color: #bbbbbb;
    z-index: 1;
    font-size: 0;
}

div.box3on {
    position: absolute;
    height: 15px; width: 30%;
    left: 60%;
    background-color: #f93;
    z-index: 1;
    font-size: 0;
}
div.box4 {
    position: absolute;
    height: 15px; width: 10%;
    left: 90%;
    background-color: #aaaaaa;
    z-index: 1;
    font-size: 0;
}
div.box4on {
    position: absolute;
    height: 15px; width: 10%;
    left: 90%;
    background-color: #0a0;
    z-index: 1;
    font-size: 0;
}

div.actual {
    position: absolute;
    height: 7px;
    left: 0px; top: 4px;
    background-color: #0a50a1;
    z-index: 5;
    font-size: 10pt;
}

div.pointer {
    position: absolute;
    height: 15px;
    top: -5px;
    z-index: 5;
    color: #0a50a1;
    font-size: 10pt;
}

div.target {
    position: absolute;
    height: 15px;
    width: 2px;
    background-color: #0a50a1;
    top: 0;
    z-index: 7;
    font-size: 0;
}

/* properties for class dropt */
 /* usage: <span class="dropt" title="">HTML text<span style="width:500px;">Pop-up text</span></span> */
 /* usage: <span class="dropt" title="">HTML text<span><img src="example.jpg"/></span></span> */
/*span.dropt {border-bottom: thin dotted; background: #ffeedd;}*/
span.dropt:hover {text-decoration: none; background: #ffffff; z-index: 21; }
span.dropt span {position: absolute; left: -9999px;
  margin: 20px 0 0 0px; padding: 3px 3px 3px 3px;
  border-style:solid; border-color:#C13526; border-width:2px; z-index: 21;}
span.dropt:hover span {left: 2%; background: #ffffff;} 
span.dropt span {position: absolute; left: -9999px; font-weight:normal; font-size:10pt;
  margin: 4px 0 0 0px; padding: 3px 3px 3px 3px; 
  border-style:solid; border-color:#000000; border-width:2px;}
span.dropt:hover span {margin: 20px 0 0 0px; background: inherit; color: #000000; z-index:21;} 
 
/** Keith **/