/* Default CSS Stylesheet for a new Web Application project */

BODY
{
    BACKGROUND-COLOR: white;
    FONT-FAMILY: Verdana, Helvetica, sans-serif;
    FONT-SIZE: .8em;
    FONT-WEIGHT: normal;
    LETTER-SPACING: normal;
    TEXT-TRANSFORM: none;
    WORD-SPACING: normal;
    margin: 0;
}

H1, H2, H3, H4, H5, TH, THEAD, TFOOT
{
    COLOR: #003366;
}
H1	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	2em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H2	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1.75em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H3	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1.58em;
	font-weight:	500;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
	
label.label
{
	width: 100px;
	display: inline-block;
}
	
#head 
{
	width: 900px;
}
	
#navigate 
{
	text-align: center;
	width: 225px;
	/*border-right: solid 2px #026664;*/
	padding: 30px 0;
}
	
#navigate H3 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #006e7b;
	text-transform: uppercase;
	font-weight: bold;
	margin: 20px 0 0 0;
}

#navigate UL
{
	margin: 0;
	padding: 0;
	width: 100%;
}

#navigate LI
{
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #a1a1a1;
	width: 100%;
}

#navigate a
{
	color: #a1a1a1;
	width: 100%;
}

#navigate a:hover 
{
	text-decoration: underline;
}

/*#navigate LI:hover
{
	background-color: #c1c1c1;
	color: White;
}*/

#bodyHP
{
	position: absolute;
	top: 0px;
	left: 225px;
	width: 453px;
	padding: 0 24px;
	border-left: solid 2px #026664;
	/*height: 690px;*/
}

#bodyHP div.contentHP 
{
	height: 490px;
}

#body
{
	border-left: solid 2px #026664;
	position: absolute;
	top: 0px;
	left: 225px;
	width: 673px;
	padding: 0 24px;
}

#bodyHP p
{
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	width: 393px;
}

#body .newsBody 
{
	HEIGHT: 350px; 
	WIDTH: 440px; 
	PADDING-BOTTOM: 20px; 
	TEXT-ALIGN: justify;
	overflow: scroll;
	padding-right: 10px;
}

#body .portfolioBody
{
	height: 370px;
	overflow: scroll;
}

#body .servicesBody
{
	position: relative;
	height: 370px;
}

#body .body p, #body .body li, #body .body input, #body .body textarea, #body .body label, #body .productsBody p, #body .productsBody li, #body .portfolioBody p, #body .servicesBody P, #body .servicesBody li, #body .newsBody p, #body .portfolioBody span, #body .newsBody span
{
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#body .body input.button 
{
	text-align: center;
}

#body H1, #body H2, #body H3, #body H4, #body H4 a
{
	color: #006e7b;
	font-family: Arial, Helvetica, sans-serif;
}

#body .portfolioBody H4 
{
	margin-bottom: 0;
}

#body .portfolioBody P 
{
	margin-top: 0;
}

#body .portfolioBody a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: Black;
}

#body .servicesBody
{
	height: 370px;
	position:relative;
	top: 50px;
}

#body H1
{
	font-size: 20px;
	text-transform: uppercase;
	border-bottom: solid 3px #006864;
	margin-bottom: 0;
	margin-top: 40px;
	/*width: 500px;*/
}

#body H2
{
	margin-top: 0;
	color: #a1a1a1;
	font-size: 18px;
}

#body H3
{
	font-size: 16px;
	font-weight: bold;
	width: 215px;
}

#body H4
{
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 0;
	margin-top: 0px;
}

#body .body ul, #body .productsBody ul, #body .servicesBody ul
{
	margin-top: 5px;
	margin-left: 20px;
	margin-bottom: 0;
}

#body div.bodyTitleImage 
{
	position: absolute;
	right: 0px;
	top: 0;
}

#body #menu
{
	position: absolute;
	right: 10px;
	top: 80px;
}

#body #menu ul li
{
	font-family: Arial, Helvetica, sans-serif;
	color: #1c7676;
	font-size: 11px;
	font-style: italic;
}

#body #menu ul li a
{
	color: #1c7676;
}

#body div.body
{
	position: relative;
	top: 40px;
}

#body .leftColumn 
{
	position: absolute;
	top: 0px;
	width: 215px;
}

#body .rightColumn 
{
	position: absolute;
	top: -0px;
	left: 235px;
	width: 400px;
}

#body div.productsBody
{
	position: relative;
	top: 0px;
}

#body .productsLeftColumn 
{
	position: absolute;
	top: 20px;
	width: 215px;
}

#body .productsRightColumn 
{
	position: absolute;
	top: 20px;
	left: 235px;
	width: 400px;
}

#foot
{
	position: absolute;
	left: -227px;
	background-image: url(images/foot_bg.gif);
	background-repeat: repeat-x;
	width: 900px;
}

#sfp, #ttk, #hrp, #trm
{
	position: absolute;
	top: 1px;
	width: 110px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: White;
	text-transform: uppercase;
	text-align: center;
}

#trm
{
	left: 247px;
}

#sfp
{
	left: 637px;
}

#ttk
{
	left: 377px;
}

#hrp
{
	left: 507px;
}


#foot .logo
{
	height: 90px;
}

#tools
{
	position: absolute;
	top: 73px;
	left: 678px;
	width: 200px;
}

#tools #news
{
	position: relative;
	background-image: url(images/tools_bottom.gif);
  background-repeat: no-repeat;
  background-position: bottom;
  padding-bottom: 15px;
}

#tools #news .title 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #006e7b;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	margin: 20px 0 0 0;
	background-image: url(images/tools_top.gif);
  background-repeat: no-repeat;
  padding: 21px 0 0 0;
  height: 13px;
}

#tools #news .body
{
	width: 178px;
}

#body 
{
	position: absolute;
	width: 626px;
}

#tools #news .body .newsHead 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: white;
	background-color: #006e7b;
	font-weight: bold;
	padding: 2px 5px;
	text-align: left;
}

#tools #news .body .newsBody, #tools #news .body .newsBody span
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
	padding: 5px 5px;
	color: #a1a1a1;
	text-align: left;
}

#tools #news .body .newsFoot
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: right;
	border-bottom: solid 3px black
}

#tools #news .body .newsFootLast
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: right;
}

#tools #news .body .newsFootLast a
{
	font-weight: bold;
	color: #006e7b;
}


#tools #login
{
	position: relative;
	width: 200px;
	background-image: url(images/tools_login.gif);
  background-repeat: no-repeat;
  font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: white;
	text-transform: uppercase;
	font-weight: bold;
	padding: 10px 60px;
	margin-top: 20px;
}

#tools #down
{
	position: relative;
	width: 200px;
	background-image: url(images/tools_down.gif);
  background-repeat: no-repeat;
  font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: white;
	text-transform: uppercase;
	font-weight: bold;
	padding: 10px 60px;
	margin-top: 20px;
}

#foot #loginFooter
{
	position: absolute;
	width: 200px;
	background-image: url(images/tools_login.gif);
  background-repeat: no-repeat;
  font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: white;
	text-transform: uppercase;
	font-weight: bold;
	padding: 10px 60px;
	left: 250px;
}

#foot #downFooter
{
	position: absolute;
	width: 200px;
	background-image: url(images/tools_down.gif);
  background-repeat: no-repeat;
  font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: white;
	text-transform: uppercase;
	font-weight: bold;
	padding: 10px 60px;
	left: 480px;
}

#foot #hpFooter
{
	position: absolute;
	/*width: 200px;
	background-image: url(images/tools_down.gif);
  background-repeat: no-repeat;
	padding: 10px 60px;*/
  font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: white;
	text-transform: uppercase;
	font-weight: bold;
	left: 830px;
	white-space: nowrap;
}


#tools a, #foot a
{
	color: White;
	text-decoration: none;
}

#tools a:hover, #foot a:hover
{
	color: White;
	text-decoration: underline;
}

#imgMap
{
	position: absolute;
	top: 0px;
	left: 360px;
}

#Copyright
{
	background-image: url(images/foot_bl.gif);
	background-repeat: no-repeat;
	width: 227px;
	height: 126px;
}

#Copyright p.home
{
	font-size: 8pt;
	font-weight: normal;
	font-style: italic;
	font-family: Arial, Helvetica, Sans-Serif;
	text-align: center;
	position: relative;
	width: 227px;
	top: 64px;
}

#Copyright p
{
	font-size: 8px;
	font-weight: normal;
	font-style: italic;
	font-family: Arial, Helvetica, Sans-Serif;
	text-align: center;
	position: relative;
	width: 227px;
	top: 75px;
}

		
H4	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1.33em;
	font-weight:	500;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H5, DT	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H6	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	.8em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
TFOOT, THEAD	{	
	font-size:	1em;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-family: Arial, Helvetica, sans-serif;
	}	
		
TH	{	
	vertical-align:	baseline;
	font-size:	1em;
	font-weight:	bold;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-family: Arial, Helvetica, sans-serif;
	}	


A:link	{	
	text-decoration:	none;
	color:	#3333cc;
	}	
		
A:visited	{	
	text-decoration:	none;
	color:	#333399;
	}	
		
A:active	{	
	text-decoration:	none;
	color:	#333399;
	}	
		
A:hover	{	
	text-decoration:	underline;
	color:	#3333cc;
	}
	
SMALL	{	
	font-size:	.7em;
	}	

BIG	{	
	font-size:	1.17em;
	}	

BLOCKQUOTE, PRE	{	
	font-family:	Courier New, monospace;
	}	
	

UL LI	{	
	list-style-type:	square ;
	}	

UL LI LI	{	
	list-style-type:	disc;
	}	

UL LI LI LI	{	
	list-style-type:	circle;
	}	
	
OL LI	{	
	list-style-type:	decimal;
	}	

OL OL LI	{	
	list-style-type:	lower-alpha;
	}	

OL OL OL LI	{	
	list-style-type:	lower-roman;
	}	
