/* Colours

Purple: 481377
Orange: f19d16
Grey: ebebeb
darkgrey 404040 
*/ 

@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,700,800);

body { font-family: 'Open Sans', arial; font-size: 90%; text-align: center; line-height: 1.5; background-color: #e5e3e4; color: #737373; margin: 0px; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; }
input, select, textarea { font-size: 90%; font-family: arial; }
table { width: 100%; font-size: 100%; }
a { color: #481377; text-decoration: none; font-weight: inherit; }
a:hover { text-decoration: underline; }
img { border-width: 0px; margin: 0px; padding: 0px; }
table, td, th, div { border: solid black 0px; text-align: left; vertical-align: top; }
form { margin: 0px; padding: 0px; }
fieldset { border: solid transparent 0px; margin: 0px; padding: 0px; }
div, h1, h2, h3, h4, h5, h6 { display: block; font-size: 100%; font-weight: inherit; margin: 0px; padding: 0px; }
p { margin: 0px 0px 15px 0px; }
ol, ul, li { padding: 0px; margin: 0px; list-style-type: none; }
.spacer { height: 0px; clear: both; }
.hidden { display: none; }

div.layout_standard { width: 100%; max-width: 1140px; margin: 0px auto 0px auto; }
div.layoutmain { background-color: #ffffff; }
div.layoutmiddle { max-width: 1000px; padding: 0px 20px 0px 20px; margin: 0px auto 0px auto; box-sizing: border-box; }

.std_contentpage .pagetitle { font-weight: bold; font-size: 200%; line-height: 1.5; padding: 0px 0px 10px 0px; color: #481377; }

div.layoutcredits { clear: both; height: 45px; font-size: 80%; background-color: #e5e3e4; }
div.layoutcredits .beachshore { text-align: right; padding: 10px 10px 0px 0px; }

/* Content page */
.std_contentpage .pagecontent h2 { font-weight: bold; font-size: 120%; padding: 10px 0px 20px 0px; }
.std_contentpage .pagecontent h3 { font-weight: bold; font-size: 110%; padding: 10px 0px 10px 0px; }
.std_contentpage .pagecontent p { line-height: 1.5; text-align: justify; }
.std_contentpage .pagecontent ul, .std_contentpage .pagecontent ol { padding: 0px 0px 20px 25px; }
.std_contentpage .pagecontent ol li { list-style-type: decimal; padding: 0px 0px 5px 0px; }
.std_contentpage .pagecontent ul li { list-style-type: disc; padding: 0px 0px 5px 0px; }
.std_contentpage .pagecontent table.socialbuttons { width: 600px; margin: 0px auto 0px auto; border: none; }
.std_contentpage .pagecontent table.socialbuttons td { width: 33%; border: none; padding: 20px 0px 20px 0px; }
.std_contentpage .pagecontent table.socialbuttons td p { text-align: center; }
.std_contentpage .pagecontent p img.right { padding: 0px 0px 0px 10px; }
.std_contentpage .pagecontent p img.left { padding: 0px 10px 0px 0px; }
.std_contentpage .pagecontent img  { max-width: 100%; height: auto; }


