html { min-height: 100.1%; height: 100.1%;}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
    text-align: center; /* to correct the centering IE bug*/
	


}
a:link{

font:Arial, Helvetica, sans-serif;
font-size:13px;
color:#92a709;

}
a:visited{

font:Arial, Helvetica, sans-serif;
font-size:13px;
color:#92a709;

}
a:active{

font:Arial, Helvetica, sans-serif;
font-size:13px;
color:#92a709;

}

a:hover{

font:Arial, Helvetica, sans-serif;
font-size:13px;
color:#114b9d;

}

#wrapper
{
	position: relative;
	width:1024px;
	height:auto;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background-color: #FFFFFF;
	background-image: url(images/content_bg.gif);
	min-height:101%;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #cdd2b8;
	border-left-color: #cdd2b8;	
	}
	
	
	

#banner
{
position: relative;
	width: auto;
	height:135px;
	background-color: #999999;
	clear:both;
	background-image: url(images/banner.gif);
	background-repeat: no-repeat;
	background-position: left bottom;

}


/* IE HACK \*/
#nav-menu
{
	position: absolute;
	width: 995px;
	top: auto;
	bottom: -1px;
	
	/* To center inside wrapper */
	
	left: 50%; /* moves left margin to half point */
	margin-left: -497px; /* subtract half the width of the block to center */

	background-image: url(images/navbg_995.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 0;
	margin-top: 0;
	padding-top: 5px;
	padding-right: 0px;
	padding-left: 0px;	
	


}

html>body #nav-menu
{
	position: absolute;
	width: 990px;
	top: auto;
	bottom: 0px;
	
	/* To center inside wrapper */
	
	left: 50%; /* moves left margin to half point */
	margin-left: -495px; /* subtract half the width of the block to center */
	
	background-image: url(images/navbg_990.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 5px;
	padding-right: 0px;
	padding-left: 0px;




}




#nav-menu ul
{

list-style: none;
padding: 0;
margin: 0;

}

#nav-menu li
{
float: left;
margin: 0 5px;
}

/* Hide from IE5-Mac \*/
#nav-menu li a
{
float: none;
}
/* End hide */

#nav-menu li a
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	letter-spacing:1px;
	font-size: 11px;
	line-height: 33px;
	height: 31px;
	float: left;
	width: 155px;
	color: #004f9f;
	text-decoration: none;
	text-align: center;
	background-color: #fff;
	background-image: url(images/nav.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}

#nav-menu li a:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	letter-spacing:1px;
	font-size: 11px;
	line-height: 33px;
	height: 31px;
	float: left;
	width: 155px;
	color: #ffffff;
	text-decoration: none;
	text-align: center;
	background-color: #fff;
	background-image: url(images/nav_hover.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}


/*THIS IS THE ACTIVE BUTTON ... MAKE SURE YOU GIVE BODY AN ID IN EACH PAGE*/

body#about a#aboutnav,
body#carrier a#carriernav,
body#network a#networknav,
body#quote a#quotenav,
body#contact a#contactnav,
body#home a#homenav{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	letter-spacing:1px;
	font-size: 11px;
	line-height: 33px;
	height: 31px;
	float: left;
	width: 155px;
	color:#ffffff;
	text-decoration: none;
	text-align: center;
	background-color: #fff;
	background-image: url(images/nav_over.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}

#graybar
{
width: auto;
height:auto;
background-color: #edf1d7;
clear:both;

}

#graybar2
{
width: auto;
height:auto;
background-color: #999999;
clear:both;

}

#image-container
{
width: auto;
height:auto;

}

.banner-image
{
width: 1024px;
height:176px;

}


#content
{
	height: auto;
	width: auto;
	width: 900px;
	padding-top: 30px;
	margin:0 auto;
	text-align:left;
}

#contentmap
{
        height: auto;
        width: auto;
        width: 940px;
        padding-top: 30px;
        margin:0 auto;
        text-align:left;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #004f9f;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	padding-bottom: 5px;
}



.callout-image {

	margin-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-left: 10px;
}


.callou-middle {
	width:298px;
	
	float:left;
	border-width: 1px;
	border-style: dotted;
	border-color: #999999;
	margin-top:20px;
	margin-bottom:20px;
}
.callou-right {
width:298px;
height:auto;
float:left;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	margin-top:20px;
	margin-bottom:20px;
}
.callou-left {
width:298px;
float:left;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-top-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	margin-top:20px;
	margin-bottom:20px;
}

#callout{

	height: auto;
		margin-right: 12px;
	margin-left: 12px;
	vertical-align:top;
}

#callout a:link{
font:Arial, Helvetica, sans-serif;
font-size:11px;
color:#114b9d;
font-weight:bold;
text-decoration:none;
text-align:left;

}
#callout a:visited{
font:Arial, Helvetica, sans-serif;
font-size:11px;
color:#114b9d;
font-weight:bold;
text-decoration:none;
text-align:left;

}
#callout a:active{
font:Arial, Helvetica, sans-serif;
font-size:11px;
color:#114b9d;
font-weight:bold;
text-decoration:none;
text-align:left;

}

#callout a:hover{
font:Arial, Helvetica, sans-serif;
font-size:11px;
color:#92a709;
font-weight:bold;
text-decoration:none;
text-align:left;
}

.callout-text{
font:Arial, Helvetica, sans-serif;
font-size:11px;
color: #666666;
text-align:left;

}

#callout-button a
{
	
	height: 31px;
	float: right;
	width: 83px;
	background-color: #fff;
	background-image: url(images/more.gif);
	background-position: left bottom;
	margin-right:10px;
}

#callout-button a:hover
{
	
	height: 31px;
	float: right;
	width: 83px;
	background-color: #fff;
	background-image: url(images/more_over.gif);
	background-position: left bottom;
	margin-right:10px;
}
#footer
{
	width:100%;
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	position:relative;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	height:auto;
	padding-top:30px;
	padding-bottom:150px;
	text-align: center;
	background-image:url(images/foot_bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

#footer a:link
{
font:Arial, Helvetica, sans-serif;
font-size:12px;
color:#114b9d;
margin-left:5px;
margin-right:5px;
}

#footer a:visited
{
font:Arial, Helvetica, sans-serif;
font-size:12px;
color:#114b9d;
margin-left:5px;
margin-right:5px;
}
#footer a:active
{
font:Arial, Helvetica, sans-serif;
font-size:12px;
color:#114b9d;
margin-left:5px;
margin-right:5px;
}
#footer a:hover
{
font:Arial, Helvetica, sans-serif;
font-size:12px;
color:#92a709;
margin-left:5px;
margin-right:5px;
}

.member-companies
{
width: auto;
float:left;
margin-bottom:20px;
}
.member-companies ul
{
margin:0;
margin-left:10px;
padding:0;

}
.member-companies li{
list-style-type: none;
padding-left: 20px; /* or whatever you need for you image */
background-image: url(images/bullet.gif);
background-position: center left;
background-repeat: no-repeat;
line-height:20px;
margin-right:20px;
}

.member-companies li a{
color:#114b9d;
}
.member-companies li a:hover{
color:#92a709;
}

.list {
margin:0;
margin-left:10px;
padding:0;
}

.list li {
list-style-type: none;
padding-left: 20px; /* or whatever you need for you image */
background-image: url(images/bullet.gif);
background-position: center left;
background-repeat: no-repeat;
line-height:20px;
margin-right:20px;
}

.table{
font-size:11px;
}

.clear{
clear:both;
}

.label
{
width: 150px;
float: left;
text-align: right;
margin-right: 10px;
display: block
}

.submit input
{
margin-left: 160px;
} body {
	background-image: url(images/bg.gif);
	background-repeat: repeat-y;
	background-position: center;
	margin: 0px;
	padding: 0px;
}

#quoting{
width:435px;
float:left;
margin-right:30px;
}
#questions{
width:435px;
float:left;
}
/* Tabber Stuff Below Here */
/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0px;
 border-bottom: 1px solid #999999;
 font:Arial, Helvetica, sans-serif;
 font-size:11px;
 color:#114b9d;
 font-weight:bold;
 text-decoration:none;
 text-align:left;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #778;
 border-bottom: none;
 background: #DDE;
 text-decoration: none;
}

ul.tabbernav li a:link { 
font:Arial, Helvetica, sans-serif;
font-size:11px;
color:#114b9d;
font-weight:bold;
text-decoration:none;
text-align:left;
}
ul.tabbernav li a:visited { 
font:Arial, Helvetica, sans-serif;
font-size:11px;
color:#92a709;
font-weight:bold;
text-decoration:none;
text-align:left;
}

ul.tabbernav li a:hover
{
font:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000;
font-weight:bold;
text-decoration:none;
text-align:left;
}

ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #999;
 background: white;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #aaa;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}