@import url('reset.css');

body
{ text-align:center; font-family:Trebuchet MS; line-height:1.4em; background:#fff url('../images/design/ourfc-body-bg.jpg') repeat-x 0px -11px; }

#container
{ margin:20px auto; text-align:left; width:780px; overflow:hidden; background:#fff url('../images/design/ourfc-header-bg.jpg') no-repeat top left; }

#branding
{ float:left; margin:5px 0 0 5px; display:inline; }

#branding h1 a
{ float:left; display:block; width:503px; height:83px; text-indent:-9999px; overflow:hidden; background:transparent url('../images/design/ourfc-logo.jpg') no-repeat top left; }


/*-----------------------------------------------------------------------
	Main Menu
/*-----------------------------------------------------------------------*/
#mainmenu
{ float:left; width:770px; margin:1px 0 1px 5px; display:inline; clear:both; padding-bottom:319px; background:transparent url('../images/design/ourfc-feature-3.jpg') no-repeat bottom left; }

#mainmenu ul
{ float:left; width:100%; background:#163664; }

#mainmenu li
{ float:left; }

#mainmenu li.last
{ float:right; }

#mainmenu li a:link, #mainmenu li a:visited, #mainmenu li a:active
{ display:block; padding:5px 19px; float:left; color:#fff; text-decoration:none; text-transform:uppercase; font-size:0.9em; }

#mainmenu li a:hover
{ color:#ccc; }

.pgabouthistory #mnuaboutus a, .pgaboutlightblues #mnuaboutus a, .pgaboutallblacks #mnuaboutus a, .pgaboutclub #mnuaboutus a,
.pgcommittee #mnucommittee a,
.pgplayer #mnuplayer a,
.pgfixturestimetable #mnufixtures a, .pgfixturesresults #mnufixtures a,
.pggallery #mnugallery a,
.pgcontactus #mnucontactus a
{ background:#73b8c4; }


/*-----------------------------------------------------------------------
	Secondary Menu
/*-----------------------------------------------------------------------*/
#secondarymenu
{ float:right; margin:5px 15px 0 0; line-height:normal; }

#secondarymenu ul
{ float:left; }

#secondarymenu li
{ float:right; clear:both; }

#secondarymenu li a:link, #secondarymenu li a:visited, #secondarymenu li a:active
{ font-size:.6em; display:block; color:#000; text-decoration:none; padding:2px 12px 2px 0; background:transparent url('../images/design/ourfc-menu-back.jpg') no-repeat 100% 50%; }

#secondarymenu li a:hover
{ text-decoration:underline; }


/*-----------------------------------------------------------------------
	Sub Menu
/*-----------------------------------------------------------------------*/
.submenu
{ float:left; width:100%; margin-bottom:20px; }

.submenu ul
{ float:left; position:relative; left:-12px; }

.submenu li
{ float:left; border-right:1px solid #ccc; }

.submenu li.last
{ float:left; border-right:0; }

.submenu li a:link, .submenu li a:visited, .submenu li a:active
{ font-size:.8em; display:block; float:left; color:#333; /*text-decoration:none;*/ padding:0px 12px; }

.submenu li a:hover
{ text-decoration:underline; color:#ffa200; }

.pgabouthistory #smnuabouthistory a, .pgaboutlightblues #smnuaboutlightblues a, .pgaboutallblacks #smnuaboutallblacks a, .pgaboutclub #smnuaboutclub a,
.pgfixturestimetable #smnufixturestimetable a, .pgfixturesresults #smnufixturesresults a,
.pgjubileeinfo #smnujubileeinfo a, .pgjubileerego #smnujubileerego a, .pgjubileeattend #smnujubileeattend a
{ color:#ffa200; text-decoration:none; }


/*-----------------------------------------------------------------------
	Body
/*-----------------------------------------------------------------------*/
#bodywrap
{ clear:both; float:left; width:100%; padding-top:5px; background:transparent url('../images/design/ourfc-content-body-bg.jpg') no-repeat top left; }


/*-----------------------------------------------------------------------
	Content
/*-----------------------------------------------------------------------*/
#contentwrap
{ width:575px; float:left; margin-left:5px; display:inline; overflow:hidden; }

#content
{ padding:20px 25px; color:#333; min-height:300px; }

#content h2
{ font-size:1.4em; padding:10px 0 20px 0; font-family:Times New Roman; color:#73b8c4; }

#content h3
{ font-size:1.2em; color:#ffa200; padding:10px 0 0 0; font-family:Times New Roman; }

#content h4
{ font-size:.8em; padding:10px 0 0 0; font-weight:bold; }

#content p
{ font-size:.8em; padding:5px 0; }

#content .contactlist
{ font-size:.8em; }

#content a:link, #content a:visited, #content a:active
{  text-decoration:underline; }

#content a:hover
{ text-decoration:none; }


#content strong
{ font-weight:bold; }

#content .photogallery
{ float:left; width:100%; }

#content .photogallery li
{ float:left; margin:5px; display:inline; }

#content .photogallery img
{ float:left; padding:5px; border:1px solid #ccc; }

#content .sponsorlinks
{ float:left; width:100%; clear:both; }

#content .sponsorlinks ul
{ float:left; width:100%; }

#content .sponsorlinks ul li
{ float:left; width:48%; text-align:center; }

#content .sponsorlinks li.newline4
{ clear:both; }

#content .sponsorlinks table
{ width:100%; }

#content .sponsorlinks table td
{ width:50%; vertical-align:middle; text-align:center; }

/*-----------------------------------------------------------------------
	Table Layout
/*-----------------------------------------------------------------------*/
table
{ border-collapse:collapse; font-size:.9em; width:100%; border:0; border-color:#ccc; }

table.data
{ margin:10px 0; }

table td, table th
{ padding:5px 10px; vertical-align:top; }

table thead td, table .tblheader th, table .tblheader td
{ border-bottom:2px solid #ccc; border-top:2px solid #ccc; color:#ffa200; }

table thead td a, table .tblheader th a, table .tblheader td a
{ color:#ffa200; text-decoration:underline; }

table thead td a:hover, table .tblheader th a:hover, table .tblheader td a:hover
{ text-decoration:none; }

table.data tbody td, table .tblrow td
{ border-bottom:1px dotted #ccc; border-top:border-bottom:1px dotted #ccc; }

table .center
{ text-align:center; }

table .highlight td
{ font-weight:bold; }

table.data tbody tr:hover
{ background-color:#73b8c4; color:#fff; }

table tfoot td
{ border-top:2px solid #ccc; }


/*-----------------------------------------------------------------------
	Forms
/*-----------------------------------------------------------------------*/
table.form td
{ padding:5px; border-bottom:1px dotted #ccc; }

table.form tr.section td
{ padding-left:0; /*background:transparent url('../images/design/ourfc-heading-bg.jpg') repeat-x bottom left;*/ }

table.form .label
{ font-size:.8em; text-align:right; width:40%; vertical-align:top; }

table.form .datetime
{ font-weight:bold; font-size:110%; }

table.form .required
{ font-weight:bold; font-style:normal; }

table.form .requiredstar
{ color:Red; font-size:120%; }

table.form .validation
{ font-size:.8em; vertical-align:top; }

table.form .input
{ width:30%; vertical-align:top; }

table.form .input table td
{ padding:2px; border-bottom:0; }

table.form .sep
{ border-bottom:1px solid #73b8c4; }

table .totalme, table .total
{ text-align:right; width:50px; }

table .totallabel, table .total
{ text-align:right; font-weight:bold; }

table .total, table .totallabel
{ border-top:2px solid #666; border-bottom:2px solid #000; }

table .alt
{ background-color:#e5e9f1; }

table .reg2
{ visibility:hidden; }

input[type=text], input[type=password]
{ width:130px; }

input.inputyear
{ width:35px; }


.checklist li
{ clear:both; }

.checklist input
{ display:block; float:left; }

.checklist label
{ display:block; float:left; }


.messagebox
{ padding:10px; margin:10px 0; }

#content .messagebox p
{ font-size:1.0em; }

#content .good
{ border-top:2px solid green; border-bottom:2px solid green; }

#content .bad
{ border-top:2px solid red; border-bottom:2px solid red; }

.noshow
{ display:none; }

.pgfixturesresults select
{ display:block; margin:10px 0; padding:10px 0; font-size:100%; color:#666; }




/*-----------------------------------------------------------------------
	Info Panel
/*-----------------------------------------------------------------------*/
#infopanelwrap
{ width:175px; float:right; margin:20px 15px 0 0; display:inline; }

#sponsorcontent
{ float:left; vertical-align:text-top}


#infopanelcontent
{ float:left; /*padding-bottom:200px; background:transparent url('../images/design/ourfc-speights-logo-side.jpg') no-repeat bottom left;*/ }

#infopanelcontent .more-indicator
{ font-size:100%; }

#infopanelcontent #training-guide dt
{ text-indent:-9999px; overflow:hidden; background:transparent url('../images/design/rugby-training-guide.jpg') no-repeat top left; height:90px; width:175px; }

#infopanelcontent #training-guide dd
{ background:#1a3550; }

#infopanelcontent #training-guide dd a, #infopanelcontent #jubilee dd a
{ color:#fff; text-decoration:underline; font-size:75%; display:block; padding:5px; }

#infopanelcontent #training-guide dd a:hover, #infopanelcontent #jubilee dd a:hover
{ text-decoration:none; }

#infopanelcontent #jubilee
{ margin-top:20px; }

#infopanelcontent #jubilee dt
{ text-indent:-9999px; overflow:hidden; background:transparent url('../images/design/ourfc-125th-jubilee4.jpg') no-repeat top left; height:122px; width:175px; }

#infopanelcontent #jubilee dd
{ background:#5a4e4e; }


#infopanelwrap img
{ margin-top:20px; }

#passiton h3
{ display:none; }

#passitonshow
{ display:block; width:175px; height:100px; background:transparent url('../images/design/ourfc-pass.jpg') no-repeat top left; text-indent:-9999px; overflow:hidden; }

#passitonform
{ border-bottom:1px solid #666; border-left:1px solid #666; border-right:1px solid #666; padding:10px; font-size:.8em; }

#passitonform label
{ font-size:.7em; }

#passitonform a:link, #passitonform a:visited, #passitonform a:active
{ background:transparent url(../images/design/mail.png) no-repeat 0px 1px; padding-left:20px; text-decoration:underline; }

#passitonform a:hover
{ text-decoration:none; }


/*-----------------------------------------------------------------------
	Footer
/*-----------------------------------------------------------------------*/
#footer
{ clear:both; float:left; width:100%; color:#fff; height:53px; margin-top:20px; background:transparent url('../images/design/ourfc-footer-bg.jpg') no-repeat top left; }

#footer p
{ font-size:.7em; text-align:center; padding:20px 0; }

#footer a:link, #footer a:visited, #footer a:active
{ color:#fff; text-decoration:underline; }

#footer a:hover
{ text-decoration:none; }

#sitedesign
{ clear:both; font-size:.6em; color:#aaa; width:100%; }

#sitedesign p
{ margin-right:10px; text-align:right; }

#sitedesign a:link, #sitedesign a:visited, #sitedesign a:active
{ color:#aaa; text-decoration:underline; }

#sitedesign a:hover
{ text-decoration:none; }


.clearit
{ clear:both; }