/***********************************************/
/* emx_nav_left.css                            */
/* Use with template Halo_leftNav.html         */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/
body{
	font-family: Arial,sans-serif;
	color: #333333;
	line-height: 1.166;
	margin: 0px;
	padding: 0px;
	background: #cccccc url("bg_grad.jpg") fixed;
	/*	Added 'text-align' as part of Fixed-Width & Centered enhancement.  AWM
		'text-align: center' because some versions of IE do not
		recognize the 'margin: auto' placement style.  AWM	*/
	text-align: center;
}

/******* hyperlink and anchor tag styles *******/

a:link, a:visited{
	color: #005FA9;
	text-decoration: none;
}
a.noUnderline:hover{
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}

/************** header tag styles **************/

h1{
 font: bold 120% Arial,sans-serif;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h2{
 font: bold 114% Arial,sans-serif;
 color: #006699;
 margin: 0px;
 padding: 0px;
}

h3{
 font: bold 100% Arial,sans-serif;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h4{
 font: 100% Arial,sans-serif;
 color: #333333;
 margin: 0px;
 padding: 0px;
}

h5{
 font: 100% Arial,sans-serif;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}



/*************** list tag styles ***************/

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

/********* form and related tag styles *********/

form {
	width: 350px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

/*
label{
 font: bold 1em Arial,sans-serif;
 color: #334d55;
}
*/

label{
	font-family: Arial, sans-serif;
	font-size: 100%;
	font-weight: normal;
	color: #334d55;
/*	display: block;	*/
	text-align: left;
/*	text-align: right;	*/
	float: left;
/*	width: 150px;	*/
	width: 25%;
	padding-right: 10px;
}

/*.required{
	color: #880000;
}*/
.required{
	color: #334d55;
}

input{
font-family: Arial,sans-serif;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#pagecell1{
	position:relative;
	width:766px;
	background-color: #ffffff;
	margin: 0px;
}

#tl {
	position:absolute;
	top: -1px;
	left: -1px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
}

#tr {
/*	position:absolute;
	top: -2px;
	right: -1px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
	left: 831px;
	width: 95px;
	height: 71px;
	*/
	position:absolute;
	top: -1px;
	right: -1px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
}

/*
#masthead{
	position: absolute;
	top: 0px;
	left: 2%;
	right: 2%;
	width:95.6%;
}
*/
#masthead{
	position: relative;
	top: 0px;
	width:766px;
	margin: 0px;
	height: 176px;
}
/*
    margin-left: auto;
    margin-right: auto;
#masthead{
	width:780px;
	top: 0px;
    margin-left: auto;
    margin-right: auto;
}
*/

#pageNav{
	float: left;
	width:205px;
	padding: 0px;
	background-color: #F5f7f7;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	font: 10pt Verdana,sans-serif;
}

#content{
	padding: 0px 0px 0px 0px;
	/*	margin: 0px 0px 0px 178px; */
	margin: 0px 0px 0px 205px;
	border-left: 1px solid #ccd2d2;
	position: relative;
}


/***********************************************/
/* Component Divs                              */
/***********************************************/
#siteName{
	margin: 0px;
	padding: 16px 0px 8px 0px;
	color: #ffffff;
	font-weight: normal;
}

/************** utility styles *****************/

#utility{
	font: 75% Verdana,sans-serif;
	position: absolute;
	top: 16px;
	right: 0px;
	color: #919999;
}

#utility a{
	color: #ffffff;
}

#utility a:hover{
	text-decoration: underline;
}

/************** pageName styles ****************/

#pageName{
	padding: 0px 0px 14px 10px;
	margin: 0px;
	border-bottom:1px solid #ccd2d2;
}

#pageName h2{
	font: bold 175% Arial,sans-serif;
	color: #000000;
	margin:0px;
	padding: 0px;
}

/*
#pageName img{
	position: absolute;
	top: 0px;
	right: 6px;
	padding: 0px;
	margin: 0px;
	background-image: url();
}
*/
#pageName img{
	position: absolute;
	top: 0px;
	right: 0px;
	padding: 0px;
	margin: 0px;
	background-image: url();
	z-index: 99;
}

/************* globalNav styles ****************/

/*
#globalNav{
position: relative;
width: 100%;
min-width: 640px;
height: 32px;
color: #cccccc;
padding: 0px;
margin: 0px;
background-image:  url("glbnav_background.gif");
}
*/
/*	width: 780px;*/
#globalNav{
	position: relative;
	width: 100%;
	min-width: 640px;
	height: 32px;
	color: #cccccc;
	padding: 0px;
	margin: 0px;
	background-image:  url(glbnav_background.gif);
}

#globalNav img{
	margin-bottom: -4px;
 
}

#gnl {
	position: absolute;
	top: 0px;
	left:0px;
}

#gnr {
	position: absolute;
	top: 0px;
	right:0px;
}

/*
#globalLink{
	position: absolute;
	top: 6px;
	height: 22px;
	min-width: 640px;
	padding: 0px;
	margin: 0px;
	left: 5px;
	z-index: 100;
	width: 552px;
}
*/
#globalLink{
	position: absolute;
	top: 5px;
	height: 22px;
	min-width: 640px;
	padding: 0px;
	margin: 0px;
	left: 7px;
	z-index: 100;
	width: 620px;
}


/*
a.glink, a.glink:visited{
  	font-size: small;
  	color: #000000;
	font-weight: bold;
	margin: 0px;
	padding: 2px 5px 4px 5px;
	border-right: 1px solid #8FB8BC;
}
*/
a.glink, a.glink:visited{
	font-size: small;
	color: #000000;
	margin: 0px;
	padding: 2px 5px 4px 5px;
	border-right: 1px solid #8FB8BC;
}

a.glink:hover{
  	background-image:  url("glblnav_selected.gif");
	text-decoration: none;
}

.skipLinks {display: none;}

/************ subglobalNav styles **************/

.subglobalNav{
	position: absolute;
	top: 84px;
	left: 0px;
	/*width: 100%;*/
	min-width: 640px;
	height: 20px;
	padding: 0px 0px 0px 10px;
	visibility: hidden;
	color: #ffffff;
}

.subglobalNav a:link, .subglobalNav a:visited {
	font-size: 80%;
	color: #ffffff;
}

.subglobalNav a:hover{
	color: #cccccc;
}

/*************** search styles *****************/

#search{
	position: absolute;
	top: 5px;
	right: 10px;
	z-index: 101;
}

#search input{
  font-size: 70%;
  margin: 0px  0px 0px 10px;
 }
 
#search a:link, #search a:visited {
	font-size: 80%;
	font-weight: bold;
	
}

#search a:hover{
	margin: 0px;
}


/************* breadCrumb styles ***************/

#breadCrumb{
	margin: 0px 40px;
	/*padding: 5px 0px 5px 10px;*/
	font: 10pt Verdana,sans-serif;
	color: #AAAAAA;
	/*margin-left: auto;*/
	/*margin-right: 40px;*/
	width: 470px;
	text-align: right;
}

#breadCrumb a{
	/*color: #AAAAAA;*/
	color: #005FA9;
	/*text-decoration: underline;*/
}

#breadCrumb a:hover{
	color: #005FA9;
	text-decoration: underline;
}


/************** feature styles *****************/

.feature{
	padding: 0px 15px 10px 20px;
	font-size: 80%;
	/*min-height: 200px;*/
}
html>body .feature {
	height: auto;
}

.feature h3{
/*	font: bold 175% Arial,sans-serif;	*/
	font: bold 150% Georgia, Times New Roman, Times, serif;
/*	color: #000000;	*/
/*	color: #0030C5;	*/
	color: #0035AD;
/*	color: #0000FF;	*/		/* Pure Blue: A little too obnoxious, too bright for the text. */
	padding: 30px 0px 5px 0px;
}

h4
{
	font: 120% Arial,sans-serif;
/*	color: #0035AD; */
	color: #000000;
	margin: 0px;
	padding: 0px;
}

.feature img{
	float: left;
	padding: 0px 10px 0px 0px;
}


/*************** story styles ******************/

.story {
	padding: 10px 15px 0px 20px;
	font-size: 10pt;
}

.story h3{
/*	font: bold 125% Arial,sans-serif;	*/
	font: bold 125% Georgia, Times New Roman, Times, serif;
	color: #000000;
}

.story p {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

.story a.capsule{
	font: bold 10pt Arial,sans-serif;
	color: #005FA9;
	display:block;
	padding-bottom: 5px;
}

.story a.capsule:hover{
	text-decoration: underline;
}

td.storyLeft{
	padding-right: 12px;
}


/************** siteInfo styles ****************/

#siteInfo{
	clear: both;
	border-top: 1px solid #cccccc;
	font-size: 10pt;
	color: #cccccc;
	margin-top: -1px;
	padding: 10px 10px 10px 10px;
}

#siteInfo img{
	padding: 4px 4px 4px 0px;
	vertical-align: middle;
}


/************ sectionLinks styles **************/

#sectionLinks{
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 200px;
	margin-left: 0px;

}

#sectionLinks h3{
	padding: 10px 0px 2px 10px;
	border-bottom: 1px solid #cccccc;
}

#sectionLinks a:link, #sectionLinks a:visited {
	display: block;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;
	background-image:  url("bg_nav.jpg");
	font-weight: bold;
	padding: 3px 0px 3px 10px;
}

#sectionLinks a:hover{
	border-top: 1px solid #cccccc;
	background-color: #DDEEFF;
	background-image: none;
	font-weight: bold;
	text-decoration: none;
}
#sectionLinks span {
	display: block;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;
	background-image:  url("bg_nav.jpg");
	font-weight: bold;
	padding: 3px 0px 3px 10px;
}
#sectionLinks .parent {
	color: #21536A;
	text-indent: 0px;
}
#sectionLinks .home{
	background-color: #FFFFFF;
	background-image: none;
	text-indent: 0px;
	color: #444444;
}
#sectionLinks .sibling {
	color: #21536A;
	text-indent: 15px;
}
#sectionLinks .self{
	/*background-color: #DDEEFF;*/
	background-color: #FFFFFF;
	background-image: none;
	text-indent: 15px;
	/*color: #000000;*/
	color: #444444;
	/*color: #334d55;*/
	/*color: #0035AD;*/
}
#sectionLinks .child{
	color: #21536A;
	text-indent: 30px;
}
/************* new navigation styles ************/
#sectionLinks .link1 {
	color: #21536A;
	text-indent: 0px;
}
#sectionLinks .self1{
	background-color: #FFFFFF;
	background-image: none;
	text-indent: 0px;
	color: #444444;
}
#sectionLinks .link2 {
	color: #21536A;
	text-indent: 15px;
}
#sectionLinks .self2{
	/*background-color: #DDEEFF;*/
	background-color: #FFFFFF;
	background-image: none;
	text-indent: 15px;
	/*color: #000000;*/
	color: #444444;
	/*color: #334d55;*/
	/*color: #0035AD;*/
}
#sectionLinks .link3{
	color: #21536A;
	text-indent: 30px;
}
#sectionLinks .self3{
	/*background-color: #DDEEFF;*/
	background-color: #FFFFFF;
	background-image: none;
	text-indent: 30px;
	/*color: #000000;*/
	color: #444444;
	/*color: #334d55;*/
	/*color: #0035AD;*/
}

/************* relatedLinks styles **************/

.relatedLinks{
	margin: 0px;
	padding: 0px 0px 10px 10px;
	border-bottom: 1px solid #cccccc;
}

.relatedLinks h3{
	padding: 10px 0px 2px 0px;
}

.relatedLinks a{
	display: block; 
}


/**************** advert styles *****************/

#advert
{
	border-bottom: 1px solid #cccccc;
	margin-left: auto;
	margin-right: auto;
	width: 185px;
	margin: 10px;
}

#advertLast
{
	padding: 10px;
}

#advert img
{
	display: block;
}

/********************* end **********************/
#Error {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #880000;
	margin-top: 5px;
	margin-bottom: 10px;
}
#Error:first-line {
	font-weight: bold;
}
.csi
{
 	text-align: center;
	margin-right: 5px;
	float: left;
	font-family: 'Times New Roman', Times, serif;
	font-size: 14pt;
	font-style: italic;
	color: #000000;
	font-weight: bold;
}
#centerPage {
	/*	This class along with the changes to the BODY tag, are what implements the centering
		and fixed width (sort of, see below about width.
		Width here is probably more or less ignored, though this is where it should be. */
	width: 766px;
	margin: auto;
/*	The closing 'text-align: left' is here even though osCommerce is
	handled within tables and this style is declared before the
	tables start, some versions of Internet Explorer may try to center
	the text in the absence of this declaration.
*/
	text-align: left;
}

ul.nodisc
{
	list-style-type: none;
}

ul.nodisc li
{
	margin-top: 5px;
	margin-left: -15px;
	padding-left: 0px;
}
.story td {
}
.story td p {
	margin: 5px;
}
.input_text {
	background-image: url(search_bg3.gif);
	border: 0px none;
	width: 167px;
	height: 16px;
	float: left;
	padding: 4px 10px;
	margin-bottom: 10px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.input_text:focus {
	background-position: 0 -24px;
}
.input_text_error {
	background-image: url(search_error.gif);
	border: 0px none;
	width: 167px;
	height: 16px;
	float: left;
	padding: 4px 10px;
	margin-bottom: 10px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.input_text_error:focus {
	background-position: 0 -24px;
}
p.error
{
	text-align: center;
	font-weight: bold;
	color: #990000;
}
.contact_input {
	height: 20px;
	margin-bottom: 5px;
	padding: 5px;
}
/************************
	Normal Setup
*************************/
.contact_input label {
	font-weight: bold;
}
.contact_input .contact_left {
	float: left;
	height: 22px;
	width: 7px;
	position: relative;
	border-left: 1px solid #000000;
	margin-bottom: -2px;
}
.contact_input .contact_right {
	float: left;
	height: 22px;
	width: 7px;
	position: relative;
	border-right: 1px solid #000000;
	margin-bottom: -2px;
}
img.left {
	float: left;
	clear: left;
}
p.right {
	float: right;
}
p.portfolio {
	float: right;
	width: 340px;
	margin-right: 20px;
	font-size: 80%;
}
#content div.portfolio {
	clear: none;
	float: right;
	width: 560px;
	margin-top: 5px;
	border-left: 1px solid #ccd2d2;
}