@charset "utf-8";
/* Main - CSS Document */

* :focus { outline: 0; }

html, body {
	font: normal 100% Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background: #F0F0F0;
}
a{
	color: #ED1B2D;
	font-weight: bold;
}
a:link{ text-decoration: none;}
a:visited{  text-decoration: none;}
a:hover{  text-decoration: underline;}
a:active{  text-decoration: none;}

/*----------  HTML Structure ----------*/
#container {
	width: 100%;  /* this will create a container 80% of the browser width */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	/*border: 1px solid #000000;*/
	text-align: left; /* this overrides the text-align: center on the body element. */
	min-width: 900px;
}
/*----------  HTML Structure - Header ----------*/
#header {
	background: url(../images/bg_header.gif) repeat-x; 
	padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	/*text-align: right;*/
}
#header #internal{
	background: url(../images/actionShot1.png) 85% 10px no-repeat;
}
#header .logo{
	/*padding: 15px 50px 10px 15px;*/
	padding: 15px 15px 0 50px;
}
#header .logoWords{
	position: absolute;
	top: 35px;
}
#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

/*----------  HTML Structure - Fixtures Strip ----------*/

#fixtures{
	width: 100%;
	background: #F0F0F0;
	border-bottom: 15px solid #000;
}
#fixtures .inner{
	padding: 20px 25px;
}
#fixtures h1{
	margin: 0;
	font: bold 2em Georgia, "Times New Roman", Times, serif;
	width: 100%;
	border-bottom: 1px solid #000;
}
.fixtures{
	float: left;
	width: 30%;
}
.gradeA{
	background: url(../images/bg_fixturesA.gif) bottom right no-repeat;
}
.gradeB{
	background: url(../images/bg_fixturesB.gif) bottom right no-repeat;
}
.gradeC{
	background: url(../images/bg_fixturesC.gif) bottom right no-repeat;
}
.TabbedPanelsContent .title{
	float: left;
	width: 70px;
	font-weight: bold;
	display:inline;
}
.TabbedPanelsContent p{
	margin:5px 0 0 0;
}
.tSelect{
	float: right;
	width: 60%;
	padding: 0 20px;
	border-left: 1px solid #000;
}
.tSelect h3{
	margin:0;
	font-size: 12px;
}
.fixtures, .tSelect{
	margin: 0 0 5px 0;
}
.fixtures p, .tSelect p{
	margin: 2px 0;
}
/*.fixtures p{display:inline;}*/

/*----------  HTML Structure - Right Column Styles ----------*/
#sidebar1 {
	float: right; /* since this element is floated, a width must be given */
	width: 29%; 
	/*padding-top: 15px;  top and bottom padding create visual space within this div  */
	margin: 0;
}
#sidebar1 h3, #sidebar1 p {
	width: 80%;
	margin: 10% auto;
	/*
	margin-left: 10px;  the left and right margin should be given to every element that will be placed in the side columns
	margin-right: 10px;
	*/
}
#whoWe{
	text-align: center;
	background-color:#000000;
	width: 85%;
	margin: 0 0 20px 0;
	padding: 0 0 8px 0;
}
#whoWe img{
	padding: 0;
	margin:0;
}
#sidebar1 #whoWe a{
	font-size: 12px;
}
#sidebar1 .resultsBox{
	width: 85%;
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
	border: 1px solid #ED1B2D;
	border-top: 5px solid #ED1B2D;
	background: #FFF url(../images/bg_football.gif) bottom right no-repeat;
}
#sidebar1 .resultsBox h1{
	background: #ED1B2D;
	font-size: 11px;
	width: 160px;
	color: #FFF;
	text-align: center;
	text-transform: uppercase;
	margin: 0 0 0 20px;
	padding: 5px 0 10px 0;
}
#sidebar1 .resultsBox h3{
	font-size: 0.8em;
	font-weight: bold;
	margin: 10px 0 0 20px;
	padding: 0;
	clear: left;
}
#sidebar1 .resultsBox p{
	font-size: 12px;
}
.resultsBox ul{
	margin: 0;
	padding:0 0 10px 20px;

	font-size: 12px
}
.resultsBox ul li{
	margin:0;
	padding:0;
	list-style-type: none;
	float: left;
}
.resultsBox ul li.team{
	width: 60%;
	font-weight: bold;
}

#sidebar1 .countdown{
	width: 85%;
	margin: 0 0 20px 0;
	padding: 0;
	border: 1px solid #000;
	border-top: 5px solid #000;
	background: #FFF;
}
#sidebar1 .countdown h1{
	background: #000;
	font-size: 11px;
	width: 160px;
	color: #FFF;
	text-align: center;
	text-transform: uppercase;
	margin: 0 0 0 20px;
	padding: 5px 0 10px 0;
}
#sidebar1 .countdown h3{
	font: bold 4em Georgia, "Times New Roman", Times, serif;
	margin: 0;
	padding: 0;
	color: #ED1B2D;
}
#sidebar1 .countdown h3 .togo{
	display: block;
	font: bold 11px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
#sidebar1 .countdown p{
	font-size: 12px;
	margin: 10% auto 0 auto;
}
#sidebar1 .countdown #drew{
	background:  url(../images/bg_drew2.jpg) 85% bottom  no-repeat;
	padding: 0 10% 150px 10%;
}
#sidebar1 .rocsNewsBox{
	width: 85%;
	margin: 0 0 20px 0;
	padding: 0;
	border: 1px solid #000;
	background: #CCC url(../images/bg_signup.gif) repeat;
}
#sidebar1 .rocsNewsBox h1{
	width: 100%;
	background: #000;
	padding: 0;
	margin: 0;
}
#sidebar1 .rocsNewsBox h1 img{
	margin: 15px;
}
#sidebar1 .rocsNewsBox p{
	font-size: 12px;
	margin: 10% auto 5% auto;
}
/*------------  Sponsors Specials box - Home Page  ------------*/
#sidebar1 .specials{
	text-align: center;
}
#sidebar1 .specials img{
	margin: 0.8em;
}

#sidebar1 .specials p{
	margin: 0.8em auto 0 auto;
	padding: 0;
	text-align: left;
}

/*----------  HTML Structure - Left Column - Main Content ----------*/
#mainContainer {
	margin: 0;
	padding: 20px 0;
	background: #F0F0F0 url(../images/bg_mainContent.jpg) repeat-x;

}
#whoWe-h {
	/*padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	/*margin: 0 30% 2% 0.5%; /* the left margin should mirror the margin on the header and footer for proper alignment. */
	
}
#mainContent, #whoWe-h {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	margin: 0 30% 1% 1%; /* the left margin should mirror the margin on the header and footer for proper alignment. */
	
}
#whoWe-i {
	padding: 0;
	margin: 0;
	background: #000 url(../flash/who-we-for.gif) center no-repeat;
	
}
#mainContent2 {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	margin: 0 1%; /* the left margin should mirror the margin on the header and footer for proper alignment. */	
}
#content p, #content li{
	font: normal 12px Arial, Helvetica, sans-serif;
}
.LrgBox1{
	border: 1px solid #999;
	border-top: 5px solid #999;
	background: #FFF;
	padding: 0 30px 30px 30px;
	margin: 0 0 25px 0;
	/*width: 70%;*/
	
}
.LrgBox1 h1{
	background: #999;
	font-size: 11px;
	width: 200px;
	color: #FFF;
	text-align: center;
	text-transform: uppercase;
	margin: 0;
	padding: 5px 0 10px 0;
}
.LrgBox1 .headInner, .LrgBox1 .allLink{
	width: 80%;
	margin: 0 0 0 71px;
	padding: 25px 0 0 0;
}
.LrgBox1 .allLink{
	text-align: center;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	text-transform: uppercase;
	padding: 5px 0;
	margin: 25px 0 0 71px;
}
.LrgBox1 .dateLine, .LrgBox1 .dateLine2{
	float: left;
	width: 70px;
	border: 2px solid #999;
	text-align: center;
	margin: 25px 0 0 0;
	padding: 5px 0;
	background: #ED1B2D url(../images/bg_dateline.gif) bottom left repeat-x;
	color: #000;
}
.LrgBox1 .dateLine2{
	background: #000 url(../images/bg_dateline2.gif) bottom left repeat-x;
}
.LrgBox1 .tag{
	font-size: 0.75em;
	font-weight: bold;
	text-transform: lowercase;
}
.LrgBox1 .dateLine2 .tag{
	color: #ED1B2D;

}
.LrgBox1 .date{
	font: normal 1.4em Georgia, "Times New Roman", Times, serif;
	color: #FFFFFF;
}
.LrgBox1 .month{
	font: normal 0.8em Arial, Helvetica, sans-serif bold;
	color: #FFF;
	text-transform: uppercase;
}
.LrgBox1 h2, .LrgBox1 h3, .LrgBox1 h4{
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 0;
	padding: 5px 0 5px 10px;
}
.LrgBox1 h2{
	font-size: 22px;
	width: 98%;
	color: #000;
	border-bottom: 1px solid #ED1B2D;
}
.LrgBox1 .headInner h2{
	border-bottom: 1px solid #999;
}


/*------------  Sponsors box - Home Page  ------------*/
#sponsors{
	padding: 25px 0;
	text-align: center;
}
#sponsors .msPic{
	display: inline;
}

/*------------  Score Panels for Premiereship Teams & Season Results  ------------*/
.resultDetail{
	float:left;
	width: 99%;
	border-bottom: 1px solid #999;
	padding: 0 0 10px 0;
	margin: 30px 0 0 0;
}
.resultDetail ul{
	list-style-type: none;
	margin: 0;
	padding: 5px 10px;
	
}
.resultDetail .roundResult{
	background: #CCC url(../images/bg_resPointer.gif) 140px 0 no-repeat;
	border-bottom: 2px solid #999;
	margin-bottom: 10px;
	
}
.resultDetail ul.resTab{
	float: left;
	width: 120px;
	background: #ED1B2D;
	color: #FFF;
}
#content ul.resTab li.roundNum{
	font: bold 18px Georgia, "Times New Roman", Times, serif;
	border-bottom: 1px solid #FFF;
}
#content ul.resTab li.roundDate{
	font: normal 10px Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 2px 0 0 0;
	line-height: 100%;
}
#content ul.resScores{
	float: left;
	padding: 7px 0 0 50px;
	width: 280px;	
	height: 100%;
}
#content .resultDetail ul.resScores li{
	margin: 0;
	padding: 0;
	float: left;
	font: bold 14px Arial, Helvetica, sans-serif;
}
.resultDetail ul.resScores li.resTeam{
	width: 150px;
}

.resultDetail p{
	color: #666;
	padding: 0;
	margin: 0 0 10px 10px;
	line-height: 120%;
}
.LrgBox1 p{
	font-size: 12px;
	margin: 0;
	padding: 5px 0 5px 10px;
}
#links{
	margin-top: 25px;
	}
#links img{
	float: left;
}
#links .hrefs{
	margin: 0 0 0 150px;
}







#content{
	margin: 20px 0 0 230px;
	padding: 0 0 0 30px;
	/*
	margin: 20px 0 0 230px;
	border-left: 1px solid #999;
	*/

}






#content table{
	font-size: 12px;
}
#content table th{
	text-align: left;
}
#content table tr th, #content table tr td{
	border-bottom: 1px solid #F0F0F0;
}
/*----------  Page - ROCFC > Guernsey & Colours -----------*/
#hGuersney{
	padding-top: 40px;
}
#hGuersney img{
	float: left;
	padding: 0 7% 0 10%;
}
#aGuersney img{
	float: right;
	padding-right: 20%;
}
/*----------  Page - ROCFC > Song -------------------------*/
.lyrics{
	text-align: center;
	padding: 40px;
}
#content .lyrics h3{
	border-bottom: 1px solid #999;
	margin: 0 0 20px 0;
}
#content .lyrics p{
	font: bold 0.8em Arial, Helvetica, sans-serif;
	line-height: 160%;
}
.hilight{
	color: #ED1B2D;
}

/*----------  Page - ROCFC > Club Members -------------------------*/
ul#cMembers{
	margin: 10px;
	padding: 0;
}
ul#cMembers li{
	width: 250px;
	/*background-color:#FFFFCC;*/
	display: -moz-inline-stack;
	display: inline-block;
	zoom:1;
	*display: inline;
	padding: 0 0 0.3em 0;
	margin: 0;
	list-style-position: inside;
}

/*----------  Page - Legends > Premiership Teams ----------*/
.teamPhoto{
	background: url(../images/bg_premPhoto.jpg) repeat-x;
	padding: 2px 0;
	text-align: center;
	border-bottom: 2px solid #999;
	margin-top: -5px;
}
.teamPhoto img{
	border: 0;
}
.photoNames{
	text-align: center;
}
/*----------  Page - News & Events ----------*/

#articlePic{
	float: right;
	padding: 10px;
	margin: 10px 0 20px 20px;
	border: 1px solid #999;
}
#articlePic p.caption{
	width: 200px;
	font: bold 0.7em Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

/*----------  Page - Sponsors and Gallery----------*/
#content .sponsor{
	margin-top: 30px;
}
#content .sponsor ul{
	list-style-type: none;
	padding:0;
	margin:0;
}
#content .sponsor ul li.logo, #content .sponsor ul li.logo2{
	float: left;
	margin: 0;
}
li.logo img{
	border: 0;
}
li.logo2 img{
	border: 1px solid #999;
	padding: 10px;
}
#content .sponsor ul li{
	margin: 0 0 0 220px;
	padding:0;
	
}
#content .sponsor ul li h3{
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
	width: 100%;
	border-bottom: 1px solid #999;
	color: #ED1B2D;
	font-size: 18px;
}
#content .sponsor ul li .city{
	text-transform: uppercase;
	font-weight: bold;
}
#content .sponsor li.spc {
	padding-top: 10px;
}
li.fraction:first-letter{
	font-size: 1em;
	}
	
/*----------  HTML Structure - Gallery Albums ----------*/	
.gallery p{
	display: inline;
	padding: 0;
	margin: 0;
}
.gallery img{
	padding: 5px;
	margin: 5px 10px 5px 0;
	border: 1px solid #999;
}
.gallery img.nav{
	padding: 5px;
	margin: 5px 10px 5px 0;
	border: 0;
}
.gallery .thumbnail{
	float: left;
	width: 170px;
	padding: 0;
	margin: 5px 10px 5px 0;
}
.thumbnail a.title{
	font: normal 12px Arial, Helvetica, sans-serif;
	width: 170px;
}
#content .gallery{
	margin: 20px 0 0 0;
}
#content .gallery h3{
	margin: 0 0 10px 0;
	padding: 0 0 5px 10px;
	width: 98%;
	border-bottom: 1px solid #999;
	color: #000;
	font-size: 18px;
}
/*
.album{
	float: right;
	width: 100%;
	padding: 0 0 1em 0;
	margin:0;
}
.album h2{
	border-bottom: 1px dotted #F0047F;
	width: 100%;
}
.album img{
	float: left;
	padding: 5px;
	margin: 5px;
	border: 1px dotted #4FAD26;
}
.album p{
	margin: 60px 0 0 200px;
	width: 60%;
	text-align: left;
	}
*/
#pagination{
	border: 1px solid #999;
	width: 98%;
	padding: 5px;
	margin: 10px 0 5px 0;
	font-size: 0.8em;
}
.coming{
	border: 1px dotted #5DB9D6;
}

#pagination{
	text-align: right;
}
#pagination a:link{
	color: #000;
	text-decoration: underline;
}
#pagination a:visited{
	color: #000;
	text-decoration: underline;
}
#pagination a:hover{
	color: #ED1B2D;
	text-decoration: underline;
}
#pagination a:active{
	color: #ED1B2D;
	text-decoration: none;
}
#currentPage{
	float: left;
	color: #999;
}
.noLink{
	color: #999;
	font-weight: bold;
}
.currentLink{
	color: #ED1B2D;
	font-weight: bold;
	border: 1px solid #ED1B2D;
	padding: 0.1em 0.3em;
}

/*----------  HTML Structure - Footer ----------*/
#footer {
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#DDDDDD;
} 
#footer {
	color: #FFF;
	background: #000 url(../images/bg_footer.gif) repeat-x left bottom;
	padding: 20px 0 0 0;
}
#footer #footLinks{
	width: 800px;
	margin: 0 auto;
}
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	color: #FFF;
}
#footer ul {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	background: url(../images/bg_foot_ul.gif) no-repeat;
	float: left;
	width: 24%;
}
#footer ul.footerLogo {
	background: none;
}
#footer li{
	padding: 0 0 0 15px;
	font-size: 0.7em;
	list-style-type: none;
}
#footer li.title{
	font-weight: bold;
	text-transform: uppercase;
	padding: 0 0 10px 15px;
}
#footer li.last{
	padding: 0 0 30px 15px;
}
#footer a:link{color:#FFF; text-decoration:none;}
#footer a:visited{color:#CCC; text-decoration:none;}
#footer a:active{color:#ED1B2D; text-decoration:none;}
#footer a:hover{color:#ED1B2D; text-decoration: underline;}

#footer #legals{
	padding: 3em 0 1em 0; 
	font-size: 0.8em;
	text-align:center;
}

/*-------------- Miscellaneous Styles ------------------------------*/
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-right: 8px;
}
.brclear{ /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/*---------- Rocs News Form -----------*/
form{
	padding: 0;
	margin: 0;
}
ol{
	width: 80%;
	padding: 0;
	margin: 0 auto 10% auto;
}
ol li{
	list-style-type: none;
}
input.text{
	margin: 0 0 0 0;
	width: 97%;
	border: 1px solid #000;
}
label{
	display: block;
	width: 97%;
	color: #000;
	font-weight: bold;
	font-size: 12px;
	padding: 10px 0 0 0;
}
li input.submit{
	width: 50%;
	margin: 10px 0 0 50%;

}
#login ol{
	width: 300px;
	padding: 0;
	margin: 0 auto 10% 10px;
}
#login li input.submit{
	width: 50px;
	margin: 10px 0 0 0;
	background-color: #000;
	color: #FFF;
}
/* ----------- PHP Form Error Message ------------------ 
.errorMsg
{	
	display: block;
	margin-left: 11.5em;
	font-size: smaller;
	color: #ED1B2D;
	width: 250px;
}
*/