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

* {
	padding: 0;
	margin: 0;
	border: 0;
	color: #000000;
	background-color: transparent;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 12px;
}

a {
	color: #000000;
	display:inline;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 14px;
	}

a:hover {
	color: #FF0000;
	display:inline;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 14px;
	}
	

	
a:active {
	color: #FF0000;
	display:inline;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 14px;
	}

p, p strong {
	text-align: left;
	color: #000000;
	background-color: transparent;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 14px;
	}
	
p span {
	text-align: left;
	color: #000000;
	background-color: transparent;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 12px;
	margin-top:5px;
	}
	
.carrierdes {
	text-align: left;
	color: #000000;
	background-color: transparent;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height:14px;
	}

hr {
	color:#000000;
	background-color:#000000;
	height:1px;
	border:1px;
	}


h1, h2, h3 { 
	font-weight: 700; 
	line-height : 30px;
	}
h1 {
	color: #b30013;
	font-size: 22px;
	margin-bottom: 5px;	
}
h2 {
	color: #333333;
	font-size: 18px;
	
	
}
h3 {
	color: #999999;
	font-size: 16px;
	
	
}
h4, h5, h6 {display: none; }
em {
	font-style: italic;
	font-weight: inherit;
}
b, strong a {font-weight: bold;}
strong {
	font-weight: bold;
	color: #000000;
}

ol {
	margin-left: 30px;
	margin-right: 65px;
	list-style-type: none;
	}
	
	li {
	margin-left: 30px;
	margin-right: 5px;
	list-style-type: disc;
	padding-top: 6px;
	}

/* page hierarchy and structure */
body {
	min-width: 780px;
	background-image: url(../images/background.gif);
	behavior: url("csshover3.htc");
}

#mainbodyarea {
	width: 942px;
	
	margin-left: auto;
	margin-right: auto;
	background-image:url(../images/bodyback.png);


	}
	

#metaheader {
	background-color: #000000;
	height: 17px;
	width: 900px;
	text-align: center;
	color: #FFFFFF;
	font-size: 10px;
	font-family: "Trebuchet MS";
	margin-left: 21px;
	background-image: url(../images/metaback.jpg);
	}

#logobar {
	width: 900px;
	height: 69px;


	background-image: url(../images/logobar.jpg);
	margin-left: 21px;
	}
	
#imagearea {
	margin-left: 21px;
	width: 900px;
	height: 218px;
	background-image: url(../images/flash-hold.png);
	}
	
#imagearea2 {
	margin-left: 21px;
	width: 900px;
	height: 300px;
	background-image: url(../images/flash-hold.png);
	}

#topnav {
	width:900px;
	height:32px;
	background-image:../images/topnav-back.jpg;

	margin-left:21px;
	}

#bodycontent {
	background-color:#ffffff;
	margin: 5px 40px 15px 40px;
	width:820px;
	min-height:200px;
	padding:20px;
	}
	
#bodycontent2 {
	background-color:#000000;
	margin: 10px 40px 25px 40px;
	width:820px;
	min-height:200px;
	padding:0px;
	} 
	
#footer {
	width: 902px;
	height: 66px;
	margin-left: 20px;
	background-image:url(../images/footer.jpg);
	}

#bottomshadow {
	width: 942px;
	position:relative;
	margin-left: auto;
	margin-right: auto;
	height:48px;
	background-image:url(../images/bottom.jpg);
	}
	
#designer {
	width: 942px;
	position:relative;
	margin-left: auto;
	margin-right: auto;
	height:48px;
	
	}
	
#breadcrumb {
	margin-bottom:20px;
	font-size:9px;
	text-align:left;
	}	
	
.breadcrumb {
	font-size:13px;
	color:#000;
	}	
	
.breadcrumb a {
	font-size:9px;
	color:#a00;
	}		
	
.breadcrumb a:link {
	font-size:13px;
	color:#a00;
	}	
	
.breadcrumb a:hover {
	font-size:13px;
	color:#000000;
	}	
	
.breadcrumb a:visited {
	font-size:13px;
	color:#666666;
	}	
	
	
	
/*______next______*/

#copyright {
	position: relative;
	width: 250px;
	height: 50px;
	left: 10px;
	top: 15px;
	}
	
.copyright {
	font-family: Trebuchet MS;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 9px;
	line-height: 10px;
	}
	

	
#textlinks {
	position: relative;
	width: 550px;
	left: 300px;
	top: -44px;
	height: 35px;
	color: #ffffff;
	}
	
.textlinks {
	font-family: Trebuchet MS;
	font-weight: bold;
	font-size: 9px;
	display:inline;
	color:inherit;
	line-height: 1px;
	}
	
#textlinks a {
	color: #ffffff;
	display:inline;
	font-size: 9px;
	}

#textlinks a:hover {
	color: #CCCCCC;
	display:inline;
	font-size: 9px;
	}
	

	
#textlinks a:active {
	color: #CCCCCC;
	display:inline;
	font-size: 9px;
	}
	
#textlinks ul, .textlinks ui, .textlinks a:link {
	color: #CCCCCC;
	display:inline;
	font-size: 9px;
	}
	
.copyright {
	font-family: Trebuchet MS;
	font-weight: bold;
	
	font-size: 9px;
	display:inline;
	}
	
.copyright a:hover {
	color: #ffffff;
	background-color: black;
	display:inline;
	text-decoration: underline;	
	}
	
.copyright a {
	color: #gray;
	display:inline;
	}
	
.copyright a:active {
	color: #gray;
	display:inline;
	text-decoration: underline;	
	}
	
.copyright ul, .copyright ui, .copyright a:link {
	color: #FFFFFF;
	display:inline;
	font-size: 9px;
	}


#menu {
width: 100%;
background: #eee;
float: left;
list-style: none;
background-image: url(../images/v3.jpg);
height:30px;
padding-top:2px;
padding-top:expression('0px');
}

#menu-drop {
	background-image: url(../images/vt.png);
	float: left;
	list-style: none;
	text-align:center;
}

#menu-drop ul li ul {
	position:absolute;
	top:1.3em;
	left:-9999px;
	
}

#menu-drop li:hover ul,#menu-drop li.sfhover ul { 
	left:0px;
	color: #b30013;
}

#menu-drop2 {

background-image: url(../images/vt.png);
float: left;
list-style: none;
}

#menu-drop2 ul li ul {
	position:absolute;
	top:1.3em;
	left:-9999px;
}

#menu-drop2 li:hover ul,#menu-drop li.sfhover ul { 
	left:0px;
	color: #b30013;
}



#menu ul {
	list-style: none;
	padding-top:7px;
	margin-right:30px;
	float: left;
}






/*
#menu {
width: 100%;
background: #eee;
float: left;
list-style: none;
}
#menu ul {
list-style: none;

padding: 0;
width: 12em;
float: left;
}
*/
/*---The above sets the width onto the individual lists, <ul>'s, this time as the need to float side by side to make them fit into whatever horizontal space is available to them. This horizontal width is determined by setting the width of the #menu div itself. The #menu div is also floated in order to "contain" it's floated descendants.

Then we apply the required formatting to the <h2> headings and the <a> anchors, again I'm using the same formatting as the vertical menu--*/

#menu h2 {
	font: bold 12px/16px Trebuchet MS;
	display: block;
	margin:-5px;
	padding-left:20px;
	list-style: none;
	height: 20px;
}

#menu a {
	font: bold 12px/16px Trebuchet MS;
	display: block;
	margin:-5px;
	padding-left:20px;
	list-style: none;
	height: 20px;
}

#menu h2 {
	color: #fff;
	list-style: none;
}

#menu  a {
	color: #fff;
	list-style: none;
	text-decoration: none;
}

#menu a:hover {
color: #a00;
list-style: none;
}

#menu ul li a {
	color: #fff;
	list-style: none;
	text-decoration: none;
}

#menu ul li a:hover {
	color: #ff0000;
	list-style: none;
}

#menu ul ul li a {
	color: #000;
	background: #efefef;
	text-decoration: none;
	padding:3px;
	border-width: 1px;
	border-style: solid;
	border-color: #ccc #888 #555 #bbb;
	list-style: none;
	width:140px;
	text-align:left;
}


#menu ul ul li a:hover {
	color: #a00;
	background: #fff;
	list-style: none;
	width:140px;
	text-align:left;
}

/*---Color to taste.

Positioning the Popout Menus and Dropdown Menus-----*/

#menu li {
	position: relative;
	/*width: 180px;*/
	list-style: none;
}

#menu ul ul {
	position: absolute;
	z-index: 500;
	list-style: none;
}

#menu ul ul ul {
	top: 3px;
	left:85%;
	list-style: none;
}

/*--------The position: relative; on the <li> elements establish containing blocks for the descendant <ul> elements.

All secondary levels and deeper are given position: absolute; and a high z-index in order to make them appear, drop down above following content. the third level and deeper lists are the ones we want to move so "offset" positioning co-ordinates only required to be input onto them.
Hiding and Revealing using :hover

This time we actually do want to hide the second level menu (top choice) as we only want the <h2> heading, inside the top level <ul> to remain visible.-----*/

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

/*--------The display: block; rules show the three levels being activated with the display: none; rules being entered afterwards to more specifically hide the unwanted (deeper nested) lists (counteract them).

View the results so far.
Fix it for IE!

The complete conditional CSS is the same as the vertical menu's code and looks like this:

[if IE]>
<style type="text/css" media="screen">
body {
behavior: url(csshover.htc);
font-size: 100%;
}

#menu ul li {float: left; width: 100%;}
#menu ul li a {height: 1%;} 

#menu a, #menu h2 {
font: bold 0.7em/1.4em arial, helvetica, sans-serif;
}
</style>
<![endif]

-----*/
.texta {
	font-size: 10px;
	background-color: #FFFFFF;
	border: 1px solid #666666;
}

#footerlinkscontent {
	background-color:#000;
	margin: 0px 20px 25px 20px;
	width:820px;
	min-height:140px;
	padding:10px 0px;
	}

#footer-links {
	float:left;
	width:200px;
	padding:10px 10px 10px 10px;
	margin-left:20px;
	color: #b30013;
	text-align:left;
}

.footer-links ul li a {
	list-style-type:disc;
	font-size:12px;
	color: #b30013;
	text-decoration:none;
}

.footer-links ul li a:link {
	list-style-type:disc;
	font-size:12px;
	color: #b30013;
	text-decoration:none;
}

.footer-links ul li a:hover{
	list-style-type:disc;
	font-size:12px;
	color: #b30013;
}

.footer-links ul li {
list-style-type:disc;
	font-size:12px;
	color: #b30013;
}

.footer-links ul li ul li {
	list-style-type:disc;
	font-size:12px;
	color: #000000;
}

/***/
.footer-links li a {
	list-style-type:none;
	font-size:14px;
	color: #b30013;
	text-decoration:none;
	font-weight:bold;
}

.footer-links li a:link {
list-style-type:none;
	font-size:14px;
	font-color: #000000;
	text-decoration:none;
	font-weight:bold;
}

.footer-links li a:hover{
list-style-type:none;
	font-size:14px;
	font-color: #000000;
	font-weight:bold;
}

.footer-links li  {
list-style-type:none;
	font-size:14px;
	font-color: #000000;
	font-weight:bold;
}




.footer-links2 ul li a {
	list-style-type:disc;
	font-size:12px;
	color: #000000;
	text-decoration:none;
}

.footer-links2 ul li a:link {
	list-style-type:disc;
	font-size:12px;
	color: #000000;
	text-decoration:none;
}

.footer-links2 ul li a:hover{
	list-style-type:disc;
	font-size:12px;
	color: #000000;
}

.footer-links2ul li {
list-style-type:disc;
	font-size:12px;
	color: #000000;
}