img {border: 0px;}

li, dd { margin-left: 10px; }
fieldset { padding: 5px; }
body { font-size: 62.5%; } /* Resets 1em to 10px */ 
h1, h2, h3, h4, h5, acronym { font-weight: bold; }
h1 { font-size: 18pt; }
h2 { font-size: 16pt; color: #000066;}
h3 { font-size: 14pt; color: #000066;}
h4 { font-size: 12pt; color: #000066;}
h5 { font-size: 11pt; color: #000066;}
h6 { font-size: 10pt; color: #000066;}
ol { list-style-type: decimal; }
ul, dl { list-style-type: disc; }
a img, :link img, :visited img { border: none }
select { min-width: 15px; }
table { border-collapse: collapse; }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin:                 0;
    padding:                0;
    border:                 0;
    font-weight:            inherit;
    font-style:             inherit;
    font-size:              100%;
    font-family:            inherit;
    vertical-align:         baseline;
}


a{
    text-decoration:        none;
    cursor:                 hand;
}

a:hover{
    text-decoration:        underline;
    cursor:                 hand;    
}

.Hidden{
    display:                none;
}

body {
	font-family:			  Arial, Verdana, Helvetica, sans-serif;
	text-align:				  center;
	min-width:                960px;
	background-color:         #EEEEEE;
}

#ContentContainer{
  margin:                   0 auto 0 auto;
  width:                    960px;
  text-align:               left;
  position:                 relative;
}

#ContentContainer * {
  _display:                 inline;
}

#PaddingContainer{
  float:                    left;
  width:                    940px;
  padding-left:             10px;
  padding-right:            10px;
  padding-bottom:           10px;
  background-color:         #FFFFFF;  
}

#HeaderContainer{   
  width:                    100%;
  float:                    left;   
}

#BallContainer{
  background:               url("/image/ball.gif") no-repeat right bottom; 
  position:                 absolute;
  left:                     754px;
  top:                      -99px;
  z-index:                  1;
  height:                   232px;
  width:                    232px;
}

#Header{
  width:                    100%;
  padding:                  0.3em 0em 0.3em 0em;
  float:                    left;
}

img.TimperleyLogo{
  float:					left;
}

img.CSLLogo{
  float:					left;
  padding-left:				50px;
  padding-top:				12px;
}

div.NewsPreviewContainer{
  float:					left;
  width:					100%;
  background-image:			url(/image/newspaper-icon.gif);
  background-repeat:		no-repeat;
  background-position:		0px 10px;
  padding-top:				10px;
}

.NewsPreviewTitle{
  float:					left;
  padding-left:				25px;
  font-size:				0.9em;
  font-weight:				bold;
  width:					70%;
}

.NewsPreviewSummary{
  float:					left;
  padding-left:				25px;
  font-size:				0.8em;
  width:					70%;  
}

div.EventPreviewContainer{
  float:					left;
  width:					100%;
  background-image:			url(/image/calendar-icon.gif);
  background-repeat:		no-repeat;
  background-position:		0px 10px;
  padding-top:				10px;
}

.EventPreviewTitle{
  float:					left;
  padding-left:				25px;
  font-size:				0.9em;
  font-weight:				bold;
}

.EventPreviewDate, .EventPreviewLocation{
  float:					left;
  padding-left:				25px;
  width:					70%;
  font-size:				0.7em; 
}

#NavigationContainer{
  width:                    100%;
  float:                    left;
  background-color:         #BBD9EE;
  line-height:              normal; 
}

  
#NavigationContainer ul {
  list-style:               none;
  padding:                  6px 0px 0px 6px;
}

#NavigationContainer li {
  display:                  inline;
}

#NavigationContainer a {
  float:                    left;
  background:               url("/image/tab/tableft.gif") no-repeat left top;
  margin:                   0;
  padding:                  0 0 0 4px;
  text-decoration:          none;
}

#NavigationContainer a span {
  float:                    left;
  display:                  block;
  background:               url("/image/tab/tabright.gif") no-repeat right top;
  padding:                  5px 15px 4px 6px;
  color:                    #666;
}

#NavigationContainer a:hover span, #NavigationContainer a.selected span{
  color:                    #FF9834;
}

#NavigationContainer a:hover, #NavigationContainer a.selected{
  background-position:      0% -42px;
}

#NavigationContainer a:hover span, #NavigationContainer a.selected span {
  background-position:      100% -42px;
}

#LeftMenuContainer{
	float:					left;
	width:					100%;
	padding-bottom:			1em;
}

.LeftMenuItem{
	float:					left;
	width:					100%;
	border-bottom:			1px solid #EFEFEF;
	padding:				0.3em 0em 0.3em 0em;		
}

.LeftMenuParent{
	float:					left;
	width:					100%;
	font-weight:			bold;
	font-size:				1em;
	padding:				0.3em 0em 0.3em 0em;	
}

.LeftMenuSubItem{
	float:					left;
	width:					92%;
	font-size:				0.9em;
	padding-left:			8%;
	background-image:		url('/image/link.gif');
	background-repeat:		no-repeat;
	background-position:	left middle;
}

#HeaderStrip{
  width:                    100%;
  float:                    left;
  height:                   10px;
  background-color:         #003366; 
}

.MainImageContainer{
  float:                    left;
  width:                    100%;
  height:                   225px;
}

.MainImage001{
  background-image:         url("/image/main_image_001.jpg");
}

.MainImage002{
  background-image:         url("/image/main_image_002.jpg");
}

.MainImage003{
  background-image:         url("/image/main_image_003.jpg");
}

.MainImage004{
  background-image:         url("/image/main_image_004.jpg");
}

.MainImage005{
  background-image:         url("/image/main_image_005.jpg");
}

.MainImage006{
  background-image:         url("/image/main_image_006.jpg");
}

.MainImage007{
  background-image:         url("/image/main_image_007.jpg");
}

#FAImages{
  float:                    left;
  width:					170px;
  padding-left:				20px;
  padding-top:				5px;
}

#FAImages img{
  margin-top:				10px;
}

#FAImagesRight{
  float:                    right;
  padding-right:			20px;
  padding-top:				5px;
}

#FAImagesRight img{
  margin-top:				112px;
}

#MainContentContainer, #SponsorsContainer, #FooterContainer{
  float:                    left;
  width:                    100%;
}

#SponsorsContainer{
  margin-top:				1em;
}

#MainContentLeft{
  float:                    left;
  width:                    25%;
}

#MainContentArea{
  float:                    left;
  width:                    72%;
  padding-right:			3%;
}

#MainContentAreaRight{
  float:                    left;
  width:                    72%;
  padding-left:			3%;
}

#MainContentRight{
  float:                    right;
  width:                    25%;
}

div.ImageTitleDiv{
	float:					left;
	width:					100%;
	border-bottom:			1px solid #000000;
	padding-top:			1em;
}

#WelcomeTitle, #NewsTitle, #EventsTitle, h3.EventsTitle, h3.EventsDescriptionTitle, 
h3.EventsLocationTitle, h3.EventsContactTitle{
	float:					left;
	margin:					0;
	padding:				5px 0px 5px 25px;
	background-repeat:		no-repeat;
	background-position:	left center;	
	font-weight:			bold;
}

#WelcomeTitle{
	background-image:		url(/image/thumbs-up-icon.gif);
}

#NewsTitle{
	background-image:		url(/image/newspaper-icon.gif);
}

#EventsTitle, h3.EventsTitle {
	background-image:		url(/image/calendar-icon.gif);
}

h3.EventsDescriptionTitle{
	background-image:		url(/image/note-icon.gif);
}

h3.EventsLocationTitle{
	background-image:		url(/image/building-icon.gif);
}

h3.EventsContactTitle{
	background-image:		url(/image/phone-icon.gif);
}

#TitleBarContainer{
  float:					left;
  width:					100%;
  background-color:         #BBD9EE;
}

.HeaderItem{
  float:                    left;
  font-weight:              bold;
  padding:                  5px 0px 5px 5px;
  color:                    #000066;
}

.SponsorsTitle, .GalleryTitle{
  float:					left;
  width:					99%;
  background-color:         #BBD9EE;
  padding:                  5px 0px 5px 1%;
  color:                    #000066;
  font-weight:				bold;  
}

div.GalleryImageHomePage{
	float:					left;
	width:					24.5%;
	text-align:				center;
}

div.GalleryImageHomePage img, div.GalleryImageContainer img{
	margin-left:			auto;
	margin-right:			auto;
	border:					0;
}

div.GalleryContainerRow{
	float:					left;
	width:					100%;
	margin-top:				1em;
}

div.GalleryImageContainer{
	float:					left;
	width:					33%;
	text-align:				center;
}



.HeaderItemLeft{
  float:                    left;
  width:					25%;
  font-weight:              bold;
  padding:                  5px 0px 5px 5px;
  color:                    #000066;
}

.SponsorItem{
  display:                  table-cell;
  width:                    20%;
  text-align:               center;
  vertical-align:           middle;
  height:                   150px;
}

.SponsorItem * {
  vertical-align:           middle;  
}

/*\*//*/
.SponsorItem {
    display: block;
}

.SponsorItem span {
  display:                  inline-block;
  height:                   100%;
  width:                    1px;
}
/**/

.EventItemPanel{
	float:					left;
	width:					100%;
	padding:				0px 0px 20px 0px;
}

div.ItemSection{
	float:					left;
	width:					100%;
	padding:				10px 0px 0px 0px;
}

div.ItemTitle{
	float:					left;
	width:					20%;
	font-weight:			bold;
	font-size:				0.9em;
}

div.ItemText{
	float:					left;
	width:					78%;
	font-size:				0.9em;	
}

#CharterClubsContainer{
	float:					left;
	width:					100%;
	text-align:				center;
}

#CharterClubsContainer H2, #CharterClubsContainer H3, #CharterClubsContainer H4{
	float:					left;
	width:					100%;
}

#CharterClubsContainer H2{
	font-size:				1.6em;
}

#CharterClubsContainer H3{
	color:					#000000;
}

#CharterClubsContainer H4{
	color:					#660000;
	padding:				0;
	margin:					0;
}

#CharterClubsContainer p{
	float:					left;
	width:					100%;
	text-align:				center;
}

.AllNewsLink, .AllEventsLink{
	float:					right;
	font-size:				0.8em;
	font-weight:			bold;
	padding-top:			0.7em;
}

.TableContainer, .ListContainer{
  float:                    left;
  width:                    96%;
  padding:                  1% 2% 2% 2%;
}

#MainContentArea h3, #MainContentArea h4, #MainContentArea h5, #MainContentArea h6{
	font-weight:			bold;
}


.StandardTable thead tr th, .StandardTable thead tr td,
.StandardTable tbody tr th, .StandardTable tbody tr td{
	text-align:				left;
	padding:				0.3em;
}

.StandardTable thead tr th, .StandardTable thead tr td{
	font-weight:			bold;
	color:                  #000066;	
	background-color:		#BBD9EE;
}

.StandardTable tbody tr th, .StandardTable tbody tr td{
	vertical-align:			middle;
}

.StandardTable tbody tr th, .StandardTable tbody tr td{
	font-size:				0.9em;
}

.ListTable{
  float:                    left;	
}

.ListTable tbody tr th{
	font-weight:			bold;
	color:                  #000066;	
	background-color:		#EFEFEF;
}

.ListTable tbody tr th, .ListTable tbody tr td{
	text-align:				left;
	padding:				0.3em;
	font-size:				0.8em;
}

.OddRow{
	background-color:		#F2F2F2;
}

p, .StandardTable {
  float:                    left;
  width:                    96%;
  padding:                  1% 2% 2% 2%;
  font-size:                0.9em;
  text-align:               justify;
}

.SiteList, .NestedList{
	float:					left;
}

.SiteList li, .NestedList li{
	font-size:				0.9em;
	padding:				5px 0px 5px 0px;
	text-align:				justify;
}

.NestedList{
	list-style-type:		lower-roman;
	margin-left:			20px;
}

div.NewsIntroduction{
  float:					left;
  width:					99%;
  background-color:         #BBD9EE;
  margin-top:				20px;
  padding:                  5px 0px 5px 1%;
  color:                    #000066;
  font-size:				0.8em;
  font-weight:				bold;  
}

div.NewsListItem{
	float:					left;
	width:					100%;
	padding-top:			10px;
}

div.NewsListItem h3, .SectionTitle{
	float:					left;
	padding:				10px 0px 10px 0px;
	font-weight:			bold;
	width:					95%;
}

div.NewsListStory{
	float:					left;
	width:					70%;
	padding-left:			10px;
}

div.RefereeLinkContainer{
	float:					right;
}

div.RefereeLinkContainer div.RefereeLinkItem{
	float:					left;
	padding:                5px 5px 5px 20px;
	background-image:		url('/image/referee-icon.png');	
	background-repeat:		no-repeat;
	background-position:	left center;
}

.ExtraRightPadding{
	margin-right:			20px;
}

div.NewsListDocuments{
	float:					right;
	width:					25%;	
}

div.FilterContainer{
	float:					left;
	width:					100%;
}

div.ControlsContainer{
	width:					90%;
	padding:				5%;
}

div.ControlContainer{
	float:					left;
	width:					100%;
	margin-top:				1em;
}

div.ControlContainer label{
	float:					left;
	width:					200px;
	font-weight:			bold;
}

div.ControlContainer select{
	float:					left;
	width:					250px;
}

div.DivisionContainer{
	float:					left;
	width:					100%;
	margin-top:				2em;
}

div.DivisionClubTeamContainer{
	float:					left;
	width:					46%;
	padding:				2%;
}

div.DivisionClubTeamContainer h3{
	float:					left;
	width:					100%;
	margin-bottom:			1em;
	font-weight:			bold;
}

div.DivisionClubTeamContainer table tbody th, div.DivisionClubTeamContainer table tbody td{
	font-size:				0.8em;
}

#EventListTable thead tr th, #EventListTable thead tr td, #EventListTable tbody tr th, #EventListTable tbody tr td{
	vertical-align:			top;
}

#FooterStrip{
  width:                    100%;
  float:                    left;
  height:                   10px;
  background-color:         #003366; 
}

#FooterContainer{
  padding:                  1em 0em 0em 0em;
}

#FooterText{
  width:                    100%;
  float:                    left;
  background-color:         #BBD9EE;
  height:                   45px;  
}

#FooterLeft{
	float:					left;
	width:					48%;
}

#FooterLeft p{
	float:					left;
	text-align:				left;
}

#FooterLeft p, #FooterRight p{
	font-size:				0.7em;
	padding-top:			0.5em;
	padding-bottom:			0.3em;
}


#FooterRight{
	float:					right;
	width:					48%;	
}

#FooterRight p{
	float:					right;
	text-align:				right;	
}