/* CSS Document */
/*Index:
Main Body Text
Positions  page && contacts page
Top Page Formatting 
Bottom Page Formatting
Left navigation Formatting 
Forms Formatting
About us page
ourCommitment page
index page
shipment form

*/

/**** main Body Formatting ********************/

body
{
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 10px;
	margin: 0px 0px 0px 0px;
	background-color: #CCCCCC;

}

/* ensures that the body and left navigation size and position is unaffected even if the browser is resized.*/
.container
{
	width:800px;
	margin: 0px;
	padding: 0px;
	position:relative;
	
}

.mainBody
{
	margin: 0px 0px 0px 0px;
	float: left;
	position:relative;
	background-color:#FFFFFF;
	width:600px;
	font-family: Helvetica, Arial, Verdana, sans-serif ;
	font-size: 11px;
	color: #666666;
	padding: 5px 2px 5px 10px;
}

.mainBody A:visited  {color: #666666; text-decoration: none}
.mainBody A:link  {color: #666666; text-decoration: none}
.mainBody A:active  {color: #666666; text-decoration: none}
.mainBody A:hover {color: #666666; text-decoration: underline}


.pageBanner
{
	display: inline;
	overflow:hidden;
	clear:both;
	height:113px;
}

.pageTitle
{
	background-color:#FFFFFF;
	width: 600px;
	text-align: left;
	margin: 0px 0px 0px 0px;
	position:relative;
	float: left;
	font-size:14px;
	color:#003366; 
	padding: 0px 0px 0px 10px;
}

.subHeadings
{
	font-family: Helvetica, Arial, Verdana, sans-serif ;
	font-size: 11px;
	color:#333333;
	font-weight:bold;
}


.allTables
{
	font-family: Helvetica, Arial, Verdana, sans-serif ;
	font-size: 11px;
	color: #666666;
}

/****** Positions  page && contacts page**********/
.positionTable
{
	font-family: Helvetica, Arial, Verdana, sans-serif ;
	font-size: 11px;
	color: #666666;
}

.positionHeader
{
	color:#000000;
	background-color: #FDFAF2;
	font-weight:bold;
	border: 1px solid #CCCCCC;
}

.positionCaption
{
	color:#000000;
	font-weight:bold;
}

/************* Top Page Formatting *********/
.containerTopPage
{
	width:800px;
	height: 100px;
	margin: 0px;
	padding: 0px;
	float: none;
	position:relative;
	clear: both;
	background-color:#FFFFFF;
}

.logo
{
	width: 250px; /* if logo size is different then adjust the width. do not change the height of trhe div */
	height: 65px;
	float: left;
	display: inline;
	background-color:#FFFFFF;
	padding:15px;
}

.websiteName
{
	background-color: #FFFFFF;
	padding: 25px;
	margin:0px;
	height: 65px;
	float: right;
	position: relative;
	width:450px;
}

.menuBar
{
	background-color: #FFFFFF;
	font-weight:bold;
	position:relative;
	float: none;
	padding:0px;
	margin:0px;
	clear:both;
	display:inline;
	overflow:hidden;
	height:20px;
}

.menuTable
{
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	width:100%;
	height:20px;
	color:#FFFFFF;
	font-weight:bold;
}
.menuTable td
{
	padding-left: 5px;
	padding-right: 5px;
}

.menuTable A:visited  {color: #FFFFFF; text-decoration: none}
.menuTable A:link  {color: #FFFFFF; text-decoration: none}
.menuTable A:active  {color: #FFFFFF; text-decoration: none}
.menuTable A:hover {color: #FFFFFF; text-decoration: none}

/*********** Bottom Page Formatting *****/

.pageFooter
{
	color:#333333;
	font-size:11px;
	font: Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
	width:650px;
	clear:both;
	padding: 0px 0px 10px 75px;
}


.pageFooter A:visited  {color: #333333; text-decoration: none}
.pageFooter A:link  {color: #333333; text-decoration: none}
.pageFooter A:active  {color: #333333; text-decoration: none}
.pageFooter A:hover {color: #333333; text-decoration: underline}

.footerLine
{
	color:#666666;
	clear:both;
}

.bottomBlue
{
	height:30px;
	background-color: #003366;
}

/******* left navigation ***/
/**************** Left navigation Formatting *************/
.leftNavigation
{
	/* border-color: #E4E6F5; # ;  ECF3FB, */
	border-width:0px;
	float: left;
	width: 175px;
	height: 100%;
	margin: 0px 0px 0px 0px;
	padding:5px;
	background-color:#FFFFFF;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 11px;
	color:#6699CC;
	font-weight:bold;
}
.leftNavigation A:visited  {color: #6699CC; text-decoration: none}
.leftNavigation A:link  {color: #6699CC; text-decoration: none}
.leftNavigation A:active  {color: #6699CC; text-decoration: none}
.leftNavigation A:hover {color: #003366; text-decoration: none}



.navigationTable
{
	background-color:#FFFFFF;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 11px;
	color:#6699CC;
	font-weight:bold;
	width:165px;
}
.navigationTable A:visited  {color: #6699CC; text-decoration: none}
.navigationTable A:link  {color: #6699CC; text-decoration: none}
.navigationTable A:active  {color: #6699CC; text-decoration: none}
.navigationTable A:hover {color: #003366; text-decoration: none}

.navigationTable Td
{
	border-bottom-color: #666666;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding: 5px;
}

/**************** Forms Formatting *************/
.errmsgForm
{
	font-size: 11px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: bold;
	color: #FF0000;
	text-align: left;
}

/******** About us page ****/
.motto
{
	font-weight:bold;
	color:#003366;
}

/******** ourCommitment page ****/
.imgLink A:visited  {color:#666666; text-decoration: none}
.imgLink A:link  {color:#666666; text-decoration: none}
.imgLink A:active  {color:#666666; text-decoration: none}
.imgLink A:hover {color:#666666; text-decoration: none}



/******* index page ***/
.homepageBanner
{
	display: inline;
	overflow:hidden;
	clear:both;
	padding:0px;
	margin:0px;
	border: 0px;
	position:relative;
}

.indexTable
{
	vertical-align:top;
	margin:5px;
}

.leftBody
{
	border-width:0px;
	width: 200px;
	margin: 0px 0px 0px 0px;
	padding: 10px;
	background-color:#FFFFFF;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 11px;
	color:#6699CC;
	vertical-align:top;
}

.middleBody
{
	background-color:#FFFFFF;
	width:320px;
	font-family: Helvetica, Arial, Verdana, sans-serif ;
	font-size: 11px;
	color: #666666;
	padding: 10px;
	border-left: 2px dotted #CCCCCC;
	border-right: 2px dotted #CCCCCC;
	vertical-align:top;
}

.rightBody
{
	width: 180px;
	position:relative;
	background-color:#FFFFFF;
	font-family: Helvetica, Arial, Verdana, sans-serif ;
	font-size: 11px;
	color: #333333;
	padding: 10px;
	vertical-align:top;
}

.indexPageText
{
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 10px;
	color: #666666;
}

.indexPageSubHeading
{
	font-size: 11px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: bold;
	color: #000000;
}

.indexPageSubHeading A:visited  {color: #000000; text-decoration: none}
.indexPageSubHeading A:link  {color: #000000; text-decoration: none}
.indexPageSubHeading A:active  {color: #000000; text-decoration: none}
.indexPageSubHeading A:hover {color: #000000; text-decoration: underline}


.loginTable
{
	background-color: #FDFAF2;
	font-family: Helvetica, Arial, Verdana, sans-serif ;
	font-size: 11px;
	border: 1px solid #CCCCCC;
	color: #333333;
}

.loginTable A:visited  {color: #333333; text-decoration: none}
.loginTable A:link  {color: #333333; text-decoration: none}
.loginTable A:active  {color: #333333; text-decoration: none}
.loginTable A:hover {color: #333333; text-decoration: underline}

.submitButton
{
	font-size: 11px;
	font-family: Helvetica, Arial, Verdana, sans-serif ;
	font-weight: bold;
}

.indexTitle
{
	background-color:#FFFFFF;
	font-size:14px;
	color:#003366; 
}


/******* shipment form ************/

.shipmentForm
{
	border: 1px solid #CCCCCC;
	font-size: 11px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: bold;
	color:#000000;
	background-color: #FDFAF2;
}

/* ensures number inputs are right aligned*/
.numericValues
{
	text-align: right;
}