/* HSS Engineering - CSS stylesheet */

/****************
 STYLE BY ID
****************/

#header
{
	margin: 0 auto 0;
	width: 800px;
	background-position: center;
	background-repeat: no-repeat;
	height: 10px;
	background-color:White;
}

#banner
{
	margin: 0 auto 0;
	width: 800px;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("../images/banner/logo.png");
	height: 127px;
	background-color:White;
}

#menu
{
	border-top: solid 1px black;
	border-bottom: solid 1px black;
	margin: 0 auto 0;
	background-color:white;
	/*background-color: #CCFFBB;*/
	width: 800px;
	padding: 5px 0px 5px 0px;
	clear: left;
	text-align:center;
}

#holder
{
	margin: 0 auto 0;
	background: white;
	width: 800px;
	clear:left;
	padding: 5px 0px 5px 0px;
}

#footer
{
	margin: 0px auto 0px;
	background: white;
	width:800px;
	clear: left;
	padding: 10px 0 0 0;
}

/****************
 STYLE BY CLASS
****************/

.sectionTitle
{
	margin: 0px auto 0px;
	width: 800px;
	background-color: #1E90FF; /* #0000FF;  #99CC99; */
}

.menuItem /* An item in the menu div */
{
	 text-decoration: none;
	 padding: 5px;
	 color: Black;
	 font-family: "Calibri", "Arial Narrow", "Franklin Gothic Medium", "Helvetica", "Verdana", "Trebuchet MS", "Arial", "SansSerif", "Sans-Serif";
	 font-size: 10pt;
	 font-weight: bold;
}

.activeMenuItem /* The selected item in the menu div */
{
	 text-decoration: none;
	 padding: 5px;
	 color: #0300F7; /* #22C522; #006400 */
	 font-family: "Calibri", "Arial Narrow", "Franklin Gothic Medium", "Helvetica", "Verdana", "Trebuchet MS", "Arial", "SansSerif", "Sans-Serif";
	 font-size: 10pt;
	 font-weight: bold;
}

.menuItem:hover /* When the link is hovered over */
{
	color: #0300F7; /* #22C522; #006400 */
}

.pFooter
{
	font-family: "Calibri", "Arial Narrow", "Franklin Gothic Medium", "Helvetica", "Verdana", "Trebuchet MS", "Arial", "SansSerif", "Sans-Serif";
	color: Black;
	font-size: 10pt;
	text-align:center;
}

.bodyText
{
	font-family: "Calibri", "Arial Narrow", "Franklin Gothic Medium", "Helvetica", "Verdana", "Trebuchet MS", "Arial", "SansSerif", "Sans-Serif";
	color: Black;
	font-size: 12pt;
	padding: 10px 10px 10px 10px;
}

.bodyTextList
{
	font-family: "Calibri", "Arial Narrow", "Franklin Gothic Medium", "Helvetica", "Verdana", "Trebuchet MS", "Arial", "SansSerif", "Sans-Serif";
	color: Black;
	font-size: 12pt;
	padding: 20px 0px 10px 60px;
	margin: 0 auto 0;
	background: white;
	clear:left;
}

.bodyTextSmall
{
	font-family: "Calibri", "Arial Narrow", "Franklin Gothic Medium", "Helvetica", "Verdana", "Trebuchet MS", "Arial", "SansSerif", "Sans-Serif";
	color: Black;
	font-size: 10pt;
	padding: 0px 10px 10px 10px;
}

.centredText
{
	text-align: center;
}

.headerText
{
	font-family:"Calibri", "Arial Narrow", "Franklin Gothic Medium", "Helvetica", "Verdana", "Trebuchet MS", "Arial", "SansSerif", "Sans-Serif";
	font-size:16pt;
	color:White;
	font-weight:bold;
	margin: 0 10px;
	padding: 5px 0 5px 0;
}

.subHeaderText
{
	font-family:"Calibri", "Arial Narrow", "Franklin Gothic Medium", "Helvetica", "Verdana", "Trebuchet MS", "Arial", "SansSerif", "Sans-Serif";
	font-size:14pt;
	color:Black;
	font-weight:bold;
	margin: 0 10px;
	padding: 5px 0 5px 0;
}

.noUnderline
{
	text-decoration: none
}

.contactFormTextField
{
	font-family: "Calibri", "Arial Narrow", "Franklin Gothic Medium", "Helvetica", "Verdana", "Trebuchet MS", "Arial", "SansSerif", "Sans-Serif";
	font-size: 8pt;
	width: 400px;
}

.contactFormButton
{
	font-family: "Calibri", "Arial Narrow", "Franklin Gothic Medium", "Helvetica", "Verdana", "Trebuchet MS", "Arial", "SansSerif", "Sans-Serif";
	font-size: 8pt;
	border-color: #000080;
	color:#FFFFFF;
	background-color:#000080;
	text-decoration: none;
	width: 80px;
	text-align:center;
}

.fixedWithTableCell
{
	width: 200px;
}


/* For Rounded corners.. */
b.rtop, b.rbottom
{
	display:block;
	background: #000080;
}

b.rtop b, b.rbottom b
{
	display:block;
	height: 1px;
	overflow: hidden;
	background: white;
}

b.r1
{
	margin: 0 5px
}

b.r2
{
	margin: 0 3px
}

b.r3
{
	margin: 0 2px
}

b.rtop b.r4, b.rbottom b.r4
{
	margin: 0 1px;
	height: 2px
}

/****************
 STYLE BY ELEMENT
****************/

body
{
	background-color: #000080; /*#007545; #8FDE53; */
}

html
{
	overflow-y: scroll;
}

span
{
	font-family: "Calibri", "Arial Narrow", "Franklin Gothic Medium", "Helvetica", "Verdana", "Trebuchet MS", "Arial", "SansSerif", "Sans-Serif";
	color: Black;
	padding: 5px 5px 5px 5px;
}

ul li
{
	/* list-style: square outside url("../images/logo_bullet.jpg"); */
	font-family: "Calibri", "Arial Narrow", "Franklin Gothic Medium", "Helvetica", "Verdana", "Trebuchet MS", "Arial", "SansSerif", "Sans-Serif";
	color: Black;
	font-size: 12pt;
	padding: 0px 10px 10px 10px;
}

a
{
	color: #000080;
}

a:hover /* When the link is hovered over */
{
	color: #1E90FF;
}