/* 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:48px; }
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; }
h5 { font-size:1.428em; line-height:38px; }

/* margins & padding */
p, ul { margin-bottom:1.428em; margin-top:1.428em; }
h1, h5 { margin-bottom:0; 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 { color:#f1f100; }
h2, h3, a:link, a:visited { color:#0059A9; }
h4, a:hover, a:active, a:focus { color:#006aee; }
h5 { color:#fff; }

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

/* fonts */
h1, h2, h3, h5 { 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 { height:53px; margin-bottom:.428em; position:relative; }
#h1-left { background:url(../images/layout/h1-left.jpg) no-repeat top; height:53px; left:0; position:absolute; top:0; width:10px; }
h1 { background:url(../images/layout/h1-bg.jpg) repeat-x; font-variant:small-caps; text-indent:20px; text-shadow:0 -1px 0 #444, 0 1px 0 #0059a9; }
#h1-number { background:url(../images/layout/h1-131178.jpg) no-repeat; height:34px; position:absolute; right:0; top:7px; width:82px; }
#h1-right { background:url(../images/layout/h1-right-trans.png) no-repeat; height:53px; position:absolute; right:-30px; top:0; width:30px; }
h2 { background:url(../images/layout/modern-logo-small.png) no-repeat; background-position:645px 6px; border-bottom:1px solid #c2c7cc; }
.h5 { height:42px; margin-bottom:.428em; position:relative; }
.h5-left { background:url(../images/layout/h5-left.jpg) no-repeat top; height:42px; left:0; position:absolute; top:0; width:10px; }
h5 { background:url(../images/layout/h5-bg.jpg) repeat-x; font-variant:small-caps; text-indent:10px; text-shadow:0 -1px 0 #444, 0 1px 0 #0059a9; }
.h5-right { background:url(../images/layout/h5-right-trans.png) no-repeat; height:42px; position:absolute; right:-30px; top:0; width:30px; }

/* 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 #f1f100; }
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/list-icon.gif) no-repeat; background-position:0 9px; }
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.png) no-repeat center; cursor:default; height:210px; 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:#e5e9fa url(../images/layout/wall-texture.jpg) repeat; }
#footer { background:url(../images/layout/footer-bg.jpg) repeat-x; clear:both; cursor:default; height:488px; width:100%; }

/* header */
#flare { background:url(../images/layout/flare.jpg) no-repeat; height:405px; left:0; position: absolute; top: 0; width: 350px; z-index: -1; }
#home { background:url(../images/layout/logo-flag.jpg) no-repeat; height:68px; left:207px; position:absolute; top:28px; width:144px; }
#topbar { bottom:0; height:37px; position:absolute; right:10px; width:555px; }
#topbar .menu { height:100%; width:100%; }

/* middle */
#sidebar { bottom:10px; left:0; position:absolute; top:0; width:240px; }
#sidebar .menu { cursor:default; margin:0 auto; padding-top:30px; width:220px; }
#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 #0059a9; 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 { background:#e5e9fa; left:261px; position:absolute; top:7px; }
#breadcrumbs p { font-size:.785em; line-height:normal; margin:0; text-transform:lowercase; }
#content { background:#FFF url(../images/layout/grad-bg.jpg) repeat-x bottom; border:1px solid #c9ccdf; float:right; margin:30px 10px 20px; min-height:920px; padding:15px 10px; width:678px; -moz-box-shadow:0 0 4px #c9ccdf; -webkit-box-shadow:0 0 4px #c9ccdf; box-shadow:0 0 4px #c9ccdf; }
#top-page { background:#e5e9fa; bottom:0; position:absolute; right:21px; z-index:999; }
#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 */
#post-it { background: url(../images/layout/post-it-trans.png) no-repeat; height:220px; left:0; position:absolute; top:-220px; width:240px; }
#post-it ul#newsticker, .innerfade { height:95px!important; left:50px; margin:0; overflow:hidden; padding-right:5px; position:absolute; top:57px; width:140px; }
#post-it ul#newsticker li { background:none; font-size:1.142em; font-style:italic; height:95px; left:0; line-height:1.15em; padding:0 5px 0 0; text-align:justify; }
#footer-crows { background:url(../images/layout/crows-trans.png) no-repeat; height:186px; left:44px; position:absolute; top:0; width:151px; z-index:9; }
#wall-fence { background:url(../images/layout/wall-fence.jpg) repeat-x; height:167px; left:0; position:absolute; top:0; width:960px; }
#banner-container { border:1px solid #79A900; bottom:340px; height:60px; position:absolute; right:126px; width:468px; }
#footer-left { background:#e5e9fa; bottom:35px; left:0; position:absolute; top:200px; width:240px; }
#footer-middle { background:#e5e9fa; bottom:35px; left:280px; position:absolute; right:280px; top:200px; }
#footer-right { background:#e5e9fa; bottom:35px; position:absolute; right:0; top:200px; width:240px; }
.footer-info { background:#fff url(../images/layout/grad-bg.jpg) repeat-x bottom; border:1px solid #c9ccdf; bottom:10px; left:10px; padding:3px 10px 10px; position:absolute; right:10px; top:10px; -moz-box-shadow:0 0 4px #c9ccdf; -webkit-box-shadow:0 0 4px #c9ccdf; box-shadow:0 0 4px #c9ccdf; }
.stake { background:url(../images/layout/stake-trans.png) no-repeat; bottom:-35px; height:35px; left:43.5%; position:absolute; width:40px; }
#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.copyright { font-size:.857em; line-height:1.4em; margin:.714em 0 0; text-align:center; text-transform:capitalize; }


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

a.active { color:#006aee; cursor:default; }
.center { margin-left:auto; margin-right:auto; text-align:center; }
.opacity:hover { filter:Alpha(Opacity=90); opacity:.90; }
.hr { background:#ddd; border-top:1px solid #fff; font-size:1px; height:1px; line-height:1px; margin:1.428em 0; padding:0; width:100%; }
/* clear */
.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%; }
/* wrap left & right */
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; }
/* image & lightbox */
#content img, img.border-on, .border-on { border:1px solid #ccc; padding:3px; }
#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; }
/* column grid */
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 #dfdfdf; margin-right:9px; padding-right:9px; }
/* highlight */
.highlight { background:#FFF url(../images/layout/grad-bg.jpg) repeat-x bottom; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; margin:1.428em 0; padding:0 10px; }
.highlight * { text-align:center; }
/* blockquote testimonials */
blockquote { margin:0 auto; width:563px; }
blockquote .span-1 p { color:#0059a9; font-family:Arial, Helvetica, sans-serif; font-size:5em; font-weight:bold; margin:0; text-align:center; }
blockquote .span-6 p { font-size:.857em; line-height:1.666em; margin:1.666em 0 1.666em 0; }
blockquote .span-9 p { margin:0 0 1.428em; }
/* disclaimer */
#disclaimer { border-top:1px solid #ddd; margin-top:20px; padding:5px; }
#disclaimer p { color:#666; font-size:.714em; line-height:1.2em; margin:0; }


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

/* quick contact */
#contact-tab { background:url(../images/layout/quick-contact.png) no-repeat; height:120px; position:fixed; right:0; top:43%; width:40px; z-index:9; }
#contact-tab:hover { background:url(../images/layout/quick-contact-hover.gif) no-repeat; height:120px; width:40px; }

/* slider */
#slider { background:#fff url(../images/layout/grad-bg.jpg) repeat-x bottom; height:410px; visibility:hidden; width:445px; }
#slider img { border:none; padding:0; }
#slider ul { padding:0; }
#slider ul li { background:none; margin:0; padding:0; }
.panel { border:1px solid #666; height:343px; width:443px; -moz-box-shadow:0 0 5px #777; -webkit-box-shadow:0 0 5px #777; box-shadow:0 0 5px #777; }
.loader { background:#fff url(../images/colorbox/loading.gif) no-repeat scroll center center; }
.panel .panel-overlay, .panel .overlay-background { height:48px; padding:8px 12px; }
.panel .overlay-background { background:#000 none repeat scroll 0 0; }
.panel .panel-overlay { color:#fff; font-size:.857em; line-height:1.3em; text-align:justify; }
#content .panel .panel-overlay a { color:#fff; border-bottom:none; }
.filmstrip { margin:5px; width:433px; }
.frame .img_wrap { border:1px solid #777; }
.frame.current .img_wrap { border:1px solid #0059a9; }
.pointer { border-color:#0059a9; }
*html .pointer { filter:chroma(color=pink); }

/* quick links */
#quick-links { width:678px; }
#quick-links-left { float:left; margin-top:3px; text-align:left; width:488px; }
#content #quick-links-left a img { background:none; border:1px solid #c2c7cc!important; padding:3px; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; }
#content #quick-links-left a, #content #quick-links-left a:hover img { background:none; border:none; filter:Alpha(Opacity=100); opacity:100; }
#quick-links-right { background:url(../images/content/quick-links-right-bg.jpg) no-repeat bottom right; float:left; min-height:178px; width:190px; }
#quick-links-right .h5 { margin:0; }
#quick-links-right ul { margin:0 10px 10px 1px; }
#quick-links-right ul li { background:url(../images/content/quick-links-li-bg.jpg) no-repeat left top; border-bottom:1px dotted #c2c7cc; font-size:.857em; height:20px; line-height:1.666em; padding:0; text-indent:10px; }
#quick-links-right ul li:hover { background:url(../images/content/quick-links-li-bg-hover.jpg) no-repeat left top; text-indent:15px; }
#content #quick-links-right ul li a { border-bottom:none; display:block; }

/* media */
.connect { margin:20px 0; }
.connect-left { background:#fff; border:1px dotted #0059a9; 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 */
.media-film { background:url(../images/content/media-film-trans.png) no-repeat; height:508px; margin:1.428em 0 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 */
.sponsor { padding:10px; }


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

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


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

#_atssh { display:none!important; }