/*___ layout.css: Positioning and Layout Styles ___*/

/*___ Section 1: Global Positioning/Layout Styles ___*/

html 
{
}

body 
{
    width           : 980px;
    margin          : 0 auto 20px;
}

h1 
{
}

h2 
{
}

h3 
{
    margin-bottom   : 5px;
}

h4 
{
    margin-bottom   : 20px;
}

h5 
{
}

h6 
{
    margin-bottom   : 5px;
}

p 
{
    margin-bottom       : 10px;
}

ul 
{
}

ol 
{
    list-style-type     : decimal;
    margin              : 5px 0 5px 20px;
}

li 
{
}

strong 
{
}

em 
{
}

u 
{
}

a 
{
    text-decoration         : none;
}

a:visited 
{
    text-decoration         : none;
}

a:hover 
{
    text-decoration         : underline;
}

table 
{
    width                   : 95%;
    margin                  : 10px 0;
}

tr 
{
}

th 
{
    padding                 : 5px;
}

td 
{
    padding                 : 5px;
}

img 
{
}

/*___ Section 2: Site-Specific Positioning/Layout Modules ___*/

/*___ Section 3: Unique Element-Specific Position/Layout Styles ___*/

/*___ DIV _________________________________________________________________*/

.sports

#header
{
    position        : relative;
}

.activePublic,
.environmental,
.businessOwners,
.council,
.school,
.sports #header,
.contact #header,
.rugby
{
    height          : 472px;
    width           : 930px;
    margin          : 0 auto;
    position        : relative;
}

.sports #header
{
    height          : 541px;
    position        : relative;
    overflow        : hidden;
    z-idex          : 100;
}

.contact #header
{
    height          : 189px
}

#content
{
    width           : 930px;
    margin          : 0 auto;
    display         : block;
    overflow        : hidden;
    padding-top     : 25px;
}

.sports #content
{
    margin-top      : -60px;
    position        : relative;
    z-index         : 1;
}

.contact #content
{
    margin          : 0 auto;
    width           : 925px;
}

#primary
{
    width           : 507px;
    float           : right;
    margin          : 15px 85px 30px 0;
}

#secondary
{
    width           : 280px;
    margin-left     : 1px;
}

.callout
{
    padding-bottom  : 15px;
    margin-bottom   : 20px;
}

#footer
{
    width           : 980px;
    margin          : 0 auto;
    min-height      : 40px;
}


/*___ SPAN _________________________________________________________________*/

span.tel
{
    display         : block;
}

/*___ H1 _________________________________________________________________*/

#header .activePublic h1,
#header .environmental h1,
#header .businessOwners h1,
#header .council h1,
#header .school h1,
.sports #header h1,
.contact h1,
#header .rugby h1
{
    width           : 187px;
    height          : 104px;
    position        : absolute;
    top             : 338px;
    left            : 45px;
}

.contact h1
{
    top             : 66px;
}

/*___ H2 _________________________________________________________________*/

#header h2
{
    padding          : 352px 0 0 340px;
}

.sports #header h2,
#header .rugby h2
{
    padding         : 372px 0 0 340px;
}

#header .school h2
{
    position        : absolute;
    top             : 20px;
    left            : 325px;
    padding-left    : 180px;
}

.contact #header h2
{
    padding         : 100px 0 0 340px;
}

/*___ H3 _________________________________________________________________*/
#header h3
{
    padding          : 0 0 0 340px;
}

.callout h3
{
    padding          : 20px 20px 10px 25px;
}

/*___ H4 _________________________________________________________________*/

#secondary h4
{
    margin          : 0 0 5px 30px;
}

.contact #primary h4
{
    display         : block;
    clear           : both;
    margin-top      : 30px;
}

/*___ H5 _________________________________________________________________*/

/*___ H6 _________________________________________________________________*/

/*___ H6 _________________________________________________________________*/

/*___ P _________________________________________________________________*/

/*___ UL _________________________________________________________________*/

#primary ul
{
    list-style-type         : disc;
    margin                  :  0 0 20px 15px;
}

ul.nav
{
    list-style-type     : disc;
    margin              : 0 0 10px 45px;
}

.contact #primary ul
{
    list-style-type     : none;
    margin              : 10px 0 30px;
    display             : block;
    overflow            : hidden;
    height              : auto;
}

/*___ OL _________________________________________________________________*/

/*___ LI _________________________________________________________________*/

#primary ul li
{
    margin-bottom       : 10px;
}

.contact #primary ul li
{
    float               : left;
    display             : block;
    width               : 165px;
    padding-right       : 80px;
}


/*___ STRONG _________________________________________________________________*/

/*___ EM _________________________________________________________________*/

/*___ U _________________________________________________________________*/

/*___ A _________________________________________________________________*/

#header h1 a
{
    display                 : block;
    position                : absolute;
    top                     : 324px;
    left                    : 65px;
    height                  : 104px;
    width                   : 187px;
}

.callout a,
.callout a:visited
{
    text-decoration         : none;
    padding-left            : 12px;
    margin-left             : 25px;
}

.callout a:hover
{
    text-decoration         : underline;
}


/*___ TABLE _________________________________________________________________*/

/*___ TR _________________________________________________________________*/

/*___ TH _________________________________________________________________*/

/*___ TD _________________________________________________________________*/

/*___ IMG _________________________________________________________________*/

img[style="float: left;"]
{
    margin              : 0 10px 10px 0;
}

img[style="float: right;"]
{
    margin              : 0 0 10px 10px;
}

/*___ FORM _________________________________________________________________*/

/*___ INPUT _________________________________________________________________*/

/*___ LABEL _________________________________________________________________*/

/*___Group/Section/Class_________________________________________________________________*/