/*#########################################################################

	PAGE LAYOUT (css)

	Version 1.1 - Last Changed (08/06/2007)

	This stylesheet contains the structure for the main document containers and applicable 
	custom elements, only structural css should be put in this stylesheet to keep the
	seperation of structure (positioning, margins, float) and design (colours, fonts, effects).
	Seperation of structure and design allows for easier changing of the look of a site
	without comprimising the structure and vice versa.

#########################################################################*/


/*##################
 BODY
###################*/

body.mainbody {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    position: relative;
}

/*############################
 BODY CONTENT CONTAINERS
############################*/
	
	/* HEADER */

	div#header_container {
		width: 100%;
		margin: 0;
		padding: 0;
		display: block;
		clear: both;
		height: 150px;
	}

	div#page_title {
		width: 80%;
		margin: auto;
	}

	#page_title img {
		width: 263px;
		height: 79px;
	}
	
	/* ###### */

div#page_container {
    width: 80%;
    margin: auto;
    position: relative;
}

div#left_column {
    width: 20%;
    float: left;
}

div#right_column {
    \: left;
}

li#FarRightMenu {
    position: absolute;
    right: 0;
    width: 20%;
    top: 0;
}

div#footer_container {
    width: 100%;
    display: block;
    clear: both;
}

/*############################
DOCUMENT ELEMENTS
Custom styles for any elements that need additional structure attributes outside of the libero.css design scope.
############################*/

/*#########################################################################

	PAGE LAYOUT (css)

	Version 1.1 - Last Changed (08/06/2007)

	This stylesheet contains the structure for the main document containers and applicable 
	custom elements, only structural css should be put in this stylesheet to keep the
	seperation of structure (positioning, margins, float) and design (colours, fonts, effects).
	Seperation of structure and design allows for easier changing of the look of a site
	without comprimising the structure and vice versa.

#########################################################################*/


/*##################
 BODY
###################*/

body.mainbody {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    position: relative;
}

/*############################
 BODY CONTENT CONTAINERS
############################*/
	
	/* HEADER */

	div#header_container {
		width: 100%;
		margin: 0;
		padding: 0;
		display: block;
		clear: both;
		height: 285px;
	}

	div#page_title {
		width: 100%;
		margin: auto;
		background: #fff;
		text-align: center;
	}

	div#page_title a {
		width: 70%;
		display: block;
		height: 90px;
		text-align: left !important;
		margin: auto;
	}

	#page_title img {
		width: 273px;
		height: 69px;
	}
	
	/* ###### */

div#page_container {
    width: 70%;
    margin: auto;
    position: relative;
}

div#left_column {
    width: 14%;
    float: left;
    padding: 1%;
}

div#right_column {
    float: left;
    width: 54%;
    padding: 1%;
    margin: 0 0 0 30px;
}

@media only screen and (max-width: 1500px)  {
	#MainMenu {
		left: 29% !important;
	}
}

@media only screen and (max-width: 1300px)  {
	#MainMenu {
		left: 32% !important;
	}
}

@media only screen and (max-width: 1200px)  {
	#MainMenu {
		left: 35% !important;
		width: 67% !important;
	}
}

@media only screen and (max-width: 700px)  {
	div#left_column {
		width: 95%;
	}

	div#right_column {
		width: 95% !important;
	}
	
	#MainMenu {
		
	}
}

li#FarRightMenu {
    position: absolute;
    right: 0;
    width: 17%;
    top: 0;
    padding: 1%;
}

div#footer_container {
    width: 100%;
    display: block;
    clear: both;
    background: #000;
}

@media only screen and (max-width: 1024px)  {

	div#page_container {
		width: 90%;
	}

	div#page_title a {
		width: 90%;
	}

	#MainMenu {
		margin: 0;
	}

}

@media only screen and (max-width: 900px)  {
	div#right_column {
		width: 65%;
	}
	
	div#page_title a {	
		display: block;
		height: 90px;
		text-align: left !important;
		margin: auto;
		position: absolute;
		top: 140px;
	}
	
	div#page_title {
		height: 82px;
	}
	
	li#MainMenu {
		left: 0 !important;
		width: 100% !important;
		text-align: center;
		margin: auto;
	}
}

/*############################
DOCUMENT ELEMENTS
Custom styles for any elements that need additional structure attributes outside of the libero.css design scope.
############################*/

.PageHeading {
    width: 100%;
    text-align: center;
}


fieldset {
    border: 0;
    padding: 0;
    margin: 0;
}

legend {
    display: none;
}

li#FarRightMenu span {
    display: none;
}

fieldset#tagSearch_fields {
    display: none;
}

div#subheader_container {
    position: absolute;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.65);
    padding: 4px 0 10px;
    display: inline-block;
    width: 99.225vw;
    margin-left: -49.59vw;
    left: 50%;
    height: 20px;
}