html, body {margin:0;
padding:0;
text-align:center;}

body {font: 62.5% arial,sans-serif;
background: #f2f0eb;
}

#bigwrapper {background-color: #fff;
border: 1px solid #c8c5bd;
text-align:left;
margin-left:auto;
margin-right:auto;
width: 800px;
margin-top: 15px;}

#outer {width:770px;
background-color: #fff;
margin: 15px 0 0 15px}

#header {position:relative;
height:108px;
background-color:#ffffff;
width:100%;}

#leftcol {width:198px;
float:left;
position:relative;
background-color: #fff}

#twocols {width:572px;
float:right;
position:relative;}

#rightcol {width:188px;
float:right;
position:relative;
background-color: #fff}

#maincol {background-color: #FFFFFF;
float: left;
display:inline;
position: relative;
font-size: 1.3em;}

#maincontent {padding: 0;
font-size: 1.4em;}

#leftcontent {margin: 0 8px 0 0;}

#rightcontent {margin: 0 0 0 8px;}

#footer {
background-color: #ffffff;
clear:both;
margin-top: 50px;}

/* Main element styling */

img#phhlogo, #tagline {position: absolute;}

img#phhlogo {left: 0px;
top: 12px;}

#tagline {left: 51px;
top: 78px;
font-size: 1.3em;
color: #74004c;}

img#lcdlogo {margin: 20px 0 20px 40px}

img#twitterlogo {margin: 20px 0 20px 20px}

h1, h2, h3 {margin:0;
padding: 0;}

a {color: #aa0056;
text-decoration: none;}

a:hover {text-decoration: underline}

h1 {color: #aa0056;
font-size: 2em;}

h2 {color: #aa0056;
font-size: 1.3em;}

h3 {color: #aa0056;
font-size: 1.1em;}

h1#pagetitle {margin-top: 10px;}

#maincontent ul {margin: 0;
padding: 0;}

#maincontent ul li {margin: 0 0 0.3em;
padding: 0;
list-style: none;
background: url(../../../images/rebrand/red_square.gif) no-repeat left 0.3em;
padding-left: 14px;}

div#footer p {margin:0;
padding: 0px 10px 10px 10px;
color: #99938a;
font-size: 1em;}

div#topbanner {background-color: #aa0056;
width: 572px;
height: 96px;
float: right;
color: #fff;}

div#topbanner_text {font-size: 1.5em;
letter-spacing: 0.2px;
line-height: 1.2em;
padding: 5px 20px 0 20px;
float: left;}

span#quotefrom {color: #DFA4BA;
font-weight: bold;}

#contact {padding-left: 8px;
font-weight: bold;
font-size: 1.1em;}

/* -- Top links and accessibility -- */

#toplinks {float: right;
margin-right: 10px}

#toplinks ul, #toplinks li {margin: 0;
list-style: none;
padding-top: 3px;
padding-left: 0em;
padding-bottom: 0em;
padding-right: 0em;}

#toplinks li {float: right}

#toplinks li a {display: block;
color: #f5f4f3;
font-weight: bold;
padding: 3px;
margin: 0 2px;
font-size: 1.1em;
text-decoration: none}

#toplinks li a:hover {color: #dfa4ba;}

#toplinks li a.toplinkimage:hover {color: #fff;
background-color: #dfa4ba}

#toplinks li#skipnav {width:0;
height:0;
overflow:hidden;}

/* -- END Top links and accessibility -- */


/* Left nav menu */

#navcontainer {width: 190px;
background-image: url(../../../images/parkhouse/parkhouse2/leftbox_bg.png);
background-repeat: repeat-y;
padding: 0px;
overflow: hidden;
}

#navcontainer_wrapper {width: 190px;
background: url(../../../images/parkhouse/parkhouse2/leftbox_bottom.png) no-repeat bottom;
padding-bottom: 12px}

#navcontainer_content {padding: 15px 5px 5px 5px;
font-size: 1.1em;}

#navcontainer ul {margin: 0;
padding: 0;
list-style-type: none;
font-weight: bold;}

#navcontainer ul a {display: block;
padding: 0px 15px 0px 20px;
color: #5b003a;
text-decoration: none;
font-size: 1.3em;
line-height: 1.4em;
}

#navcontainer ul li {margin: 0;
padding: 0;}

#navcontainer li.itemstyle {background: url(../../../images/parkhouse/parkhouse2/leftmenu_arrow.png) no-repeat 6px 4px;}

#navcontainer li.selecteditemstyle {background: url(../../../images/parkhouse/parkhouse2/leftmenu_arrow_down.png) no-repeat 6px 4px;}

#navcontainer ul a:hover {color: #56003a;
text-decoration: underline;}

#navcontainer ul ul a {display: block;
padding: 0px 5px 0px 32px;
color: #aa0056;
text-decoration: none;}

#navcontainer ul ul li.selectedsubitemstyle a {background: url(../../../images/parkhouse/parkhouse2/leftmenu_arrow_down.png) no-repeat 18px 4px;}

#navcontainer ul ul li.subitemstyle a {background: url(../../../images/parkhouse/parkhouse2/leftmenu_arrow.png) no-repeat 18px 5px;}

#navcontainer ul ul a:hover {color: #aa0056;}

/* -- END Left side navigation -- */

/* PANEL STYLING */

div.picbox {
background: #fff url(../../../images/parkhouse/parkhouse2/picbox_bg.png);
width: 380px}

div.picbox_wrapper {width: 380px;
background: url(../../../images/parkhouse/parkhouse2/picbox_bottom.png) no-repeat bottom;
padding-bottom: 12px}

div.rightbox {
background-image: url(../../../images/parkhouse/parkhouse2/rightbox_bg.png);
background-repeat: repeat-y;
padding: 0;
font-size: 1.2em;
color: #5b003a;
min-height: 133px;
}

div.rightbox_wrapper {width: 180px;
background: url(../../../images/parkhouse/parkhouse2/rightbox_bottom.png) no-repeat bottom;
padding-bottom: 12px;
margin-bottom: 10px;}

div.rightbox_content {padding: 14px 10px 5px 5px;}

div.rightbox_h2_wrapper {
width: 180px;}

div.rightbox_wrapper h2 {
padding: 5px;
color: #fff;}

div.rightbox_wrapper h2#news {
background: url(../../../images/parkhouse/parkhouse2/rightbox_header1.png) no-repeat ;
}

div.rightbox_wrapper h2#special {
background: url(../../../images/parkhouse/parkhouse2/rightbox_header2.png) no-repeat ;
}

.homepage_event {margin-bottom: 10px;}

.ph_event {border-bottom: 2px solid #F5EFF3;
padding: 8px 0;}

/* IMAGE TABLE PADDING */

table.documentimage,
table.documentimage_left {padding: 0 10px 10px 0}

table.documentimage_centre {padding: 10px 0 10px 0}

table.documentimage_right {padding: 0 0 8px 10px}

/* *** Float containers fix: */

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

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */

/*printer styles*/

@media print{

/*hide the left column when printing*/

#leftcol {display:none;}

/*hide the right column when printing*/

#rightcol {display:none;}

#twocols, #maincol {width:100%;
float:none;}

}