body {
    margin: 0px auto;
    padding: 0px;
    border: 0px;
    text-align:center;
    background: white url(/templates/srfc/images/shamrockrovers-bg.jpg) no-repeat;
    font: 12.8px Verdana, Arial, Helvetica, sans-serif;
}

p,span,h1,h2,h3,h4,img {
    margin: 0px auto;
    padding: 0px;
    border: 0px;
}

a {
    margin: 0px;
    padding: 0px;
    border: 0px;
    color: #006600;
}

p {
    margin-bottom:10px;
}	

.mapdirform {
    margin-bottom:10px;
}

h1 { 
    color: #000000;
    font: bold 15px;
    margin: 0px;
    padding-bottom: 5px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    border: 0px;
}

h2 { 
    color: #006600;
    font-weight:  bold;
    font-size: 17.6px;
    margin: 0px;
    padding-bottom: 3px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    border: 0px;
}	

h3 { 
    color: #006600;
    margin: 0px;
    padding-bottom: 3px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    border: 0px;
}

div#seacargopic { 
    float:left;
}

div#maldronpic { 
    float:right;
}

div#logoswrapper { 
    clear:both;
}

div#wholepagecontainer {
    width: 1070px;
    text-align: center;
    margin:0px auto;
}

div#wholepage {
    width: 925px;
    margin:20px auto;
    text-align: center;
    float:left;

    border:2px;
    border-color:#000000;
    border-style:solid;

    background-color: #ffffff;
}

div#subfooter {
    /* note first 4 rules exact same as div#wholepage so that legal
		   text is centered under main page excluding skyscrapper add */
    width: 1070px;
    margin:20px auto;
    text-align: center;
    float: center;
    clear:both;
    color: #ffffff;
    padding-top: 0px;
    padding-bottom: 15px;
}
div#subsubfooter {
    width: 925px;
    text-align: center;
    float:left;

    clear:both;
    color: #000;
    padding-top: 0px;
    padding-bottom: 0px;
}

div#navbartop a, div#navbarbottom a {
    text-decoration: none;
    padding-left: 6px;
    padding-right: 6px;
}

div#navbarbottom {
    width: 925px;
    text-align: left;
    color: #006600;
    padding-top: 6px;
    padding-bottom: 6px;
    background-image: url(/templates/srfc/images/h3.jpg);
}	
div#navbarbottom a {
    text-decoration: none;
    padding-left: 6px;
    padding-right: 6px;
}

div#pagebody {
    /* note : width+paddingx2 = 895+15+15 = 925! */

    width: 895px;
    background-color: #fff;
    text-align: left;
    padding-left: 15px;
    padding-right: 10px; /*???????????????????*/
    padding-top: 15px;
    padding-bottom: 0px;
    margin-bottom:0px;
}
div#left2panels {
    width: 650px; /* used to be 670 changed by PT on Mon 23rd feb */
    float:left;
}
div#mainarticle {
}

div#lang {
    margin: -16px;
    text-align: right;
}
div#left2panelstopaddpanel {
    width: 925px;
    xheight: 65px;
    padding-top:10px;
    padding-bottom:0px;
    text-align: center;
    xxxz-index: -999;
}

.toph2 {
    padding-top: 4px;
    padding-left: 5px;
    margin-bottom: 10px;
    background-color: #ffffff;
    border-top: 2px solid #666666;
    border-bottom: 1px solid #666666;
}

div#left2panelsmainpanel {
    clear: both;
    width: 670px;
}

div#left2panelsrow1, div#left2panelsrow2, div#left2panelsrow3, div#left2panelsrow4 {
    clear:both;
    float:left;
    width: 670px;
    margin-bottom: 15px;
}

.panelleft {
    width: 310px;
    background-color: #fff;
    float:left;
    xmargin-bottom: 15px;
    padding-right: 25px;
}
.panelright {
    width: 310px;
    background-color: #fff;
    float:right;
    xmargin-bottom: 15px;
    padding-right: 25px;
}

.panelh2 {
    width: 250px;
    height: 30px;
    padding-top: 3px;
    margin-bottom: 12px;
    padding-left: 15px;
    padding-right: 15px;
    background-color: #ffffff;
    color:#FFFFFF;
    background-image: url(/templates/srfc/images/headbox.jpg);
}
.panelh2wide {
    width: 533px;
    height: 30px;
    padding-top: 3px;
    margin-bottom: 12px;
    padding-left: 15px;
    background-color: #ffffff;
    color:#FFFFFF;
    background-image: url(/templates/srfc/images/headboxwide.jpg);
}

.fottertoppanelh2 {
    background-image: url(/templates/srfc/images/sponsorheadbox.jpg);
    height: 30px;
    padding-top: 3px;
    padding-left: 30px;
    background-color: #ffffff;
    color:#FFFFFF;
    clear:both;
    text-align: left;
}

div#rightpanel {
    width: 233px;
    background-color: #ffffff;
    float:right;
    text-align:center;
    margin-bottom:0px;
}

div#pagefootertop {
    margin-top: 0px;
    padding-top: 0px;
}

div#pagefooter {
    width: 925px;
    background-color: #fff;
    xxxpadding-top: 0px;
    padding-top: 12px;
    padding-bottom: 15px;
    clear:both;
    text-align: center;
}
div#pagefooter img {
    margin-left: 6px;
    margin-right: 6px;
    margin-bottom: 6px;
}

.floatRight{
    float: right;
    margin-top:0px;
    margin-bottom:0px;
    padding:10px;
}

div#corneradd {
    float:right;
    width: 120px;
    padding-top: 20px;
}

div#skyscraperadd {
    float:right;
    width: 120px;
    padding-top: 30px;
}

.leftImage {
    float: left;
    clear: left;

    margin-right:20px;
    margin-bottom:20px;
    padding:4px;
    border: 2px solid #006600;
}

.rightImage {
    xfloat:right;
    xclear:right;

    margin-left:20px;
    margin-bottom:20px;
    padding:4px;
    border: 2px solid #006600;
}	

.rightbtn {
    margin-bottom:10px;
}

.loibutton {
    margin: 0px;
    padding: 0px;
}

.email {
    color: #000000;
    margin: 0px;
    padding: 0px;
    border: 0px;
    text-decoration: none;
    font-weight: bold;
}

.cleared {
    clear: both;
}

.smallpic, moduletable_front img {
    float: left;
    margin: 0px 8px 7px 0px;
}
.crestpic {
    float: left;
    clear: left;
    margin: 6px 2px 2px 10px;
}

.nbtl {
    color: #fff;
}
.nbbl {
    color: #006600;
}

.lottoball {
    height:16px;
    width:20px;
    background-image: url(/templates/srfc/images/lottoball.gif);
    float:left;
    text-align: center;
    padding-top: 2px;
    margin-left: 3px;
    color: #FFFFFF;
    font-weight: bold;
}

div#lottodiv, div#topsponsadd {
    margin-bottom:10px;
}

.playerprofile {
    clear:both;
    xwidth:600px;
}

li.latestnews_latestnews, .blog_more ul li {
    list-style-type: none;
    margin: 0;
    padding: 0 0 0 17px;
    background: url(/templates/srfc/images/bullet.gif) no-repeat 2px 2px;
}

ul.latestnews_latestnews {
    padding: 0px;
    margin: 0px;
}	

/* End of Pauls css */

/* Alberts css */

/* Front page list */


.latestnews ul li {
    list-style-type: none;
    margin: 0;
    padding: 0 0 0 17px;
    background: url(/templates/ja_purity/images/arrow.png) no-repeat 6px 8px;
}

/* Blog & article */
.componentheading  {
    font-weight: bold;
    font-size: 17.6px;
    color: #006600;
}

.contentheading {
    font-weight: bold;
    font-size: 17.6px;
    color: #006600;
}

.createdate {
    font-weight: bold;
    font-size: 12.8px;
}

a.readon  {
    font-size: 11.2px;
    float: left;
    margin-top: 10px;
    padding: 1px 5px 1px 14px;
    border: 1px solid #F6F6F6;
    display: block;
    background: url(/templates/ja_purity/images/arrow.png) no-repeat 5px 48%;
    color: #006600;
    text-decoration: none;
    text-transform: uppercase;
}

a.readon:hover, a.readon:active, a.readon:focus {
    border: 1px solid #ECECEC;
    background: url(/templates/ja_purity/images/arrow.png) no-repeat 5px 48% #FFFFFF;
}

.blog_more {
    padding: 10px 0;
}

.blog_more strong {
    font: 9px;
    margin: 0 0 5px;
    display: block;
    color: #006600;
}

.blog_more ul {
    margin: 0;
    padding: 0;
}

.pagenav {
    font: 7px;
    color: #006600;
}

/* fixture list table */
table.fixtures {
    font-weight: normal;
    font-size: 11px;
    font-style: normal;
}

table.fixtures_header {
    font-weight: bold;
    font-size: 11px;
    font-style: normal;
    color: #ffffff;
}

table.simpletable {
    font-weight: normal;
    font-size: 0.8em;
    font-style: normal;
}

/* top dropdown menu */
#hornav{
    background-image: url("/templates/srfc/images/h2.jpg");
    clear:both;
    display:block;
    margin:0;
    padding:0;
    height:28px;
    xxpadding-top: 0px;
    xxpadding-bottom: 0px;
}

#hornav .moduletable{
    margin:0;
}

#hornav ul{
    list-style:none;
    font-weight:700;
    margin:0;
    padding:0;
    width:auto;
}

#hornav ul li{
    text-decoration:none;
    margin:0;
    padding:0;
    height:auto;
    float:left;
    position:relative;
}

/* This controls the first level menu */
#hornav ul li a{
    text-decoration:none;
    color:#fff;
    padding:7px;
    padding-top:6px;
    padding-bottom:6px;
    height:auto;
    display: block;
}

#hornav ul li a:hover {
    text-decoration:none;
}

/* The dropdown */
#hornav ul li ul {
    font-weight: normal;
    display:block;
    height:auto;
    width: 200px;
    position:absolute;
    z-index:1010;
    left: -999em;
    background-color:#336633;
    xxbackground: rgba(51, 102, 51, 0.9);
}
	

/* This controls the 2nd level menu position */
#hornav ul li ul ul {
    margin: -36px 0 0 200px;
}

/* Text width of the dropdown */
#hornav ul li li {
    width: 200px;
}

#hornav ul li li a{
    font: 10px;
    text-decoration:none;
    color:#fff;
    text-transform:none;
    display: block;
    background:none;
    padding:10px;
    text-align:left;
}

#hornav ul li ul {
    left: -999em;
}

#hornav ul li:hover ul ul, #hornav ul li:hover ul ul ul {
    left: -999em;
}

#hornav ul li:hover ul, #hornav ul li li:hover ul, #hornav ul li li li:hover ul {
    left: auto;
}

.moduletable_module {
    height: 30px;
}

ul.menu_sbmenu, .menu_sbmenu ul{
    margin: 0;
    padding: 0;
    cursor: default;
    list-style-type: none;
    display: inline;
}

ul.menu_sbmenu{
    display: table;
}

ul.block{
    width: 100%;
    table-layout: fixed;
}

ul.menu_sbmenu>li{
    display: table-cell;
    position: relative;
    padding: 2px 12px;
}

ul.menu_sbmenu li>ul{
    display: none;
    position: absolute;
    max-width: 40ex;
    margin-left: -6px;
    margin-top: 2px;
}

ul.menu_sbmenu li:hover>ul {
    display : block;
}

.menu_sbmenu ul li a{
    display: block;
    padding: 2px 10px;
}

/*Menu styles*/

ul.menu_sbmenu, .menu_sbmenu ul, .menu_sbmenu ul li a{
    background-color: #006600;
    color: #fff;
}

ul.menu_sbmenu li:hover, .menu_sbmenu ul li a:hover {
    background-color: #008800;
    color: #fff;
}

ul.menu_sbmenu li:active, .menu_sbmenu ul li a:active {
    background-color: #00f;
    color: #fff;
}

ul.menu_sbmenu, .menu_sbmenu ul{
    xxborder: 1px solid #0f0;
}

.menu_sbmenu a{
    text-decoration: none;
    color: #fff;
}

.moduletable_srfcvid {
    z-index: -999;
}
