/* Layout */
/*-------------------------------*/
body {
font-size: 70%; 
margin: 0em auto; 
padding: 0em;
font-family:Arial, Helvetica, sans-serif;
}

#container {
width: 710px;
margin: 0px auto; 
height:100%;
}
#coaching {
text-align:left;
font-family:Arial, Helvetica, sans-serif;
padding-right:7px;
padding-bottom:7px;
}
#coaching p {
font-size:100%;
color:#666666;
}

/*Headers */

#header-new-format {
clear: both; 
float: left; 
width: 708px; 
height: auto;
}
#header-new-format-form {
clear: both; 
float: left; 
width: 708px; 
height: auto;
background-image:url(http://www.compasscoaching.co.uk/media/images/cbox-form-thnx.jpg);
background-repeat:no-repeat;
position: top left; 

}

#headergeneric {
background-image:url(http://www.compasscoaching.co.uk/media/images/compass-coaching-header.jpg);
background-repeat:no-repeat;
position: top left; 
clear: both; 
float: left; 
width: 708px; 
height: 252px; 
}
#header-choose {
background-image:url(http://www.compasscoaching.co.uk/media/images/coaching-header-choose.jpg);
background-repeat:no-repeat;
position: top left; 
clear: both; 
float: left; 
width: 708px; 
height: 252px; 
}
#header-help {
background-image:url(http://www.compasscoaching.co.uk/media/images/coaching-header-help.jpg);
background-repeat:no-repeat;
position: top left; 
clear: both; 
float: left; 
width: 708px; 
height: 252px; 
}
#header-involved {
background-image:url(http://www.compasscoaching.co.uk/media/images/coaching-header-involved.jpg);
background-repeat:no-repeat;
position: top left; 
clear: both; 
float: left; 
width: 708px; 
height: 252px; 
}
#header-about {
background-image:url(http://www.compasscoaching.co.uk/media/images/coaching-header-about.jpg);
background-repeat:no-repeat;
position: top left; 
clear: both; 
float: left; 
width: 708px; 
height: 252px; 
}
#header-skills {
background-image:url(http://www.compasscoaching.co.uk/media/images/coaching-header-skills.jpg);
background-repeat:no-repeat;
position: top left; 
clear: both; 
float: left; 
width: 708px; 
height: 252px; 
}
#header-skills1 {
background-image:url(http://www.compasscoaching.co.uk/media/images/coaching-header-skills-1.jpg);
background-repeat:no-repeat;
position: top left; 
clear: both; 
float: left; 
width: 708px; 
height: 252px; 
}
#header-skills2 {
background-image:url(http://www.compasscoaching.co.uk/media/images/coaching-header-skills-2.jpg);
background-repeat:no-repeat;
position: top left; 
clear: both; 
float: left; 
width: 708px; 
height: 252px; 
}
#headerflash {
background-image:url(http://www.compasscoaching.co.uk/media/images/compass-coaching-Quick-guide-header.jpg);
background-repeat:no-repeat;
position: top left; 
clear: both; 
float: left; 
width: 708px; 
height: 282px; 
}
#headermovie{
position:relative;
width: 680px; 
height: 215px; 
top:8px;
left:12px;
}
#headertitle {
position:relative;
width: 358px; 
height: 61px; 
margin: 0px; 
top:200px;
left:200px;
}
#tri-options{
clear: both; 
float: left; 
width: 708px; 
height: 66px; 
}

/*Top Strapline */
/*------------------------------------*/

#strap {
position:relative;
width: 708px;
height:121px;  
margin-top:66px;
padding-top:84px;
padding-left:21px;
color:#003366;
background-image:url(http://www.compasscoaching.co.uk/media/images/Coachinbox-Header-nf.jpg);
background-repeat:no-repeat;
position: bottom left;
}
#strap p {
color:#00CCFF;
}
#strap h1 {
position:relative; 
margin: 0px; 
font-size:120%;
color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
padding-left:5px;
padding-top:30px;
}

/*Top Strapline Style */
/*------------------------------------*/

#strap ul{
margin: 0 0 0 0px; 
padding: 0 0 0 0px; 
list-style-type:none;
list-style-position:inside;
}
#strap li{
position:relative;
width:232px;
height:20px;
margin: 0 0 0 0px;
padding:0 0 0 0px;
list-style-type:none;
list-style-position:inside;
}
#strap li a{
text-decoration:none;
color:#003366;
list-style-type:none;
list-style-position:inside;
margin: 0 0 0 0px;
padding:0 0 0 0px;
}
#strap li a:hover{
padding-left:3px;
text-decoration:none;
color:#CCF5FF;
}
/*Top Navigation Format */
/*------------------------------------*/

.menutop {
position:relative;
width: 700px;
height:45px;  
padding-top:45px;
padding-bottom:10px;
padding-left:10px;
text-align:left;
color:#666666;
font-size:100%;
background-image:url(../media/images/coaching-logo-top.jpg);
background-position:right;
background-repeat:no-repeat;
}
.menutop p {
color:#666666;
}
.menutop a{
color:#999999;
text-decoration:none;
padding-right:3px;
}
.menutop a:hover {
color:#000000;
text-decoration:none;
}
/*Mid Navigation Format */
/*------------------------------------*/

.menumid {
position:relative;
width: 708px;
height:47px;  
padding-top:10px;
padding-left:21px;
background-image:url(http://www.compasscoaching.co.uk/media/images/mid-home-bg.jpg);
background-repeat:no-repeat;
position: bottom left; 
color:#ffffff;
}
.menumid p {
color:#ffffff;
}
.menumid a{
color:#ffffff;
text-decoration:none;
}
.menumid a:hover {
color:#000000;
text-decoration:none;
}
/*Main navigation */
/*------------------------------------*/

.navleft {
clear: both; 
float: left; 
width: 150px; 
margin: 0px; 
padding-top: 20px;
background-color:#6e6e6e;
background-image:url(http://www.newportsaracens.com/Images/Menu-top.jpg);
background-repeat:no-repeat;
position: top left;
border-left:8px  solid #666666;
}
.navleft li {
text-transform:uppercase;
list-style-type:none;
list-style-position:outside;
padding:0 0 0 0px;
margin:0 0 0 0px
}

/* Content */

#contentcolumn {
float: left; 
width: 476px; 
margin: 0 0 0 0px;
background-image:url(http://www.compasscoaching.co.uk/media/Images/Content-top-nf.jpg);
background-repeat:no-repeat;
padding-top:10px;
position: top left;
}
.content {
float: left;
padding-right:25px; 
padding-left:25px;   
width: 426px; 
background-image:url(http://www.compasscoaching.co.uk/media/Images/Content-BG-nf.jpg);
background-repeat:repeat-y;
}
.content p {
color:#666666;
}
#contentcolumn-full {
float: left; 
width: 685px; 
margin: 0 0 0 0px;
padding-top:10px; 
background-image:url(http://www.compasscoaching.co.uk/media/Images/Content-top-full.jpg);
background-repeat:no-repeat;
position: top left;
}
.content-full {
float: left;
padding-right:10px; 
padding-left:13px;  
width: 685px; 
background-image:url(http://www.compasscoaching.co.uk/media/Images/Content-BG-full.jpg);
background-repeat:repeat-y;
}
.content-full p {
color:#666666;
}
.content-full a {
color:#00556A;
text-decoration:none;
font-weight:bold;
}
.content-full a:hover {
color:#00556A;
font-weight:bold;
text-decoration:underline;
}

/* Content Sub Module */

#sub {
position:relative;
clear:both;
width: 449px;
padding-top:52px;
background-image:url(../media/images/sub-head.jpg);
background-position:top;
background-repeat:no-repeat;
}
#sub  p{
color:#666666;
}
#sub  a{
color:#003366;
}
#sub  a:hover {
color:#666666;
}
.sub-body {
position:relative;
clear:both;
width: 417px;
background-image:url(../media/images/Sub-body.jpg);
background-position:top;
background-repeat:repeat-y;
padding-left:18px;
padding-right:14px;
padding-top:4px;
padding-bottom:4px;
text-align:left;
color:#003366;
}
.sub-body p{
color:#666666;
}
.sub-body a{
color:#003366;
}
.sub-body a:hover {
color:#666666;
}
.sitemap {
float: left;
padding-right:10px; 
padding-left:13px;  
width: 451px; 
background-image:url(http://www.compasscoaching.co.uk/media/Images/Content-BG.jpg);
background-repeat:repeat-y;
font-size:110%;
}
.sitemap p {
color:#666666;
font-size:110%;
}
.sitemap ul  {
color:#007997;
text-decoration:none;
font-weight:normal;
}
.sitemap li a {
color:#007997;
text-decoration:none;
font-weight:normal;
}
.sitemap  li a:hover {
color:#007997;
font-weight:normal;
text-decoration:underline;
}
.sitemap a {
color:#007997;
text-decoration:none;
font-weight:normal;
}
.sitemap a:hover {
color:#007997;
font-weight:bold;
text-decoration:underline;
}
#Quicklinks {
width: 476px;
height:120px;
margin: 0px;
display:inline;
direction:ltr;
}
#Quickguide {
position:relative;
width: 108px;
height:65px; 
margin: 0 0 0 0px;
background-image:url(http://www.compasscoaching.co.uk/media/Images/QC-Button-BG.jpg);
background-repeat:no-repeat;
position: top left;
padding-top:40px;
padding-left:10px;
padding-right:80px;
font-weight:normal;
color:#15AFD4;
}
#Coachinbox {
position:relative;
width: 108px;
height:65px; 
margin: 0 0 0 0px;
background-image:url(http://www.compasscoaching.co.uk/media/Images/CB-Button-BG.jpg);
background-repeat:no-repeat;
position: top left;
padding-top:40px;
padding-left:10px;
padding-right:80px;
font-weight:normal;
color:#15AFD4;
}

/* Heading */

h1 {
position:relative; 
margin: 0px; 
font-size:120%;
color:#666666;
font-family:Arial, Helvetica, sans-serif;
padding-top:3px;
}
h2 {
font-size:100%;
color:#666666;
padding-bottom:6px;
border-bottom: dotted #cccccc 1px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
}
h3 {
font-size:100%;
color:#007997;
padding-bottom:6px;
border-bottom: dotted #cccccc 1px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
padding-left:11px;
}
ul {
font-size:100%
}
li {
color:#6B246B;
font-size:100%;
text-decoration:none;
list-style-type:disc;
list-style-position:outside;
margin:0 0 0 0px;
padding:0 0 0 0px;
}
li a {
color:#301030;
font-size:100%;
text-decoration:underline;
list-style-type:disc;
list-style-position:outside;
margin:0 0 0 0px;
padding:0 0 0 0px;
}
li a:hover {
color:#6B246B;
font-size:100%;
text-decoration:none;
list-style-type:disc;
list-style-position:outside;
margin:0 0 0 0px;
padding:0 0 0 0px;
}
li ul {
color:#007997;
text-decoration:none;
list-style-type:disc;
list-style-position:outside;
font-size:80%;
}
a {
color:#301030;
text-decoration:underline;
font-weight:normal;
}
a:hover {
color:#6B246B;
font-weight:normal;
text-decoration:underline;
}


/* Right Options */

#navright{
float: left; 
width: 232px; 
margin: 0 0 0 0px;
padding-top:10px;
}
#navright ul{
width: 232px; 
margin: 0 0 0 0px; 
padding: 0 0 0 0px; 
list-style-type:none;
list-style-position:inside;
}
#navright li{
position:relative;
height:16px;
width: 222px;
padding-top:10px;
margin: 0 0 0 0px;
border-bottom:1px dotted #cccccc;
list-style-type:none;
list-style-position:inside;
}
#navright li a{
padding-left:10px;
text-decoration:none;
color:#046A88;
}
#navright li a:hover{
padding-left:10px;
text-decoration:underline;
color:#003366;
}
#navright h1 {
position:relative; 
margin: 0 0 0 0px; 
font-size:120%;
color:#666666;
font-family:Arial, Helvetica, sans-serif;
padding-left:11px;
padding-top:3px;
}
#navright h2 {
font-size:100%;
color:#666666;
padding-bottom:6px;
border-bottom: dotted #cccccc 1px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
padding-left:11px;
}
#buttonsright{
width: 232px; 
margin: 0 0 0 0px; 
padding: 0 0 0 0px; 
}
.seminarsub{
position:relative;
height:29px;
width: 232px;
margin: 0 0 0 0px;
padding-top:11px;
background-image:url(../media/images/seminar-button-sub.jpg);
background-repeat:no-repeat;
background-position:top left;
list-style-type:none;
list-style-position:inside;
font-size:100%;
}
.seminarsub a{
padding-left:16px;
text-decoration:none;
color:#046A88;
}
.seminarsub a:hover{
text-decoration:none;
color:#003366
}
.faqsub{
position:relative;
height:35px;
width: 234px;
margin: 0 0 0 0px;
padding-top:11px;
background-image:url(../media/images/right-topnf-h1.jpg);
background-repeat:no-repeat;
background-position:top left;
list-style-type:none;
list-style-position:inside;
font-size:100%;
}
.faqsub a{
padding-left:16px;
text-decoration:none;
color:#FFFFFF;
}
.faqsub a:hover{
text-decoration:none;
color:#0BAAD0;
}
.grow{
position:relative;
height:49px;
width: 232px;
padding-top:30px;
margin: 0 0 0 0px;
background-image:url(../media/images/grow-my-business-button.jpg);
background-repeat:no-repeat;
background-position:top left;
list-style-type:none;
list-style-position:inside;
font-size:120%;
font-family:Arial, Helvetica, sans-serif;
}
.grow a{
padding-left:16px;
text-decoration:none;
color:#FFFFFF;
font-weight:bold;
}
.grow a:hover{
text-decoration:none;
color:#003366;
font-weight:bold;
}
.growsub{
position:relative;
height:27px;
width: 234px;
margin: 0 0 0 0px;
padding-top:11px;
background-image:url(../media/images/grow-my-business-button-sub.jpg);
background-repeat:no-repeat;
background-position:top left;
list-style-type:none;
list-style-position:inside;
font-size:120%;
}
.growsub a{
padding-left:16px;
text-decoration:none;
color:#FFFFFF;
}
.growsub a:hover{
text-decoration:none;
color:#003366
}
.improve{
position:relative;
height:49px;
width: 232px;
padding-top:30px;
margin: 0 0 0 0px;
background-image:url(../media/images/Improve-my-life-button.jpg);
background-repeat:no-repeat;
background-position:top left;
list-style-type:none;
list-style-position:inside;
font-size:120%;
font-family:Arial, Helvetica, sans-serif;
}
.improve a{
padding-left:16px;
text-decoration:none;
color:#FFFFFF;
font-weight:bold;
}
.improve a:hover{
text-decoration:none;
color:#003366;
font-weight:bold;
}
.improvesub{
position:relative;
height:27px;
width: 234px;
margin: 0 0 0 0px;
padding-top:11px;
background-image:url(../media/images/Improve-my-life-button-sub.jpg);
background-repeat:no-repeat;
background-position:top left;
list-style-type:none;
list-style-position:inside;
font-size:120%;
}
.improvesub a{
padding-left:16px;
text-decoration:none;
color:#FFFFFF;
}
.improvesub a:hover{
text-decoration:none;
color:#003366
}
.develop{
position:relative;
height:54px;
width: 232px;
padding-top:30px;
margin: 0 0 0 0px;
background-image:url(../media/images/Develop-my-skills-button.jpg);
background-repeat:no-repeat;
background-position:top left;
list-style-type:none;
list-style-position:inside;
font-size:120%;
font-family:Arial, Helvetica, sans-serif;
}
.develop a{
padding-left:16px;
text-decoration:none;
color:#FFFFFF;
font-weight:bold;
}
.develop a:hover{
text-decoration:none;
color:#000066;
font-weight:bold;
}
.developsub{
position:relative;
height:30px;
width: 234px;
margin: 0 0 0 0px;
padding-top:11px;
background-image:url(../media/images/Develop-my-skills-button-sub.jpg);
background-repeat:no-repeat;
background-position:top left;
list-style-type:none;
list-style-position:inside;
font-size:120%;
}
.developsub a{
padding-left:16px;
text-decoration:none;
color:#FFFFFF;
}
.developsub a:hover{
text-decoration:none;
color:#000066
}
.choosesub{
position:relative;
height:30px;
width: 234px;
margin: 0 0 0 0px;
padding-top:11px;
background-image:url(../media/images/Why-Choose-button-sub.jpg);
background-repeat:no-repeat;
background-position:top left;
list-style-type:none;
list-style-position:inside;
font-size:120%;
}
.choosesub a{
padding-left:16px;
text-decoration:none;
color:#FFFFFF;
}
.choosesub a:hover{
text-decoration:none;
color:#000066
}

/* news */

#newsgeneric{
postion:relative;
width: 232px;
padding-top:86px;
background-image:url(../media/images/compass-news-top.jpg);
background-position:top left;
background-repeat:no-repeat;
}
#newscolumn{
postion:relative;
width: 232px; 
}
#newscolumn ul{
width: 215px;
margin: 0 0 0 0px;
padding: 0 0 0 0px;
list-style-type:none;
list-style-position:inside;
}
#newscolumn li{
height:auto;
background-image:url(../media/images/news-item-bg.jpg);
background-repeat:repeat-x;
background-position:bottom left;
color:#666666;
padding-left:10px;
padding-bottom:6px;
list-style-type:none;
font-size:120%;
}
#newscolumn li a{
text-decoration:none;
color: #666666;
list-style-type:none;
}
#newscolumn li a:hover{
text-decoration:none;
color:#007997;
font-weight: normal;
}

/* footer */

.footer {
clear: both;
width: 727px; 
margin: 0em 0px 0px 0px; 
padding: 5px 10px 5px 16px; 
border-top: solid 8px #A20909;; 
background-color: #333333; text-align: left;
}
.footer a {
color: #000000; 
text-decoration: none;
}
.footer a:hover {
color: #cccccc; 
text-decoration: underline;
}
#footeroptions {
width: 476px;
height:76px;
margin: 0px;
direction:ltr;
display:inline
}
#menufoot {
position:relative;
padding-right:25px; 
padding-left:25px;   
width: 426px; 
margin: 0px; 
top:10px;
}
#menufoot p {
color:#666666;
font-size:100%
}
#menufoot a {
color:#666666;
text-decoration:none;
}
#menufoot a:hover {
color:#790031;
text-decoration:none;
}
#menufoot-full {
position:relative;
width: 685px; 
height: 30px; 
margin: 0px; 
top:10px;
left:15px;
color:#003366;
border-top:1px solid #cccccc
}
#menufoot-full p {
color:#666666;
font-size:120%
}
#menufoot-full a {
color:#666666;
text-decoration:none;
}
#menufoot-full a:hover {
color:#003366;
text-decoration:none;
}