/* CSS Document for SkyMates Reuinted, created by Jodi Head as part of Click Creative Design Ltd */

body, html { margin: 0; text-align: left; height: 100%; font-family: Arial, Helvetica, sans-serif; color:#333333; font-size: 12px; line-height: 16px; background-color: #f7f7f7 }

hr { border: 0; width: 720px; clear: both; height: 1px; background-color:#999999; }

strong { color: #e94d0d; }

#wrapper { width: 800px; margin-left: auto; margin-right: auto; text-align: left; background-image: url(images/main/glow.jpg); background-repeat: repeat-y; min-height: 100%; }

#main { width: 760px; margin-left: auto; margin-right: auto; background-color: #e7e7e7; height: 100%; }

#menu { width: 760px; background-image: url(images/main/menu_bar.gif); background-repeat: no-repeat; color: #FFFFFF; font-size: 14px; height: 34px; line-height: 33px; background-color:#999999 }

#content { width: 760px; background-color: #FFFFFF; background-image: url(images/main/objects.jpg); background-position: bottom; background-repeat: no-repeat; padding-bottom: 50px; padding-top: 20px; margin: 0px; }
#content_fotb { width: 760px ;background-image: url(images/main/objects_fotb.jpg);  background-color: #FFFFFF; background-position: bottom; background-repeat: no-repeat; padding-bottom: 50px; padding-top: 20px; margin: 0px; }
#content_bc { width: 760px; background-color: #FFFFFF; background-image: url(images/main/objects_bc.jpg); background-position: bottom; background-repeat: no-repeat; padding-bottom: 50px; padding-top: 20px; margin: 0px; }
#content_in { width: 720px; margin: 0px 20px 0px 20px; min-height: 350px; }

#left { width: 300px; float: left; margin-right: 25px; }
#lefthf { width: 300px; float: left; margin-right: 45px; }
#right { width: 395px; float:left; }
#righthf { width: 375px; float:left; }
#lost2 { border: solid 1px #ccc; clear:both; width: 550px; padding: 20px; margin-left: auto; margin-right: auto }

#left2 { width: 720px; }

#logos { width: 300px; text-align: left; }
#logos2 { width: 370px; text-align: left; }
#highlight-box { background-color: #e9e9e9; }
#highlight-box-in { margin: 18px; }

.left { float: left; margin-right: 25px; margin-bottom: 25px; }
.left2 { float: left; }
.right { float: right; }

.floatright { float: right; margin-left: 25px; }

.blue { color: #0099ff; }
.black { color: #333333; }
.bggrey { background-color: #f1f1f1; border: solid 1px #d9d9d9; }

#footer { width: 760px; background-color: #e7e7e7; height: 60px; text-align: center; font-size: 11px; line-height: 14px; }

#leftads { width: 535px; float: left }
#rightads { width: 165px; float: right; border-left: solid 1px #999999 }
#rightadsin { width: 165px; text-align:center }

h2.linkingin { font-size: 14px; line-height: 16px; margin-bottom: 3px; margin-top: 0px; color:#e94d0d; font-weight: bold; }
h3.linkingin { font-size: 13px; line-height: 16px; margin-bottom: 3px; margin-top: 0px; color:#666666; }

h1 { font-size: 22px; line-height: 22px; margin-bottom: 0; margin-top: 0; font-weight: normal }
h2 { font-size: 14px; line-height: 16px; margin-bottom: 14px; margin-top: 8px; font-weight: normal; color:#e94d0d; }

a.mainlink { }
a.mainlink:link { color: #e94d0d; }
a.mainlink:visited { color: #e94d0d; }
a.mainlink:active { color: #e94d0d; }
a.mainlink:hover { color: #000000; }

a.mainlinklg { font-size: 14px }
a.mainlinklg:link { color: #e94d0d; }
a.mainlinklg:visited { color: #e94d0d; }
a.mainlinklg:active { color: #e94d0d; }
a.mainlinklg:hover { color: #000000; }

a.mainlinkblue { }
a.mainlinkblue:link { color: #0099ff; }
a.mainlinkblue:visited { color: #0099ff; }
a.mainlinkblue:active { color: #0099ff; }
a.mainlinkblue:hover { color: #000000; }

a.mainlinkbluelg { font-size: 14px }
a.mainlinkbluelg:link { color: #0099ff; }
a.mainlinkbluelg:visited { color: #0099ff; }
a.mainlinkbluelg:active { color: #0099ff; }
a.mainlinkbluelg:hover { color: #000000; }

a.menuitem { padding-right: 48px; color: #FFFFFF; }
a.menuitem:link { text-decoration: none; }
a.menuitem:visited { text-decoration: none; }
a.menuitem:active { text-decoration: none; }
a.menuitem:hover { text-decoration: underline; }

a.menuitem2 { padding-right: 9px; color: #e1e1e1; font-size: 13px; }
a.menuitem2:link { text-decoration: none; }
a.menuitem2:visited { text-decoration: none; }
a.menuitem2:active { text-decoration: none; }
a.menuitem2:hover { text-decoration: underline; }

a.menuitemover { padding-right: 48px; color: #FFFFFF; text-decoration: underline; }
a.menuitemover:link { }
a.menuitemover:visited { }
a.menuitemover:active { }
a.menuitemover:hover { }

a.menuitem2over { padding-right: 9px; color: #e1e1e1; text-decoration: underline; font-size: 13px; }
a.menuitem2over:link { }
a.menuitem2over:visited { }
a.menuitem2over:active { }
a.menuitem2over:hover { }

a.footeritem { padding-right: 12px; text-decoration: underline;  }
a.footeritem:link { color: #666666; }
a.footeritem:visited { color: #666666; }
a.footeritem:active { color: #666666; }
a.footeritem:hover { color: #000000; }

.clear { clear: both; line-height: 0px; font-size: 0px; width: 720px; } 

.copyright { color:#666666; clear: both }
.orange { color: #e94d0d; }

.reunionpic { margin-bottom: 15px; }
.reunionpic2 { margin-bottom: 15px; margin-left: 30px;}

.centred { width: 560px; text-align: center; margin-left: auto; margin-right: auto }
.centred2 { width: 600px; text-align: center; margin-left: auto; margin-right: auto }
.grey { color: #999999 }
.line { width: 470px; height: 1px; line-height: 1px; font-size: 1px; background-color: #cccccc }
.line2 { width: 550px; height: 1px; line-height: 1px; font-size: 1px; background-color: #cccccc }
.line3 { width: 100%; height: 1px; line-height: 1px; font-size: 1px; background-color: #cccccc }

.reunion { width: 300px; border: solid 1px #ccc; padding: 10px }


/* SIFR */


.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
	font-size: 22px;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}