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

/***********************************************/
/* HTML tag styles                             */
/***********************************************/
body{
	font-family: Arial,sans-serif;
	color: #999999;
	line-height: 1.2em;	
	font-size:0.8em;
	margin: 0px;
	padding: 0px;
	background: #cdc49d;
}

/******* hyperlink and anchor tag styles *******/
a:link
{
	color:#9D8A3C;
	text-decoration: none;
}

a:link, a:visited{
	color:#9D8A3C;
	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;
}
li
{
text-align:left;
font-size:80%;
font-weight:bold;
}

/********* 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 Divs                                 */
/***********************************************/

#centred_content
{
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-360px;
	margin-left:-460px;
	padding: 0px 0px 0px 0px;
	width:920px;
	height:600px;
}
#container
{
	position:relative;
	margin:0 0 0 0;
	padding: 0px 0px 0px 0px;
	background-image:url(../images/background_gradient.gif);
	width:920px;
	height:600px;
	top:10%;
	bottom:10%;
}
#wood
{
	position:relative;
	margin:0 0 0 0;
	padding: 0px 0px 0px 0px;
	top:0;
	left:0;
	background-image:url(../images/wood.jpg);
	width:66px;
	height:600px;
	float:left;
}
#logo
{
	position:relative;
	margin:0 10px 0 0;
	padding: 0px 0px 0px 0px;
	background-image:url(../images/logo.png);
	width:304px;
	height:600px;
	float:left;
	z-index:2;
}
.picture_wide
{
	position:absolute;
	top:104px;
	left:380px;
	margin:0 0 0 0;
	padding: 0px 0px 0px 0px;
	width:522px;
	height:289px;
}
.picture_wide_full
{
	position:absolute;
	top:105px;
	left:375px;
	margin:0 0 0 0;
	padding: 0px 0px 0px 0px;
	width:540px;
	height:405px;
	overflow:auto;
}
.picture_large
{
	position:absolute;
	top:104px;
	left:380px;
	margin:0 0 0 0;
	padding: 0px 0px 0px 0px;
	width:262px;
	height:405px;
}
.picture_small
{
	position:absolute;
	top:104px;
	left:657px;
	margin:0 0 0 0;
	padding: 0px 0px 0px 0px;
	width:244px;
	height:167px;
}
.text
{
	position:absolute;
	top:300px;
	left:657px;
	margin:0 0 0 0;
	padding: 0px 0px 0px 0px;
	width:245px;
	height:209px;
	text-align:justify;
	overflow:none;
}
.text_wide
{
	position:absolute;
	top:402px;
	left:380px;
	margin:0 0 0 0;
	padding: 0px 0px 0px 0px;
	width:522px;
	text-align:justify;
	overflow:none;
}
#menu
{
	position:absolute;
	top:70px;
	left:380px;
	margin:0 0 0 0;
	padding: 0px 0px 3px 0px;
	width:522px;
	height:18px;
	text-align:centre;
	text-size:80%;
	text-weight:bold;
	color:#666666;
	
}
.gallery
{
	position:absolute;
	top:520px;
	left:380px;
	margin:0 0 0 0;
	padding: 0px 0px 0px 0px;
	height:18px;
	text-align:left;
	text-size:70%;
	color:#cdc49d;
	
}

#footer
{
	position:absolute;
	top:602px;
	left:380px;
	margin:0 0 0 0;
	padding: 0px 0px 3px 0px;
	width:522px;
	height:18px;
	text-align:right;
	text-size:60%;
	color:#9D8A3C;
	
}