/* Layout */
/*-------------------------------*/
body {
font-size:0.70em;
padding: 0 0 0 0px; 
margin:0 0 0 0px;
font-family:Arial, Helvetica, sans-serif;
background-image:url(../media/images/sportswear-bg.jpg);
background-position:top;
background-repeat:repeat-x;
background-color:#333333;
}
#container {
width: 750px;
margin: 0px auto;  
padding:0 0 0 0px;
background-color:#ffffff;
border:#ffffff solid 10px;
margin-bottom:20px;
}
img {
border:0px;
}
img a {
border:0px;
}
table p {
text-transform:none;
}
b {
font-weight:normal;
}

/* header */
/*-----------------------------------*/
#logobar{
clear: both; 
width: 750px; 
height: 100px; 
text-align:right;
background-image:url(../media/images/logo-bar-bg.jpg);
background-position:top;
background-repeat:no-repeat;
}
#logobar h1{
font-weight:normal;
color:#666666;
text-align:right;
padding-left:200px;
padding-top:10px;
padding-right:0px;
padding-bottom:0px;
margin:0 0 0 0px;
background:none;
border-bottom:none;
font-size: 1.0em;
}
#logobar h1 a{
color:#666666;
text-decoration:none;
}
#logobar h1 a:hover{
color:#ff0000;
text-decoration:none;
}
#logobar h1 a{
color:#666666;
text-decoration:none;
}
#logobar h1 a:hover{
color:#ff0000;
text-decoration:none;
}
.welcomemsg{
color:#666666;
}
#logobar h2{
padding-top:30px;
padding-bottom:0px;
padding-left:85px;
font-weight:normal;
font-size:0.80em;
color:#666666;
text-align:left;
margin:0 0 0 0px;
}
.welcomemsg{
color:#666666;
}
#logobar h2{
padding-top:30px;
padding-bottom:0px;
padding-left:85px;
font-weight:normal;
font-size:0.80em;
color:#666666;
text-align:left;
margin:0 0 0 0px;
}

#header{
clear: both; 
width: 750px; 
height: 209px; 
text-align:right;
background-image:url(../media/images/team-sportswear-header.jpg);
background-position:top;
background-repeat:no-repeat;
}
#header h1{
font-weight:normal;
font-size:0.90em;
color:#666666;
text-align:right;
padding-left:0px;
padding-top:10px;
padding-right:23px;
padding-bottom:0px;
margin:0 0 0 0px;
background:none;
border-bottom:none;
}
#header h1 a{
color:#666666;
text-decoration:none;
}
.welcomemsg{
color:#666666;
}
#header h2{
padding-top:30px;
padding-bottom:0px;
padding-left:85px;
font-weight:normal;
font-size:0.90em;
color:#666666;
text-align:left;
margin:0 0 0 0px;
}
#header h2 a:hover{
color:#247E2B;
text-decoration:none;
}
#header a{
color:#333333;
text-decoration:none;
}

/*-----------------------------------*/

/* Left Options*/
/*------------------------------------*/
#navleft {
clear: both;
float: left; 
font-size:1.0em;
width: 181px; 
background-image:url(/media/images/nav-left-head.jpg);
background-position:top;
background-repeat:no-repeat;
padding-top:80px;
padding-bottom:20px;
}
#navleft ul {
list-style-type:none;
list-style-position:outside;
margin:0 0 0 0px;
padding-left:0px;
padding-right:0px;
padding-bottom:0px;
}
#navleft li {
list-style-position:outside;
padding-top:4px;
padding-bottom:4px;
padding-left:10px;
height: 8px;
width: 171px; 
color:#ffffff;
font-size:1.0em;
background-image:url(/media/images/cways-btn-bg.jpg);
background-repeat:no-repeat;
background-position:right;

}
#navleft li a {
text-decoration:none;
color:#333333;
cursor:pointer;
}
#navleft li a:hover {
text-decoration:none;
color:#FF0404;
}
#navleft p {
font-size:1.0em;
padding-left:12px;
padding-top:0px;
color:#FF0404;
text-decoration:none;
font-weight:normal;
line-height:16px;
}
#navleft a {
padding-top:4px;
padding-bottom:2px;
line-height: 9px;
margin:0 0 0 0;
color:#FF0404;
text-decoration:none;
}
#navleft a:hover {
padding-top:4px;
padding-bottom:2px;
line-height: 9px;
margin:0 0 0 0;
color:#666666;
text-decoration:none;
}
/* Content */
/*--------------------*/
#content {
float: left;
width:374px;
margin-left:6px;
padding-bottom:50px;
background-image:url(/media/images/content-head.jpg);
background-position:top;
background-repeat:no-repeat;
min-height:750px;
}
#content h1 {
color:#FF0404;
font-family:Arial, Helvetica, sans-serif;
padding-left:13px;
padding-top:26px;
padding-bottom:24px;
font-size:1.1em;
margin:0px;
}
#content h2 {
color:#FF0404;
font-family:Arial, Helvetica, sans-serif;
padding-left:10px;
padding-right:10px;
font-size:1.0em;
font-weight:bold;
}
#content h3 {
font-weight:normal;
font-style:normal;
color:#333333;
padding-left:10px;
padding-right:10px;
font-size:1.0em;
}
#content p {
color:#666666;
font-family:Arial, Helvetica, sans-serif;
padding-left:10px;
padding-right:10px;
font-size:1.0em;
}
#content a {
color:#333333;
text-decoration:none;
font-weight:normal;
}
#content a:hover{
color:#f60000;
text-decoration:underline
}
#content hr{
color:#999999;
text-align:left;
}
#content li {
color:#666666;
width:85%;
background-image:url(../media/images/cways-btn-bg.jpg);
background-position:left;
background-repeat:no-repeat;
padding-left:20px;
list-style-position:outside;
list-style-type:none;
}
#content-part{
float: left;
width:330px;;
background-color: #C0BBB5;
}
/*-------------------------------*/
/* Content */
/*--------------------*/
#content-colour {
float: left;
width:374px;
margin-left:6px;
padding-bottom:50px;
background-image:url(/media/images/content-colour-head.jpg);
background-position:top;
background-repeat:no-repeat;
min-height:750px;

}
#content-colour h1 {
color:#F6OOOO;
font-family:Arial, Helvetica, sans-serif;
padding-left:13px;
padding-top:26px;
padding-bottom:24px;
font-size:1.1em;
margin:0px;
}
#content-colour h2 {
color:#F6OOOO;
font-family:Arial, Helvetica, sans-serif;
padding-left:10px;
padding-right:10px;
padding-top:10px;
font-size:1.0em;
font-weight:bold;
}
#content-colour p {
color:#666666;
font-family:Arial, Helvetica, sans-serif;
padding-left:10px;
padding-right:10px;
font-size:1.0em;
}
#content-colour a {
color:#333333;
text-decoration:none;
font-weight:normal;
}
#content-colour a:hover{
color:#f60000;
text-decoration:underline
}
#content-colour hr{
color:#999999;
text-align:left;
}
#content-colour li {
color:#666666;
font-size:110%;
width:85%;
}
#colour-chooser {
float: left;
width:354px;
padding-bottom:30px;
padding-left:16px;
margin-top:100px;
}
#colour-chooser p {
float: left;
width:354px;
padding:0 0 0 0px;
color:#ffffff;

}
/*-------------------------------*/

/*-------------------------------*/
/* Content */
/*--------------------*/
#content-kd {
float: left;
width:370px;
margin-left:6px;
margin-right:6px;
padding-bottom:50px;
min-height:750px;
}
#content-kd h1 {
color:#FF0404;
font-family:Arial, Helvetica, sans-serif;
padding-left:13px;
padding-bottom:24px;
font-size:1.1em;
margin:0px;
}
#content-kd h2 {
color:#FF0404;
font-family:Arial, Helvetica, sans-serif;
padding-left:10px;
padding-right:10px;
padding-top:10px;
font-size:1.0em;
font-weight:bold;
}
#content-kd p {
color:#666666;
font-family:Arial, Helvetica, sans-serif;
padding-left:10px;
padding-right:10px;
font-size:1.0em;
}
#content-kd a {
color:#333333;
text-decoration:none;
font-weight:normal;
}
#content-kd a:hover{
color:#f60000;
text-decoration:underline
}
#content-kd hr{
color:#999999;
text-align:left;
}
#content-kd li {
color:#666666;
width:85%;
background-image:url(../media/images/cways-btn-bg.jpg);
background-position:top left;
background-repeat:no-repeat;
padding-left:20px;
list-style-position:outside;
list-style-type:none;
}
#content-kd li a {
color:#f60000;
}
#content-kd li a:hover {
color:#000000;
}
#content-kd li ul li {
color:#666666;
width:85%;
background-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 0 0 0px;
padding:0 0 0 0px;
}

/*-------------------------------*/

/* Latest News Sub*/
/*--------------------*/

#latest-sub {
position:relative;
clear:both;
width: 344px;
padding-top:76px;
background-image:url(/media/images/latest-body-head.jpg);
background-position:top;
background-repeat:no-repeat;
}
#latest-sub  p{
color:#003366;
}
#latest-sub  a{
color:#ffffff;
}
#latest-sub  a:hover {
color:#003366;
}
.latest-sub-body {
position:relative;
clear:both;
width: 320px;
background-image:url(/media/images/latest-body-bg.jpg);
background-position:top;
background-repeat:repeat-y;
padding-left:12px;
padding-right:12px;
padding-top:6px;
padding-bottom:4px;
text-align:left;
color:#ffffff;
}
.latest-sub-body p {
color:#003366;
}
.latest-sub-body a{
color:#003366;
}
.latest-sub-body a:hover {
color:#003366;
}


/*Right options */
/*-----------------------------------------------*/
#navright{
float: right; 
width: 183px; 
font-weight: normal;
padding-top:58px;
height:15px;
color:#990000;
margin:0 0 0 0px;
background-image:url(/media/images/nav-right-head.jpg);
background-repeat:no-repeat;
background-position:top;
}
#navright h1{
font-weight: normal;
padding-top:10px;
padding-bottom:10px;
padding-left:10px;
padding-right:10px;
height:15px;
margin:0 0 0 0px;
color:#333333;
font-size:1.1em;
}
#navright ul {
list-style-type:none;
list-style-position:outside;
margin:0 0 0 0px;
padding-left:0px;
padding-right:0px;
padding-bottom:0px;
}

#navright li {
list-style-position:outside;
padding-top:4px;
padding-bottom:4px;
padding-left:10px;
height: 8px;
width: 171px; 
color:#ffffff;
font-size:1.0em;
background-image:url(/media/images/range-btn-bg.jpg);
background-repeat:no-repeat;
background-position:right;

}
#navright li a {
text-decoration:none;
color:#333333;
cursor:pointer;
}
#navright li a:hover {
text-decoration:none;
color:#FF0404;
padding-left:4px;
}
/*-----------------------------------------------*/

/* sign off */
/*-------------------------------*/
#sign-off {
clear: both;
text-align: left;
background-color:#333333;
border-top:6px solid #ffffff;
border-bottom:6px solid #ffffff;
padding-left:189px;
padding-right:189px;
padding-bottom:6px;
width: 372px; 
color: #ffffff;
padding-top:10px;
font-size:1.0em;
}
#sign-off li{
direction:ltr;
display:inline;
}
#sign-off ul{
text-decoration:none;
display:inline;
direction:ltr;
margin:0 0 0 0px;
padding:0 0 0 0px;
}
#sign-off a {
color:#FF0000;
text-decoration: none;
padding-right:5px;
}
#sign-off a:hover {
color:#cccccc;
text-decoration: none;
padding-right:5px;
}
#sign-off li a {
color:#565149;
text-decoration: none;
padding-right:5px;
}
#sign-off li a:hover {
color:#247E2B;
text-decoration: none;
padding-right:5px;
}

/*-------------------------------*/

/* Footer */
/*-------------------------------*/
#footer {
clear: both;
text-align: left;
background-color:#f60000;
padding-left:189px;
padding-right:189px;
padding-bottom:6px;
width: 372px; 
color: #ffffff;
padding-top:10px;
font-size:1.0em;
}
#footer li{
direction:ltr;
display:inline;
}
#footer ul{
text-decoration:none;
display:inline;
direction:ltr;
margin:0 0 0 0px;
padding:0 0 0 0px;
}
#footer a {
color:#565149;
text-decoration: none;
padding-right:5px;
}
#footer a:hover {
color:#247E2B;
text-decoration: none;
padding-right:5px;
}
#footer li a {
color:#565149;
text-decoration: none;
padding-right:5px;
}
#footer li a:hover {
color:#247E2B;
text-decoration: none;
padding-right:5px;
}

/*-------------------------------*/

/* News
/*-----------------------*/

#news{
font-weight: normal;
width:325px;
color:#666666;
margin:0 0 0 0px;
font-size:1.1em;
border-bottom:#666666 dotted 1px;
}
#news h2{
padding-left:10px;
padding-right:0px;
padding-top:4px;
padding-bottom:4px;
height:16px;
padding-bottom:4px;
margin:0 0 0 0px;
font-weight:normal;
background-color:#66CC00;
color:#ffffff;
text-align:left;
}
#news p{
float: left; 
width: 147px; 
padding-left:10px;
padding-right:10px;
padding-top:4px;
padding-bottom:4px;
border-bottom: 1px dotted #cccccc;
color:#247E2B;
margin:0 0 0 0px;
}
#news a {
color:#666666;
text-decoration:none;
font-weight:normal
}
#news a:hover {
color:#FF0404;
text-decoration:none;
font-weight:normal
}
/*-----------------------*/
/* News
/*-----------------------*/

#offices{
float: left; 
width:181px;
padding-top:30px;
}
#offices h1{
font-weight: normal;
padding-top:10px;
padding-bottom:10px;
padding-left:10px;
padding-right:10px;
height:15px;
margin:0 0 0 0px;
color:#666666;
font-size:1.0em;
background-color:none;
}
#offices h2{
padding-left:10px;
padding-right:0px;
padding-top:45px;
padding-bottom:4px;
height:16px;
padding-bottom:4px;
margin:0 0 0 0px;
font-weight:normal;
color:#666666;
text-align:left;
font-size:1.0em;
}
#offices p {
font-size:1.0em;
padding-left:10px;
padding-right:10px;
padding-top:0px;
color:#f60000;
text-decoration:none;
font-weight:normal;
line-height:16px;
}
#offices a {
color:#666666;
text-decoration:none;
font-weight:normal
}
#offices a:hover {
color:#FF0404;
text-decoration:none;
font-weight:normal
}
/*-----------------------*/


/* Generic styling */
/*-------------------------------*/
hr {
height:1px;
width:100%;
color:#cccccc;
}
h1 {
padding-top:10px;
padding-bottom:10px;
padding-left:10px;
padding-right:10px;
height:15px;
margin:0 0 0 0px;
color:#ffffff;
}
h2 {
font-weight: normal;
color:#247E2B;
padding-left:10px;
padding-right:10px;
}
h3 {
font-weight: normal;
font-style:italic;
color:#333333;
padding-left:10px;
padding-right:10px;
font-size:1.0em;
}
h4 {
font-weight: bold;
color:#666666;
line-height:10px;
margin:0 0 0 0px;
}
h5 {
font-weight: normal;
color:#247E2B;
padding-left:10px;
padding-right:10px;
font-style:italic;
text-align:center;
}
h6 {
font-weight: normal;
color:#cccccc;
}
h7 {
font-weight: bold;
color:#F6FC3A;
}