﻿

/* ----------- GLOBAL SITE FORMATTING ---------- */

* {
	margin: 0;
	padding: 0;
	border : 0;
}

html, body, h1, h2, h3, h4, h5, h6, p, ul, li, img 
{
	margin: 0;
	padding: 0;
	border: 0;
}
 
body 
{
	margin: 0 auto;
	overflow: auto;
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
}


html
{
	margin: 0 auto;
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 75%;
	color: #ffffff;
	background: #fff url(../img/ui/pageBottom_bg.jpg) repeat-x bottom;
}


h1 {color: #00acfe; font-size: 150%; margin-bottom: 15px;}
h2 {margin-bottom: 10px; font-size: 130%; line-height:110%;}
h3 {margin-bottom: 10px; font-size: 120%; line-height:110%;}


.RighH4Col { margin-left: -10px; float: left;}
#Right h4 {font-size: 150%; text-transform: uppercase; background: transparent url(../img/ui/title-red.gif) no-repeat; padding: 12px 10px 22px 10px; position: relative; float: left; }

#mid-panel h4.white{background: url(../img/ui/title_white.gif) left no-repeat; color: #d5151c; text-transform: uppercase; padding: 12px 10px 21px 10px;  float: left; font-size: 150%; position: relative; margin-left: 0px;}
#TeamGB-panel h4.white{background: url(../img/ui/title_white.gif) left no-repeat; color: #d5151c; text-transform: uppercase; padding: 12px 10px 21px 10px;  float: left; font-size: 150%;  position: relative; margin-left: -10px;}
#TeamGB-panel h4 span {color:#00004D;text-transform:none; text-transform: uppercase}
#sport h4.white{background: url(../img/ui/title_white.gif) left no-repeat; color: #d5151c; text-transform: uppercase; padding: 12px 10px 21px 10px;  float: left; font-size: 150%;  position: relative; margin-left: 0px;}
#sport h4 span {color:#00004D;text-transform:none; text-transform: uppercase}

a {color: #00acfe; text-decoration: none; font-weight: bold}
a:hover { text-decoration: underline}

p{margin: 0 0 10px 0; line-height: 140%;}

a.yellow {color: #f8b917; text-decoration: none; font-weight: bold}
a.yellow:hover { text-decoration: underline}

a.yellowLink {color: #f8b917; text-decoration: none; font-weight: bold; line-height: 170%; cursor: pointer}
a.yellowLink:hover { text-decoration: underline}

input {margin-right: 5px;}

#titletext {float:left}


.pagenav {color:#00ACFE; text-decoration: none; background: none; cursor: pointer; font-weight: bold; font-size: 90%; text-align: center}


#Header {width:960px; margin: 0 auto;}
#HeaderCol {background: #fff url(../img/ui/site_bg.jpg) repeat-x top center; width: 100%; text-align: center; overflow: hidden}
#header-tools { background: transparent url(../img/ui/site_bg.jpg) no-repeat top; overflow: auto; padding-bottom: 30px;}
#Header a {color: #333333}
#header-left{float:left;}
#header-center{float:left; width: 652px; text-align: center}
#header-right{float:right; width: 147px}
#tools {width: 630px; float: left; position: absolute; margin-left:160px; color: #e11b24; font-weight:bold; font-size: 110%; background: transparent url(../img/ui/tools_bg.png) no-repeat bottom; padding: 7px 5px 7px 10px; overflow: auto;}
#tools #social {float:left;}
#tools #social span{float:left; margin-right: 5px; padding-top:7px;} 
#tools #social img{float:left; margin-right: 5px;}
#tools #search{float:right;}


.btn {margin-left: 5px;}

#top-panel_msg {background: transparent url(../img/ui/msg_header.png) no-repeat top left; float: left; width: 620px; margin-bottom:10px; overflow: visible; height: 94px}

#top-panel_msg .messagehead {padding:10px;}
#top-panel_msg .messagehead H1{padding:10px 10px 0 20px; float:left; color: #fff}
#top-panel_msg h4 {background: url(../img/ui/title-Solid-red.gif) left no-repeat; color: #fff; text-transform: uppercase; padding: 12px 10px 21px 10px;  float: left; font-size: 150%; position: relative; margin-left: -10px;}
#top-panel_msg .messagehead a {padding:0 30px 10px 10px; color: #fff; float: right; margin-top: 3px; color: #d4141c; font-size: 130%}
#top-panel_msg .messagehead a:hover{ text-decoration: none}

#top-panel_Footer {background: transparent url(../img/ui/paperplane.jpg) no-repeat top right; float: left; width: 620px; margin-bottom:30px; overflow: visible; height: 85px}
#top-panel_Footer .messagefooter {padding:10px;}
#top-panel_Footer .messagefooter a {padding:0 30px 10px 10px; color: #fff; float: right; margin-top: 50px; color: #d4141c; font-size: 130%}
#top-panel_Footer .messagefooter a:hover{ text-decoration: none}

#top-panel {background-color: #00004D; float: left; width: 620px; padding-bottom: 10px; margin-bottom:30px; overflow: visible}
#top-panel h1 span {color: #fff}
#top-panel .masthead {padding:10px;}
#top-panel .masthead H1{padding:10px 10px 0 20px; float:left}

#top-panel h4 {background: url(../img/ui/title-Solid-red.gif) left no-repeat; color: #fff; text-transform: uppercase; padding: 12px 10px 21px 10px;  float: left; font-size: 150%; position: relative; margin-left: -10px;}
#Right h4.white{background: url(../img/ui/title_white.gif) left no-repeat; color: #d5151c; text-transform: uppercase; padding: 12px 10px 21px 10px;  float: left; font-size: 150%; position: relative; margin-left: 0px;}

#top-panel .masthead a {padding:0 10px 10px 10px; color: #fff; float: right; margin-top: -15px}
#schedule #menu{width:150px; float:left;}
#schedule #content{width:440px; float:right; margin-right:10px;}
#schedule #content h2{padding-top:10px;}

#schedule #menu ul.sportlist li{background: url(../img/ui/dot_blue.png) repeat-x bottom; padding:7px;}

#schedule #menu ul.sportlist li a{color:#07131F}




#background_Col {margin: -120px auto 0 auto; float: left; width: 100%; text-align: right; position: relative; z-index: 0; overflow: hidden}
.background_img {margin: 0 auto; height: 618px;  width: 1123px;}
.background_img1 {margin: 0 auto;background: url(../img/ui/flag_bg_1.png) no-repeat bottom; height: 618px; position: relative; margin: 0 0 0 -180px;}
.background_img2 {margin: 0 auto;background: url(../img/ui/flag_bg_2.png) no-repeat bottom; height: 618px; position: relative; margin: 0 0 0 -180px;}
.background_img3 {margin: 0 auto;background: url(../img/ui/flag_bg_3.png) no-repeat bottom; height: 618px; position: relative; margin: 0 0 0 -180px;}
