/* ------------------------------------------------------------

	Style Reset
				
--------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, strong, em, sub, sup, tt, var,
dl, dt, dd, ol, 
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white; 
}
ol, ul {
	list-style: none;
	margin:0; padding:0;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
strikethrough { text-decoration:line-through;}

a, a:link, a:active, a:visited { text-decoration:none;  color:#201563;  -moz-transition:all 0.2s ease; -webkit-transition:all 0.2s ease; -o-transition:all 0.2s ease; transition:all 0.2s ease; }
a:hover {  color:#000;   }


/* Containers
----------------------------------------------------------------------------------------------------*/
.wrap { float:left; width:100%; }
.container12 { 	position:relative; 	margin:0 auto;	width: 960px;}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid1,.grid2,.grid3,.grid4,.grid5,.grid6,.grid7,.grid8,.grid9,.grid10,.grid11,.grid12 {display:inline;float: left;position: relative; margin:10px;}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {margin-left: 0;}
.omega {margin-right: 0;}

/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.grid1 {width:60px;}
.grid2 {width:140px;}
.grid3 {width:220px;}
.grid4 {width:300px;}
.grid5 {width:380px;}
.grid6 {width:460px;}
.grid7 {width:540px;}
.grid8 {width:620px;}
.grid9 {width:700px;}
.grid10 {width:780px;}
.grid11 {width:860px;}
.grid12 {width:940px;}
.grid13 {width:216px;}

/* ------------------------------------------------------------

	Generic Page Styling
				
--------------------------------------------------------------- */


body {font-family:Arial,  sans-serif;  font-size:83%; color:#000; line-height:1.6em; background:#f5f5f5;}
.clear {clear:both;}
h1, h2, h3, h4, h5 { font-family:"Helvetica Neue", Arial, Helvetica, sans-serif; font-weight:normal; color:#000; text-shadow:0 1px 0 #dddddd; }
h1 { font-family:Georgia, "Times New Roman", Times, serif; color:#201563; font-size:2em; line-height:1.6em; font-weight:100; }
h2 {font-size:1.4em; line-height:1.6em;    }
h3 {font-size:1.3em; line-height:1em;   }
h4 { margin:0 0 1em 0;}

p { margin:0 0 1em 0;}
strong { font-weight:bold;}
em { font-style:italic; }


ul#nav { margin:121px 0 0 0; }
ul#nav li { float:left; margin:0; padding:0; }
ul#nav li a.selected {   background:url(../images/display-images/nav-highlight.gif) repeat-x; color:#201563}
ul#nav li a:hover {  background:url(../images/display-images/nav-highlight.gif) repeat-x; color:#201563; }

/* remove the bullets, padding and margins from the lists */
 ul.menu{
float:left; width:750px;
list-style-type:none;
}
/* make the top level links horizontal and position relative so that we can position the sub level */
.menu li{
float:left;
position:relative;
z-index:100;
}
.menu li a { float:left; padding:12px 15px; height:22px; text-shadow:0 1px 0 #f4f4f4; }


/* use the table to position the dropdown list */
.menu table{
position:absolute;
border-collapse:collapse;
z-index:80;
left:-1px;
top:25px;
}

/* style all the links */
.menu a, .menu :visited {
display:block;
color:#272724;
text-decoration:none;
margin-right:1px;
text-align:center;
/*width:60px;*/
-moz-transition:all 0.2s ease; -webkit-transition:all 0.2s ease; -o-transition:all 0.2s ease; transition:all 0.2s ease;
}
/* style the links hover */
.menu :hover{
color:#000;
}

/* hide the sub level links */
ul.menu  ul {
float:left;
margin:45px 0 0 0 ;
visibility:hidden;
position:absolute;
}
ul.menu ul li {
	/*background:url(../images/display-images/nav-highlight.gif) repeat-x;*/
	color:#DEDDD8;
	}
/* make the sub level visible on hover list or link */
ul.menu  li:hover ul,
ul.menu  a:hover ul{
visibility:visible;
width:85px;
background:url(../images/display-images/nav-highlight.gif) repeat-x; color:#DEDDD8;
}




#header { background:url(../images/display-images/header-bg2.gif) repeat-x; height:190px; }

.logo { float:left; margin:-10px 0 0 0; }
.yearlogo { float:right; margin:15px 8px 0 0; }



#teaser { background:url(../images/display-images/slideshow-bg.jpg) top no-repeat #f4f4f4; margin:-12px 0 0 0; height:314px; }
#slides { float:left; margin:40px 0 0 20px; height:230px; overflow:hidden; }

#content { background:url(../images/display-images/content-bg.jpg) repeat; border-top:1px solid #dedede; padding:20px 0;}
#content ul { padding:0 0 0 20px; margin:15px 0 0 0; list-style:circle; }

#memberships { background:#1d135f; border-radius:3px; padding:10px; margin:0 0 10px 0; color:#d3cfeb; }
#memberships a { color:#7c70bf;}
#memberships h2 { color:#7c70bf; font-family:Georgia, "Times New Roman", Times, serif; text-shadow:0 -1px 0 #000; }

.news h2 { color:#737373; font-family:Georgia, "Times New Roman", Times, serif; }
.news-item { float:left; width:100%; padding:10px 0; }
.news-divide { float:left; width:100%; background:url(../images/display-images/news-divide.gif) top no-repeat; height:1px; margin:10px 0;}

.date { float:left; background:url(../images/display-images/date-bg.gif); width:42px; height:36px; padding:3px 0; margin:0 10px 5px 0; }
.day { float:left; font-size:1.4em; width:42px; text-align:center; }
.month { float:left; width:42px; text-align:center; }

.title { color:#201563; font-size:1.1em; }
.news .text a { color:#6b6b6b; font-style:italic; }

#footer { background:url(../images/display-images/footer-bg.gif) repeat-x; padding:10px 0 20px 0; color:#999;}
#footer h3, #footer a { color:#999; text-shadow:none;}
#footer a:hover { color:#fff; }

#footer  ul { padding:10px 0 0 15px; list-style:disc; }
#footer  ul  li { margin:5px 0 ;}


.footer-teaser { background:url(../images/display-images/60years-footer-bg.gif); padding:20px 0 0 120px;  width:307px; height:88px; }

#enquiryform { float:right; width:300px; border:1px solid #dedede; background:#ebedeb; padding:10px; margin:-10px 0 0 0; }
#enquiryform h2 { float:left; color:#fff; font-weight:bold; background:url(../images/display-images/enquiry-header.gif); width:319px; height:65px; padding:15px 0 0 10px; margin:-11px 0 10px -11px; }
#enquiryform h2 span { font-size:0.7em; font-weight:normal; line-height:1em; color:#c2c2c2; font-family:Arial, Helvetica, sans-serif; }

#enquiryform label { float:left; width:300px; }
#enquiryform input, #enquiryform textarea { font-family:Arial, Helvetica, sans-serif; float:left; width:258px; border:1px solid #cccccc; padding:7px; border-radius:3px;  }
#enquiryform input:focus, #enquiryform textarea:focus { border:solid 1px #ca3128; background:#eaccca; color:#ba271d; }
#enquiryform input#enquirysubmit { float:left; background:url(../images/display-images/enquiry-btn.gif); width:130px; height:40px; margin:10px 0 0 0; text-indent:-999em; padding:0;  }


.news-list { padding:10px 10px; width:420px; height:150px; border-bottom:1px solid #dedede; }
.news-image { float:left; width:106px; height:80px; margin:0 20px 0 0; overflow:hidden; border:1px solid #dedede; }
.news-text a { font-size:1.2em;  }
.news-title { font-size:1.2em; }

.blog-item { float:left; width:216px;  height:143px;  margin-bottom:20px; margin-right:19px;}
.blog-item img { float:left; width:216px; }
.blog-item a { float:left; width:216px; height:143px; overflow:hidden; background:#fff; }