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

/***********************************************/
/* HTML tag styles                             */
/***********************************************/
body {
	font-family: Arial,sans-serif;
	color:#000000;
	font-size: 12px;
	background-color:#999999;
	margin-top:0px;
	margin-bottom:0px;
}
table{
	color:#000000;
	font-size: 12px;
}

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

a:link, a:visited{
	color: #ff0000;
	text-decoration: underline;
}

a:hover{
	color:#FF0000;
	text-decoration: none;
}

/************** heading tag styles **************/
p{
margin-top:0px;

}
h1{
	margin:0px;
	font: Normal 14px Arial,sans-serif;
	color: #FFFFFF;
}

h2{
	font: bold 140% Arial,sans-serif;
	color: #ff0000;
}

h3{
 	font: bold 110% Arial,sans-serif;
 	color: #666666;
	padding-top:5px;
	margin-bottom:3px;
	margin-top:3px;
	
}

h4{
	font: bold 110% Arial,sans-serif;
 	color: #666666;
	border-bottom:1px solid #666666;
	padding-bottom:5px;
}

h5{

}


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

ul{
 list-style-type: square;
 color:#666666;

}

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

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

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

dl.table-display
{
width: 41.1em;
margin: 0 0;
padding: 0;
}

.table-display dt
{
width: 10em;
float: left;
margin: 0 0 0 0;
/* padding: .5em; */
font-weight: bold;
}

/* commented backslash hack for mac-ie5 \*/
dt { clear: both; }
/* end hack */

.table-display dd
{
float: left;
width: 24em;
margin: 0 0 0 0;
/* padding: .5em; */
}

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

form {
	margin: 0;
	padding: 0;
}
label{
	font: bold 1em Arial,sans-serif;
	color: #334d55;
}
				
input{
	font-family: Arial,sans-serif;
}

/***********************************************/
/* Layout Classes                               */
/***********************************************/

.left{
	padding:0px 0px 0px 1px;
	float:left;
	border:0px solid #66cccc;
}
.right{
	padding:0px 1px 0px 0px;
	float:right;
	border:0px solid #66cccc;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

/* begin add by ian */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE5/Mac \*/
* html .clearfix {height: 1px;}
.clearfix {display: block;}
/* End hide from IE5/Mac */

/* end add by ian */

#mainContainer{
	height:auto;
	width:780px;
	background-image: url(../images/tile_main_bg.gif);	
	background-repeat:repeat-y;
	margin-left:auto;
	margin-right:auto;
	
}
/**************** header styles *****************/
#header {
	margin-left:auto;
	margin-right: auto;
	width:750px;
	border:0px solid #ff0000;
}
/************** main container holds nav and content ****************/
#container{
	height:auto;
	margin-top:15px;
	margin-left:auto;
	margin-right:auto;
	width:750px;
	border:0px solid #cccccc;
}
.mycontainer{

}
/************** main navigation styles ****************/
#subnavbar{
	width:190px;
	border: 0px solid #FFFF00;
	float:left;
	background-color:#D9D9D9;
}
#nav{
	padding-top:20px;
	padding-bottom:50px;
}
/************** main content styles ****************/
	
#content{
	float:right;
	text-align:left;
	width:550px;
	border: 0px solid #ff0000;
}



/**************** footer styles *****************/

#footer{
	margin-left:auto;
	margin-right: auto;
	width:750px;
	font-size:11px;
	color:#FFFFFF;
	text-align:center;
}



/***********************************************/
/* Component Divs                              */
/***********************************************/
#bannerPic{
	clear:both;
	width:750px;
	height:105px;
	border:0px solid #66cccc;
}

#headerNav{
	float:right;
	border:0px solid #66cccc;
	width:590px;
	height:25px;
	border:0px solid #ff0000;

}


/*//////////////////////////////////////////////*/
.pageHeading{
	padding:3px 3px 3px 6px;
	background-color:#666666;
	text-align:left;
	border: 0px solid #875846;

}


/*//////////////////////////////////////////////*/
#nav .bottom{
	
}

/*//////////////////////////////////////////////*/
#contentBody{
	text-align:left;
	padding:20px 20px 50px 10px;
	border: 0px solid #875846;
	line-height: 19px;
}
#contentBody_Bold{
	text-align:left;
	padding: 0px;
	border: 0px solid #875846;
	font-weight: bold;
}
.personnal{
	clear:both;
	width:550px;
	border: 0px solid #000000;
}
.personnal_desc{
	border: 0px solid #ff0000;
	width:350px;
	float:right;
}
.personnel_pic{
	border: 0px solid #00ff00;
	width:190px;
	float:left;
	padding-bottom:20px;
}
.personnel_pic img{
	border: 1px solid #666666;
}
.location{
	clear:both;
	width:470px;
	border: 0px solid #000000;
}
.location_desc{
	border: 0px solid #ff0000;
	width:210px;
	float:right;
}
.location_pic{
	border: 0px solid #00ff00;
	width:250px;
	float:left;
	padding: 8px 0px 0px 0px;
}

/*//////////////////////////////////////////////*/
#footer_top{
	background-color:#232020;
	width:750px;
	height:30px;
	padding:5px 0px 0px 0px;
}
#footer_bott{
	border-top:2px;
	border-top-style:solid;
	border-top-color:#FFFFFF;
	background-color:#FB0B0B;
	width:750px;
	height:30px;
	padding:5px 0px 0px 0px;

}
#footer_bott .right{
	padding-right:10px;
}
#footer_bott .left{
	padding-left:10px;
}

#footer a:link, #footer a:visited{
	font-size:11px;
	color:#FFFFFF;
	text-decoration: none;
}
#footer a:hover{
	font-size:11px;
	color:#CCCCCC;
	text-decoration: underline;
}