/* original code & design by Xperience Media 2006 */


/* page basics and tools for all Hail A Hybrid pages */
body{
	margin: 8px 0;
	padding: 0;
	font-family: verdana, helvetica, arial, sans-serif;
}

/****    keyword font-sizing - with hack for IE5 ---- Learn more at http://diveintoaccessibility.org/day_26_using_relative_font_sizes.html    ****/
body{
	font-size: x-small;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small;
} html>body{
	font-size: small;
}

#container{
	background: url(../images/bottom-sun.jpg) no-repeat bottom right transparent;
}

h2, h3{
	color: #617ec1;
	font-family: verdana, arial, sans-serif;
	font-size: 1.6em;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
}

h3{
	font-size: 1.2em;
}

.clear{
	clear: both;
}

.indent{
	margin-left: 3em;
}

.orange, a:link.orange, a:visited.orange, a:hover.orange, a:active.orange{
	color: #fbb033;
}

.blue{
	color: #617ec1 !important;
}

.bullet{list-style-type: none; background: transparent url(../images/lts_very_small.gif) top left no-repeat; padding-left: 22px;}
	
/* center the entire page */
#container{
	position: absolute;
	left: 50%;
	width: 800px;
	margin-left: -400px;
}


/* global page header */
#top_banner{
	width: 100%;
	height: 140px;
	background: url(../images/arrows.jpg) top left transparent no-repeat;
	margin: 0;
	padding: 0;
}

#project_title{ /* the hail a hybrid logo in the top left */
	width: 127px;
	height: 91px;
	float: left;
	display: inline; /* because of the IE double-margin bug */
	margin: 5px 0 0 5px;
	padding: 0;
}	
	
#by_c3{ /* header  - c3 text & logo & text */
	clear: right;
	float: right;
	width: 400px;
	font-family: verdana, arial, sans-serif;
	font-size: 9px;
	color: #000;
	margin: 0 -10px 0 0;
	padding: 10px 0 0 0;
	text-transform: lowercase;
	display: inline;
}

#by_c3 img{
	width: 240px;
	height: 42px;
	vertical-align: -1.3em;
}

#by_c3 span{ /* 'brought to you by' text */ 
	font-size: 90%;
	font-weight: normal;
}		

#project_title span, #by_c3 span.c3{ /* hide header text that has been replaced by images */
	display: none;
}


/* global footer */
#footer{
	clear: both;
	margin-top: 40px;                                                                                      
	border-top: #617ec1 solid 1px;
	width: 800px;
	text-align: left;
}

#credit{
	float: right;
	text-align: right;
	width: 214px;
}

#footer-img{
	float: right;
	margin: 0 0 10px 0;
	padding: 5px 26px 0 20px;
	width: 270px;
	border-left: #617ec1 solid 1px;
}

#credit, .legal, .copyright{
	font-family: verdana, arial, sans-serif;
	font-size: 9px;
	color: #617ec1;
	margin: 0;
	padding: 0;
} 

.copyright{
	padding-top: 5px;
}

/* navigation - main nav & base nav */
#navigation{ 
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
}

#baseNav{ /* home, contacts, links */
	float: right;
	margin-top: -57px;
	padding: 6px;
	display: inline;
	font-variant: small-caps;
}

#baseNav ul{
	list-style-type: none;
}  

#baseNav li{
	display: inline;
} 

#mainNav{    
	margin-top: -45px;
	padding: 0;
	width: 800px;
}

/* mainNav when no Flash or JS */
#noflash-menu{width: 800px; height: 68px; border-bottom: #617ec1 2px solid; padding: 0 0 10px 0; background: transparent url(../images/menu-bg.gif) top left no-repeat;}
	#noflash-menu ul{float: left; margin: -35px 0 0 0; padding: 0;}
	.menu-title{color: #fff; text-align: center; margin-bottom: 12px; text-transform: uppercase;}
	.menu-title a:link, .menu-title a:visited, .menu-title a:hover, .menu-title a:active {color: #fff;}
	#noflash-menu li{list-style-type: none; margin-left: 6px; padding: 1px 2px 5px 2px; font-weight:bold; text-align:center;}
	#noflash-menu li a{font-size: 95%; color: #617ec1;}
	
	#column-1{width: 156px;}
	#column-2{width: 175px;}
	#column-3{width: 176px;}
	#column-4{width: 151px;}
	#column-5{width: 140px;}


/* flash stuff - all swf sizes are inline not styled */
.video_player{
	padding: 0.8em 0 5px 0;
}

#flash-video{
	height: 272px;
}
.noflash-video{ /* text that replaces videos */
	width: 278px;
	font-style: italic;
	font-weight: bold;
	padding-top: 65px;
}

/****    Link effects    ****/
a:link, a:visited{
	color: #000;
	text-decoration: none;
}

a:hover, a:active{
	text-decoration: underline;
}

a img{
	border: none;
}