﻿/************************************************/
/* Stylesheet for display by a PC               */
/*                                              */
/* 25feb2009 - converted to box-in-box model    */
/*             as a hack to get around IE's     */
/*             inability to deal with padding:  */
/*             as we only care about padding    */
/*             text we only use box-in-box for  */
/*             those elements of the page       */
/************************************************/

#allcontent{
    font-family: Verdana;
    font-size: 12px;
    line-height: 140%;
    text-decoration: none;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 1024px;
    background-color: #ffffff;
}

#footer{
	position:			absolute;
	top:				730px;
	left:				430px;
	text-align:			center;
	color:				#3D6088;
	/*border:				dotted; */
}

#shortSpacer{						/* sets displayed menu button to grey */
	position:			absolute;
	top:				91px;
	left:				0px;
	width:				200px;
	height:				28px;
	border-bottom: 		1px solid #ffffff;
	border-top: 		1px solid #ffffff;	
	background-color: 	#d8d7d7;
	color:				#000000;
	/*border:				dotted;*/
}

#longSpacer{
	position:			absolute;
	top:				285px;
	left:				0px;
	width:				200px;	
	height: 			435px;
	border-top: 		1px solid #ffffff;	
	border-bottom: 		#d8d7d7 1px solid;
	background-color: 	#e0e0e0;
	/*border:				dotted;*/
}

#factsTxt{
	position:			absolute;
	top:				20px;
	left:				10px;
	font-size:			12px;
	font-weight: bold;
	width:				180px;
	/*border:				dotted;*/
}

#randTxt{
	position:			absolute;
	top:				40px;
	left:				10px;
	width:				180px;
	/*border:				dotted;*/
}

#blocker{
	position:			absolute;
	top:				90px;
	left:				200px;
	background-color: 	#ffffff;
	height:				20px;
	width:				824px;
	/*border:				dotted;	*/
}

#leftBanr{
	position:			absolute;
	top:				110px;
	left:				240px;
	background-color: 	#ffffff;
	height:				40px;
	width:				375px;
	/*border:				dotted;*/
}

#rightBanr{
	position:			absolute;
	top:				110px;
	left:				700px;
	background-color: 	#ffffff;
	height:				40px;
	width:				300px;
	/*border:				dotted;*/
}

/************************************/
/* Table styling for Services pages */
/************************************/

td.style1 {
	text-align: center;
	font-size: small;
	background-color: #3D6088;
	border: 1px solid #666666;
}

td.style2 {
	text-align: center;
	font-size: x-small;
	border: 1px solid #666666;

}

td.style4 {
	text-align: center;
	font-size: x-small;
	background-color: #BDBDF4;
	border: 1px solid #666666;

}

td.style5 {
	text-align: center;
	font-size: small;
	background-color: #3D6088;
	color: #FFFFFF;
	border: 1px solid #666666;
}

td.style6 {
	text-align: right;
	font-size: x-small;
/*	border: 1px solid #666666; */

}

/***************************************/
/* services.html Page Specific Styling */
/***************************************/

#servLeftTextBox{
    /* box-in-box */
	text-align: left;
    position: absolute;
    top: 160px;
    left: 240px;
    background-color: #f0f0f0;
    color: #000000;
    height: 549px;
    width: 784px;
/*	border:				dotted; */
}

#servLeftBox{
	position:			absolute;
	top:				160px;
	left:				240px;
	background-color: 	#f0f0f0;
	color:				#000000;
	height:				563px;
	width:				390px;
	/*border:				dotted;*/
}

#servLeftText{
	text-align: 		left;
	position:			absolute;
	top:				10px;
	left:				10px;
	background-color: 	#f0f0f0;
	color:				#000000;
	height:				544px;
	width:				330px;
	/*border:				dotted;*/
}

#servRightBox{
	position:			absolute;
	top:				160px;
	left:				628px;
	background-color: 	#f0f0f0;
	color:				#000000;
	height:				563px;
	width:				396px;
	/*border:				dotted;*/
}

#servRightText{
	text-align: 		left;
	position:			absolute;
	top:				10px;
	left:				10px;
	background-color: 	#f0f0f0;
	color:				#000000;
	height:				544px;
	width:				330px;
	/*border:				dotted;*/
}

/***********/
/* Buttons */
/***********/

#selBut1{
	display:			block;
	position:			absolute;
	top:				119px;
	left:				0px;
	height:				28px;
	width:				200px;
	background:			url(../images/menuButtons/homeOn.gif) no-repeat 0 0;
	border-top: 		#ffffff 1px solid;
	border-bottom: 		#ffffff 1px solid;
	/*border:				dotted;*/
}

#defBut1{
	display:			block;
	position:			absolute;
	top:				119px;
	left:				0px;
	height:				28px;
	width:				200px;
	background:			url(../images/menuButtons/homeOff.gif) no-repeat 0 0;
	border-top: 		#ffffff 1px solid;
	border-bottom: 		#ffffff 1px solid;
	/*border:				dotted;*/
}

#defBut1:hover{
	background-image:	url(../images/menuButtons/homeHvr.gif);
	background-color:	#f0f0f0;
}

#selBut2{
	display:			block;
	position:			absolute;
	top:				147px;
	left:				0px;
	height:				28px;
	width:				200px;
	background:			url(../images/menuButtons/aboutOn.gif) no-repeat 0 0;
	border-top: 		#ffffff 1px solid;
	border-bottom: 		#ffffff 1px solid;
	/*border:				dotted;*/
}

#defBut2{
	display:			block;
	position:			absolute;
	top:				147px;
	left:				0px;
	height:				28px;
	width:				200px;
	background:			url(../images/menuButtons/aboutOff.gif) no-repeat 0 0;
	border-top: 		#ffffff 1px solid;
	border-bottom: 		#ffffff 1px solid;
	/*border:				dotted;*/
}

#defBut2:hover{
	background-image:	url(../images/menuButtons/aboutHvr.gif);
	background-color:	#f0f0f0;
}

#selBut3{
	display:			block;
	position:			absolute;
	top:				175px;
	left:				0px;
	height:				28px;
	width:				200px;
	background:			url(../images/menuButtons/servicesOn.gif) no-repeat 0 0;
	border-top: 		#ffffff 1px solid;
	border-bottom: 		#ffffff 1px solid;
	/*border:				dotted;*/
}

#defBut3{
	display:			block;
	position:			absolute;
	top:				175px;
	left:				0px;
	height:				28px;
	width:				200px;
	background:			url(../images/menuButtons/servicesOff.gif) no-repeat 0 0;
	border-top: 		#ffffff 1px solid;
	border-bottom: 		#ffffff 1px solid;
	/*border:				dotted;*/
}

#defBut3:hover{
	background-image:	url(../images/menuButtons/servicesHvr.gif);
	background-color:	#f0f0f0;
}

#selBut4{
	display:			block;
	position:			absolute;
	top:				203px;
	left:				0px;
	height:				28px;
	width:				200px;
	background:			url(../images/menuButtons/capabilityOn.gif) no-repeat 0 0;
	border-top: 		#ffffff 1px solid;
	border-bottom: 		#ffffff 1px solid;
	/*border:				dotted;*/
}

#defBut4{
	display:			block;
	position:			absolute;
	top:				203px;
	left:				0px;
	height:				28px;
	width:				200px;
	background:			url(../images/menuButtons/capabilityOff.gif) no-repeat 0 0;
	border-top: 		#ffffff 1px solid;
	border-bottom: 		#ffffff 1px solid;
	/*border:				dotted;*/
}

#defBut4:hover{
	background-image:	url(../images/menuButtons/capabilityHvr.gif);
	background-color:	#f0f0f0;
}

#selBut5{
	display:			block;
	position:			absolute;
	top:				231px;
	left:				0px;
	height:				28px;
	width:				200px;
	background:			url(../images/menuButtons/contactOn.gif) no-repeat 0 0;
	border-top: 		#ffffff 1px solid;
	border-bottom: 		#ffffff 1px solid;
	/*border:				dotted;*/
}

#defBut5{
	display:			block;
	position:			absolute;
	top:				231px;
	left:				0px;
	height:				28px;
	width:				200px;
	background:			url(../images/menuButtons/contactOff.gif) no-repeat 0 0;
	border-top: 		#ffffff 1px solid;
	border-bottom: 		#ffffff 1px solid;
	/*border:				dotted;*/
}

#defBut5:hover{
	background-image:	url(../images/menuButtons/contactHvr.gif);
	background-color:	#f0f0f0;
}

#selBut6{
	display:			block;
	position:			absolute;
	top:				259px;
	left:				0px;
	height:				28px;
	width:				200px;
	background:			url(../images/menuButtons/careersOn.gif) no-repeat 0 0;
	border-top: 		#ffffff 1px solid;
	border-bottom: 		#ffffff 1px solid;
	/*border:				dotted;*/
}

#defBut6{
	display:			block;
	position:			absolute;
	top:				259px;
	left:				0px;
	height:				28px;
	width:				200px;
	background:			url(../images/menuButtons/careersOff.gif) no-repeat 0 0;
	border-top: 		#ffffff 1px solid;
	border-bottom: 		#ffffff 1px solid;
	/*border:				dotted;*/
}

#defBut6:hover{
	background-image:	url(../images/menuButtons/careersHvr.gif);
	background-color:	#f0f0f0;
}

/*****************/
/* Pop Out Menus */
/*****************/

li:hover ul { display: block; }

