

/************ START main.css ********************/

body
{
margin  			: 0px;
padding				: 0px 0px 0px 0px;
font-family			: arial, sans-serif;
font-size 			: 100%;
color				: #666;
background-color	: #FFF;
}

form /* No space around forms */
{
margin				: 0px;
padding				: 0px;
}

img /* no border round images with links */
{
border				: 0px;
}

em.error
{
color				: red;
font-style			: normal;
font-size			: 75%;
display				: block;
}

div.hold
{
position			: relative;
width				: 910px;
margin				: 0px auto;
padding				: 0px 0px 0px 0px;
overflow			: hidden;
}

div.logos
{
width               : 910px;
overflow            : hidden;
padding-top         : 5px;
}

div.logos div.mepc
{
width               : 122px;
float               : right;
padding-top         : 15px;
}

div.logos div.park
{
width               : 788px;
float               : right;
}

div.logos div.mepc h1, div.logos div.park h2
{
margin              : 0px;
}

div.logos div.mepc h1 a
{
background          : #FFFFFF url(../images/generic/mepc-logo.gif) no-repeat;
width               : 112px;
padding-top         : 26px;
height              : 0px;
overflow            : hidden;
display             : block;
}

div.logos div.park h2 a
{
width               : 450px;
padding-top         : 56px;
height              : 0px;
overflow            : hidden;
display             : block;
}

/* Park Logos */
#chineham-park div.logos div.park h2 a
{background          : url(../images/chineham/chinehampark-logo.gif) 10px 0px no-repeat;}
#callaghan-square div.logos div.park h2 a
{background          : url(../images/callaghan/callaghansquare-logo.gif) 10px 0px no-repeat;}
#granta-park div.logos div.park h2 a
{background          : url(../images/granta/grantapark-logo.gif) 10px 0px no-repeat;}
#hillington-park div.logos div.park h2 a
{background          : url(../images/hillington/hillingtonpark-logo.gif) 10px 0px no-repeat;}
#leavesden-park div.logos div.park h2 a
{background          : url(../images/leavesden/leavesdenpark-logo.gif) 10px 0px no-repeat;}
#milton-park div.logos div.park h2 a
{background          : url(../images/milton/miltonpark-logo.gif) 10px 0px no-repeat;}
#wellington-place div.logos div.park h2 a
{background          : url(../images/wellington/wellingtonplace-logo.gif) 10px 0px no-repeat;}
#birchwood-park div.logos div.park h2 a
{background          : url(../images/birchwood/birchwoodpark-logo.gif) 10px 0px no-repeat;}

div.park-header
{
width               : 910px;
overflow            : hidden;
}

div.park-header h3
{
width               : 910px;
padding-top         : 77px;
height              : 0px;
overflow            : hidden;
display             : block;
margin              : 0px;
}

#chineham-park div.park-header h3
{background          : url(../images/chineham/header.jpg) no-repeat;}
#callaghan-square div.park-header h3
{background          : url(../images/callaghan/header.jpg) no-repeat;}
#granta-park div.park-header h3
{background          : url(../images/granta/header.jpg) no-repeat;}
#hillington-park div.park-header h3
{background          : url(../images/hillington/header.jpg) no-repeat;}
#leavesden-park div.park-header h3
{background          : url(../images/leavesden/header.jpg) no-repeat;}
#milton-park div.park-header h3
{background          : url(../images/milton/header.jpg) no-repeat;}
#wellington-place div.park-header h3
{background          : url(../images/wellington/header.jpg) no-repeat;}
#birchwood-park div.park-header h3
{background          : url(../images/birchwood/header.jpg) no-repeat;}

div.level1-nav
{
width               : 910px;
overflow            : hidden;
}

div.level1-nav ul
{
float               : left;
list-style-type     : none;
margin              : 0px;
padding             : 0px;
overflow            : hidden;
}

div.level1-nav ul li
{
display             : block;
float               : left;
overflow            : hidden;
background          : #F6F6F6 url(../images/generic/nav-off-start.gif) no-repeat;
background-position : bottom left;
margin-right        : 1px;
}

#chineham-park div.level1-nav ul li.on
{background          : #E34141 url(../images/chineham/nav-on-start.jpg) bottom left no-repeat;}
#callaghan-square div.level1-nav ul li.on
{background          : #672D8E url(../images/callaghan/nav-on-start.jpg) bottom left no-repeat;}
#granta-park div.level1-nav ul li.on
{background          : #9F2C53 url(../images/granta/nav-on-start.jpg) bottom left no-repeat;}
#hillington-park div.level1-nav ul li.on
{background          : #AAB737 url(../images/hillington/nav-on-start.jpg) bottom left no-repeat;}
#leavesden-park div.level1-nav ul li.on
{background          : #458D54 url(../images/leavesden/nav-on-start.jpg) bottom left no-repeat;}
#milton-park div.level1-nav ul li.on
{background          : #447DC5 url(../images/milton/nav-on-start.jpg) bottom left no-repeat;}
#wellington-place div.level1-nav ul li.on
{background          : #447DC5 url(../images/wellington/nav-on-start.jpg) bottom left no-repeat;}
#birchwood-park div.level1-nav ul li.on
{background          : #447DC5 url(../images/birchwood/nav-on-start.jpg) bottom left no-repeat;}

div.level1-nav ul li a
{
display             : block;
line-height         : 32px;
background          : url(../images/generic/nav-off-end.gif) bottom right no-repeat;
color               : #666;
text-decoration     : none;
padding             : 0px 15px 0px 15px;
font-size           : 80%;
}

#chineham-park div.level1-nav ul li.on a
{background          : url(../images/chineham/nav-on-end.jpg) bottom right no-repeat; color : #FFF;}
#callaghan-square div.level1-nav ul li.on a
{background          : url(../images/callaghan/nav-on-end.jpg) bottom right no-repeat; color : #FFF;}
#granta-park div.level1-nav ul li.on a
{background          : url(../images/granta/nav-on-end.jpg) bottom right no-repeat; color : #FFF;}
#hillington-park div.level1-nav ul li.on a
{background          : url(../images/hillington/nav-on-end.jpg) bottom right no-repeat; color : #FFF;}
#leavesden-park div.level1-nav ul li.on a
{background          : url(../images/leavesden/nav-on-end.jpg) bottom right no-repeat; color : #FFF;}
#milton-park div.level1-nav ul li.on a
{background          : url(../images/milton/nav-on-end.jpg) bottom right no-repeat; color : #FFF;}
#wellington-place div.level1-nav ul li.on a
{background          : url(../images/wellington/nav-on-end.jpg) bottom right no-repeat; color : #FFF;}
#birchwood-park div.level1-nav ul li.on a
{background          : url(../images/birchwood/nav-on-end.jpg) bottom right no-repeat; color : #FFF;}

div.level1-nav p
{
background          : #F6F6F6 url(../images/generic/nav-off-start.gif) no-repeat;
background-position : bottom left;
margin              : 0px;
line-height         : 32px;
font-size           : 75%;
text-align          : right;
display             : block;
overflow            : hidden;
}

div.level1-nav p a
{
text-decoration     : none;
font-weight         : bold;
margin-right        : 10px;
display             : block;
}

#chineham-park div.level1-nav p a
{color : #E34141}
#callaghan-square div.level1-nav p a
{color : #672D8E}
#granta-park div.level1-nav p a
{color : #9F2C53}
#hillington-park div.level1-nav p a
{color : #AAB737}
#leavesden-park div.level1-nav p a
{color : #458D54}
#milton-park div.level1-nav p a
{color : #447DC5}
#wellington-place div.level1-nav p a
{color : #999B9E}
#birchwood-park div.level1-nav p a
{color : #0093B1}

div.level2-nav
{
width               : 890px;
overflow            : hidden;
border-bottom       : 1px solid #CCC;
padding             : 15px 0px 10px 20px;
}

div.level2-nav ul
{
list-style-type     : none;
margin              : 0px 0px 0px 0px;
padding             : 0px 0px 0px 0px;
overflow            : hidden;
}

div.level2-nav ul li
{
float               : left;
font-size           : 75%;
line-height         : 20px;
margin-right        : 0px;
color               : #CCC;
}

div.level2-nav ul li a
{
color               : #666;
text-decoration     : none;
margin-right        : 15px;
}

div.content-wrapper
{
width               : 910px;
overflow            : hidden;
padding             : 20px 0px 0px 0px;
position            : relative;
}

div.content-wrapper div.left-side
{
width               : 530px;
overflow            : hidden;
float               : left;
padding             : 0px 0px 0px 20px;
position            : relative;
}

div.content-wrapper div.right-side
{
width               : 326px;
padding-left        : 34px;
overflow            : hidden;
float               : left;
position            : relative;
}

/* Silver Box - Controls a generic silver box styles */

div.content-wrapper div.right-side div.silver-box
{
width               : 326px;
background          : url(../images/generic/silver-box-bg.gif) bottom repeat-y;
margin-bottom       : 10px;
}

div.content-wrapper div.right-side div.silver-box p.links
{
padding-left		: 20px;
padding-right		: 20px;
}

div.content-wrapper div.right-side div.silver-box div.top
{
background          : url(../images/generic/silver-box-top.gif) top no-repeat;
min-height          : 25px;
padding             : 12px 20px 5px 20px;
}

* html div.content-wrapper div.right-side div.silver-box div.top
{
height          : 25px;
}

div.content-wrapper div.right-side div.silver-box div.bottom
{
background          : url(../images/generic/silver-box-bottom.gif) bottom no-repeat;
min-height          : 16px;
}

* html div.content-wrapper div.right-side div.silver-box div.bottom
{
height          : 16px;
}

div.content-wrapper div.right-side div.silver-box p
{
font-size           : 75%;
color               : #666;
line-height         : 16px;
margin              : 0px 0px 10px 0px;
font-weight         : normal;
}

#chineham-park div.content-wrapper div.right-side div.silver-box a
{color : #E34141}
#callaghan-square div.content-wrapper div.right-side div.silver-box a
{color : #672D8E}
#granta-park div.content-wrapper div.right-side div.silver-box a
{color : #9F2C53}
#hillington-park div.content-wrapper div.right-side div.silver-box a
{color : #AAB737}
#leavesden-park div.content-wrapper div.right-side div.silver-box a
{color : #458D54}
#milton-park div.content-wrapper div.right-side div.silver-box a
{color : #447DC5}
#wellington-place div.content-wrapper div.right-side div.silver-box a
{color : #999B9E}
#birchwood-park div.content-wrapper div.right-side div.silver-box a
{color : #0093B1}

div.content-wrapper div.right-side div.silver-box p.header
{
font-size           : 80%;
font-weight         : bold;
color               : #333;
}


/* News Signup Silver Boxes */

div.content-wrapper div.right-side div.news-update
{
min-height          : 141px;
padding             : 12px 20px 5px 20px;
}

#chineham-park div.content-wrapper div.right-side div.news-update
{background          : url(../images/chineham/news-signup.gif) top no-repeat;}
#callaghan-square div.content-wrapper div.right-side div.news-update
{background          : url(../images/callaghan/news-signup.gif) top no-repeat;}
#granta-park div.content-wrapper div.right-side div.news-update
{background          : url(../images/granta/news-signup.gif) top no-repeat;}
#hillington-park div.content-wrapper div.right-side div.news-update
{background          : url(../images/hillington/news-signup.gif) top no-repeat;}
#leavesden-park div.content-wrapper div.right-side div.news-update
{background          : url(../images/leavesden/news-signup.gif) top no-repeat;}
#milton-park div.content-wrapper div.right-side div.news-update
{background          : url(../images/milton/news-signup.gif) top no-repeat;}
#wellington-place div.content-wrapper div.right-side div.news-update
{background          : url(../images/wellington/news-signup.gif) top no-repeat;}
#birchwood-park div.content-wrapper div.right-side div.news-update
{background          : url(../images/birchwood/news-signup.gif) top no-repeat;}

div.content-wrapper div.right-side div.news-update p.header
{
font-size           : 80%;
color               : #333;
line-height         : 16px;
margin              : 0px 0px 10px 0px;
font-weight         : bold;
}

div.content-wrapper div.right-side div.news-update p
{
font-size           : 70%;
color               : #666;
line-height         : 16px;
margin              : 0px 0px 10px 0px;
font-weight         : normal;
}

div.content-wrapper div.right-side div.news-update input, div.content-wrapper div.right-side div.news-update select
{
font-family         : Arial;
font-size           : 70%;
border              : 1px solid #CCC;
padding             : 2px;
margin              : 0px 5px 5px 0px;
width               : 130px;
color               : #666;
}

div.content-wrapper div.right-side div.news-update select
{
padding-top			: 1px;
padding-bottom		: 1px;
width               : 140px;
}

#chineham-park div.content-wrapper div.right-side div.news-update input.text, #chineham-park div.content-wrapper div.right-side div.news-update select.text
{border              : 1px solid #E34141;}
#callaghan-square div.content-wrapper div.right-side div.news-update input.text, #callaghan-park div.content-wrapper div.right-side div.news-update select.text
{border              : 1px solid #672D8E;}
#granta-park div.content-wrapper div.right-side div.news-update input.text, #granta-park div.content-wrapper div.right-side div.news-update select.text
{border              : 1px solid #9F2C53;}
#hillington-park div.content-wrapper div.right-side div.news-update input.text, #hillington-park div.content-wrapper div.right-side div.news-update select.text
{border              : 1px solid #AAB737;}
#leavesden-park div.content-wrapper div.right-side div.news-update input.text, #leavesden-park div.content-wrapper div.right-side div.news-update select.text
{border              : 1px solid #458D54;}
#milton-park div.content-wrapper div.right-side div.news-update input.text, #milton-park div.content-wrapper div.right-side div.news-update select.text
{border              : 1px solid #447DC5;}
#wellington-place div.content-wrapper div.right-side div.news-update input.text, #wellington-park div.content-wrapper div.right-side div.news-update select.text
{border              : 1px solid #999B9E;}
#birchwood-park div.content-wrapper div.right-side div.news-update input.text, #birchwood-park div.content-wrapper div.right-side div.news-update select.text
{border              : 1px solid #0093B1;}

div.content-wrapper div.right-side div.news-update input.signup
{
font-family         : Arial;
font-size           : 75%;
border              : 0px;
padding             : 2px;
margin              : 0px 5px 5px 0px;
width               : auto;
font-weight         : bold;
background-color    : transparent;
}

#chineham-park div.content-wrapper div.right-side div.news-update input.signup
{color : #E34141}
#callaghan-square div.content-wrapper div.right-side div.news-update input.signup
{color : #672D8E}
#granta-park div.content-wrapper div.right-side div.news-update input.signup
{color : #9F2C53}
#hillington-park div.content-wrapper div.right-side div.news-update input.signup
{color : #AAB737}
#leavesden-park div.content-wrapper div.right-side div.news-update input.signup
{color : #458D54}
#milton-park div.content-wrapper div.right-side div.news-update input.signup
{color : #447DC5}
#wellington-place div.content-wrapper div.right-side div.news-update input.signup
{color : #0093B1}
#birchwood-park div.content-wrapper div.right-side div.news-update input.signup
{color : #999B9E}

/* Siver box contacts */

div.silver-box#contact div.contact
{
padding         : 10px 20px 5px 20px;
border-bottom   : 1px solid #CCC;
overflow		: hidden;
width			: 324px;
}

div.silver-box#contact div.last
{
border          : 0px;
}

div.silver-box#contact div.contact img
{
float           : left;
margin-right    : 10px;
}

div.filledback 
{
background-color: #F2F2F2;
}

/* Sliver box Related Links */

div.silver-box#related-links ul
{
list-style-type : none;
margin          : 0px;
padding         : 0px;
}

div.silver-box#related-links ul li
{
font-size           : 75%;
color               : #666;
line-height         : 16px;
margin              : 0px 0px 0px 0px;
padding             : 0px 0px 5px 20px;
font-weight         : normal;
display             : block;
border-bottom       : 1px solid #CCC;
}



/* Silver box Video */

div.silver-box#video div.video-content
{
width           : 286px;
padding         : 0px 20px 0px 20px;    
}


/* News Archive */

div.silver-box#newsarchive ul
{
list-style-type     : none;
margin              : 0px;
padding             : 0px;
}

div.silver-box#newsarchive ul li 
{
color               : #666;
font-size           : 75%;
font-weight         : normal;
padding             : 6px 0px 6px 20px;
border-bottom       : 1px solid #CCC;
}

div.silver-box#newsarchive ul li a
{
text-decoration     : none;
font-weight         : bold;
}

div.silver-box#newsarchive ul li a span
{
color               : #666;
font-weight         : normal;
}

/* Siver box travel / weather */

div.silver-box#travel div.height-control
{
min-height          : 168px;
}

* html div.silver-box#travel div.height-control
{
height              : 168px;
}

div.silver-box#travel div.content
{
padding         : 0px 20px 0px 20px;
border-bottom   : 1px solid #CCC;
}

div.silver-box#travel div.feed-image
{
padding         : 0px 20px 0px 20px;
margin-top      : 10px;
}

div.silver-box#travel div.feed-image img
{
float           : left;
margin-right    : 10px;
}

/* Footer */

div.footer
{
width           : 910px;
overflow        : hidden;
border-top      : 3px solid #CCC;
margin-top      : 10px;
padding         : 10px 0px 0px 0px;
}

div.footer p
{
font-size           : 75%;
color               : #666;
line-height         : 16px;
margin              : 0px 0px 10px 0px;
font-weight         : normal;
text-align          : right;
}

div.footer p a
{
color               : #666;
text-decoration     : none;
}

div#weather
{
float               : left;
margin-right        : 10px;
}