/* typography
-------------------------------------------------------------- */

/* basic typography */
body { color:#333; font-family:Tahoma, Arial, sans-serif; font-size:87.5%; }
em { font-size:110%; font-style:italic; }
strong { font-weight:bolder; }

/* base sizes */
p, li { font-size:1em; line-height:1.428em; }
h1 { font-size:2.285em; line-height:1.25em; }
h2 { font-size:1.857em; line-height:1.538em; }
h3 { font-size:1.428em; line-height:1em; }
h4 { font-size:1.285em; line-height:1.111em; }

/* margins & padding */
p, ul { margin-bottom:1.428em; margin-top:1.428em; }
h1 { margin-bottom:.937em; margin-top:0; }
h2 { margin-bottom:0; margin-top:1.153em; }
h3 { margin-bottom:0; margin-top:1.5em; }
h4 { margin-bottom:1.111em; margin-top:1.111em; }
li { margin-left:0; padding-left:19px; padding-top:.428em; }
li.lh { padding-top:0; }

/* colours */
h1, h2, h3, a:link, a:visited { color:#0059A9; }
h4, a:hover, a:active, a:focus { color:#79A900; }

/* alignment */
p, h4 { text-align:justify; }
h1 { text-align:center; }
h2, h3, li { text-align:left; }

/* fonts */
h1, h2, h3 { font-family:Arial, Helvetica, sans-serif; font-weight:normal; text-transform:capitalize; }
h4 { font-family:Georgia, "Times New Roman", serif; font-weight:normal; }

/* headings */
h1 { background:#fff url(../images/layout/h1-bg.png) no-repeat; background-position:645px 5px; border-bottom:1px solid #dee7bc; font-variant:small-caps; }
h2 { border-bottom:1px dotted #79A900; }

/* links */
#content a:link, #content a:visited, #content a:hover, a.link-on:link, a.link-on:visited, a.link-on:hover, #footer .footer-info a, a.link-on, .link-on { border-bottom:1px solid #FC0; }
a, #content a:active, a.link-on:active, #content a.link-off:link, #content a.link-off:visited, #content a.link-off:hover, #content a.link-off:active, a.link-off:link, a.link-off:visited, a.link-off:hover, a.link-off:active, #footer .footer-info a:active, a.link-off, .link-off { border-bottom:none; text-decoration:none; }

/* lists */
li, li.lh { list-style-type:none; }
li { background:url(../images/layout/sun-icon.gif) no-repeat; background-position:0 .668em; }
li.lh { background:none; font-weight:bolder; }


/* layout
-------------------------------------------------------------- */

/* site */
body { background:#6BBBF4 url(../images/layout/background.jpg) repeat-x; overflow-x:hidden; text-align:center; }
#header { background:url(../images/layout/header-bg.jpg) no-repeat center; cursor:default; height:200px; width:100%; }
.container, #middle-container { height:100%; margin-left:auto; margin-right:auto; max-width:960px; min-width:960px; position:relative; z-index:0; }
#middle-container { background:#FFF url(../images/layout/middle-bg.jpg) repeat-x bottom; margin-bottom:20px; }
#footer { background:url(../images/layout/footer-bg.jpg) repeat-x; clear:both; cursor:default; height:488px; width:100%; }

/* header */
#header .crows { color:#FFF; height:140px; position:absolute; right:135px; top:11px; width:170px; }
#header .crows ul#newsticker, .innerfade { height:75px; margin:0; overflow:hidden; }
#header .crows ul li { background:none; font-size:1.142em; height:75px; left:0; line-height:1.15em!important; padding:0; text-align:justify; }
#header .crows p { bottom:3px; font-size:1.285em; left:2px; line-height:1.111em; margin:0; position:absolute; text-align:center; }
#header .crows a:link, #header .crows a:visited { color:#FC0; }
#header .crows a:hover, #header .crows a:active, #header .crows a:focus { color:#FF0; }
#header .cloud { background:url(../images/layout/crow-cloud.jpg) no-repeat; height:85px; position:absolute; right:-151px; top:200px; width:151px; }
#topbar { bottom:0; height:40px; position:absolute; right:135px; width:540px; }
#topbar .menu { height:100%; width:100%; }

/* middle */
#sidebar { background-color:#6BBBF4; bottom:0; left:0; position:absolute; top:0; width:240px; }
#sidebar .menu { background:#FFF; cursor:default; min-height:500px; padding-top:30px; width:240px; }
#sidebar .menu .menu-img { margin:1em auto 0; text-align:center; }
#modern-network { height:34px; margin:20px auto; text-align:left; width:220px; }
#modern-network img { float:left; margin-right:3px; }
#modern-network div { border-left:1px dotted #79A900; float:right; font-size:.857em; height:34px; padding-left:5px; width:100px; }
#modern-network span { cursor:pointer; float:right; font-family:Georgia, "Times New Roman", serif; line-height:1.2em; margin-top:2px; width:61px; }
#breadcrumbs { left:260px; position:absolute; top:8px; }
#breadcrumbs p { font-size:.785em; line-height:normal; margin:0; text-transform:lowercase; }
#leaves { background:url(../images/layout/leaves.jpg) no-repeat; height:16px; position:absolute; right:0; top:0; width:54px; }
#content { background:#f6fdde url(../images/layout/content-bg.jpg) repeat-x bottom; border:1px solid #dee7bc; float:right; margin:30px 10px 40px; min-height:890px; padding:11px 10px; width:678px; }
#top-page { bottom:20px; position:absolute; right:20px; }
#top-page p { font-size:.785em; line-height:normal; margin:0; text-align:right; }
#clear-content { clear:both; font-size:1px; height:1px; line-height:1px; margin:0; padding:0; width:100%; }

/* footer */
#house { background:url(../images/layout/house-trans.png) no-repeat; height:228px; left:-57px; position:absolute; top:-60px; width:450px; }
#house p { left:65px; margin:0; position:absolute; top:4px; }
#banner-container { border:1px solid #79A900; bottom:340px; height:60px; position:absolute; right:0; width:468px; }
#floral { background:url(../images/layout/floral.jpg) no-repeat; bottom:508px; height:270px; position:absolute; right:-55px; width:55px; }
#footer-left { background-color:#FFF; bottom:35px; left:0; position:absolute; top:213px; width:240px; }
#footer-middle { background-color:#FFF; bottom:35px; left:280px; position:absolute; right:280px; top:213px; }
#footer-right { background-color:#FFF; bottom:35px; position:absolute; right:0; top:213px; width:240px; }
.ribbon { background:url(../images/layout/ribbon-trans.png) no-repeat; height:80px; position:absolute; right:-1px; top:-1px; width:80px; z-index:9; }
.footer-info { background:#f6fdde url(../images/layout/footer-info-bg.jpg) repeat-x bottom; border:1px solid #dee7bc; bottom:10px; left:10px; padding:10px; position:absolute; right:10px; top:10px; }
.tape { background:url(../images/layout/tape-trans.png) no-repeat; height:34px; left:10%; position:absolute; top:-28px; width:92px; }
#footer-random { bottom:0; position:absolute; right:-150px; width:167px; z-index:9; }
.footer-info p, .footer-info ul { margin:.714em 0; }
.footer-info p.footer-header { color:#79A900; font-family:Arial, Helvetica, "Trebuchet MS", sans-serif; font-size:1.857em; font-weight:bold; line-height:1em; margin:0; text-align:left; text-transform:capitalize; }
.footer-info p.copyright { font-size:.857em; line-height:1.4em; margin:.714em 0 0; text-align:center; text-transform:capitalize; }


/* globals
-------------------------------------------------------------- */

a.active { color:#79A900; cursor:default; }
.opacity:hover { filter:Alpha(Opacity=90); opacity:.90; }
.clear { clear:both; font-size:1px; height:1px; line-height:1px; margin:0; padding:0; width:100%; }
.clear-height { clear:both; height:1.428em; margin:0; padding:0; width:100%; }
.center { margin-left:auto; margin-right:auto; text-align:center; }
div.wrap-left, div.wrap-right { margin:1.428em 0; }
div.wrap-left *, div.wrap-right * { margin-top:0; }
.wrap-left img { float:left; margin:.428em 1.428em 1em 0; }
.wrap-right img { float:right; margin:.428em 0 1em 1.428em; }
#content img, img.border-on, .border-on { border:2px solid #dee7bc; padding:2px; }
#content a img { background:#fff url(../images/layout/polaroid.jpg) no-repeat bottom; border:1px solid #ccc; padding:6px 6px 20px 6px; -moz-box-shadow:1px 1px 5px #ddd; -webkit-box-shadow:1px 1px 5px #ddd; box-shadow:1px 1px 5px #ddd; }
#content a:hover img { background:#fff url(../images/layout/polaroid-hover.jpg) repeat-x bottom; border:1px solid #ccc; filter:Alpha(Opacity=90); opacity:.90; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; }
#content a img.border-off, #content img.border-off, img.border-off, .border-off { background:none; border:none!important; padding:0; }
#content a.no-lightbox img { background:none; border:1px solid #c2c7cc; padding:3px; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; }
div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11 { float:left; margin-right:19px; }
div.span-12 { float:left; }
div.last { margin-right:1px; }
.span-1 { width:39px; }
.span-2 { width:97px; }
.span-3 { width:155px; }
.span-4 { width:213px; }
.span-5 { width:271px; }
.span-6 { width:329px; }
.span-7 { width:387px; }
.span-8 { width:445px; }
.span-9 { width:503px; }
.span-10 { width:561px; }
.span-11 { width:619px; }
.span-12 { width:677px; }
div.colborder { border-right:1px solid #dee7bc; margin-right:9px; padding-right:9px; }
.hr { background:#dee7bc; border-top:1px solid #fff; font-size:1px; height:1px; line-height:1px; margin:1.428em 0; padding:0; width:100%; }
.highlight { background:#fff; border-top:1px solid #79A900; border-bottom:1px solid #79A900; margin:1.428em 0; padding:0 10px; }
.highlight * { text-align:center; }
.click-to-contact { background:url(../images/layout/click-to-contact-trans.png) no-repeat; height:90px; margin:40px auto 20px; width:273px;}
.click-to-contact:hover { background:url(../images/layout/click-to-contact-hover-trans.png) no-repeat; }
/* disclaimer */
#disclaimer { border-top:1px solid #dee7bc; margin-top:20px; padding:5px; }
#disclaimer p { color:#666; font-size:.714em; line-height:1.2em; margin:0; }


/* pages
-------------------------------------------------------------- */

/* media */
.connect { margin:20px 0; }
.connect-left { background:#fff; border:1px dotted #79A900; float:left; width:328px; }
.connect-left a img, #content .connect-left a img { background:none; border:none; padding:0!important; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; }
.connect-left a, #content .connect-left a { border-bottom:none; }
.connect-right { float:right; width:328px; }
.connect-right h4 { margin:0; }
.connect-right ul { float:left; margin-top:10px; width:164px; }
.connect-right ul li { background:none; color:#0059a9; padding:10px 0 0 42px; }
.connect-right ul li.connect-twitter { background:url(../images/icons/twitter.png) no-repeat; background-position:0 15px; }
.connect-right ul li.connect-facebook { background:url(../images/icons/facebook.png) no-repeat; background-position:0 15px; }
.connect-right ul li.connect-youtube { background:url(../images/icons/youtube.png) no-repeat; background-position:0 15px; }
.connect-right ul li.connect-members { background:url(../images/icons/modern-members.png) no-repeat; background-position:0 15px; }
.connect-right ul li.connect-contact { background:url(../images/icons/mail.png) no-repeat; background-position:0 15px; }
.connect-right ul li.connect-phone { background:url(../images/icons/phone.png) no-repeat; background-position:0 15px; }
.connect-right ul li span { color:#333; font-family:Georgia, "Times New Roman", serif; font-style:italic; }

.media-film { background:url(../images/content/media-film-trans.png) no-repeat; height:508px; margin:1.428em 0; position:relative; width:678px; }
#content .media-film .mask { background:#eee; bottom:93px; height:12px; left:45px; position:absolute; width:400px; z-index:9; }
#content .media-film .youtube { left:41px; position:absolute; top:89px; }

/* sponsorships.aspx */
.sponsor { padding:10px 0; }


/* webkit browser fixes
-------------------------------------------------------------- */

@media screen and (-webkit-min-device-pixel-ratio:0) { body:first-of-type #header { background:url(../images/layout/header-bg-fix.jpg) no-repeat center; } } /* 3px fix for masthead */


/* temp addthis fix
-------------------------------------------------------------- */

#_atssh { display:none!important; }