/* CSS Document  13/04/07  */

body { 
background:#fff;
color: #333; 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:62.5%;
text-align: center;
margin: 0; 
padding:0;
min-width:776px;
}
  
/* Skiplinks for access keys */

#skiplinks {}

#skiplinks ul {
padding: 0;
margin: 0;
list-style: none;
}

#skiplinks li {
padding: 0;
margin: 0;
list-style: none;
display: inline;
}

#skiplinks a {
color: #DC2A1A;
background-color: #fff;
font-weight: bold;
position: absolute;
top: -20px;
left: 20px;
overflow: hidden;
width: 0;
height: 0;
font-size: 1em !important;
z-index: 1000;
}

#skiplinks a:active, #skiplinks a:focus {
position: absolute;
overflow: visible;
width: auto;
height: auto;
border: 0;
margin: 0;
padding: 6px;
font-size: .6em;
}

hr.hide { 
display: none;
margin: 0;
padding:0;
}

/* contains all divs*/
#frame {
width: 776px;
margin-right: auto;
margin-left: auto;
margin-bottom: 0px;
margin-top: 8px;
text-align:left;
}

/*header*/
#header { 
width: 776px;
padding:15px 0; 
}

#header img  {
border:none;
}

#header img.head  {
float:left;
margin-top:30px;
}

#header img.logo  {
float:right;
margin-right:30px;
}


/* contains navigation */
#contain {
position:relative;
width:776px;
float:left;
}	
 
/*Primary Navigation*/
 #navcontainer {
}
 
#navcontainer ul{
width:776px; 
height:25px;
float:left;
display:inline;
background:url(../Images/primnavbg.gif) #fff bottom no-repeat;
color:#333;
margin:0;
padding:0;
}
	
#navcontainer ul li { 
float:left;
display:inline;
margin:0;
}

#navcontainer li a {
color:#333;
text-decoration:none;
background:inherit;
padding:5px 10px;
float:left;
font-size:12px;
font-weight:normal;
text-transform:uppercase;
}

#navcontainer li a:hover, #navcontainer li a.current {
background:url(../Images/primon.gif) repeat-x;
color:#fff;
}
	
 /*Secondary Navigation*/
 
#subnav {
}
 
#subnav ul{
width:776px; 
height:38px;
float:left;
display:inline;
background:url(../Images/secondnavbg.gif) #cc0000 bottom no-repeat;
color:#333;
margin:0;
padding:0;
}
	
#subnav ul li { 
float:left;
display:inline;
margin:0;
}

#subnav ul li a#ourwork, #subnav ul li a#ian, #subnav ul li a#initialtraining, #subnav ul li a#stationenvironment, #subnav ul li a#qualities, #subnav ul li a#warmupanddown {margin-left:5px; }

#subnav li a {
color:#fff;
text-decoration:none;
background:inherit;
padding:3px 8px;
margin-top:5px;
float:left;
font-size:11px;
font-weight:normal;
text-transform:uppercase;
}

#subnav li a:hover, #subnav li a.current {
background:url(../Images/subhover.gif) #fff top right no-repeat;
color:#333;
}
	
/* contains right and left content areas */	
#mainarea {
position:relative;
float:left;
width:776px;
margin-top:20px;
}	
	
#copy {
position:relative;
float:left;
width:517px;
}

#copy h1 {
margin:0 0 10px 18px;
padding:0;
font-size:1.5em;
background:#fff;
color:#333;
text-transform:uppercase;
}

#copy h2 {
margin:0 0 10px 18px;
padding:0;
font-size:1.2em;
background:#fff;
color:#333;
text-transform:uppercase;
}

#copy h3 {
margin:35px 0 0 18px;
padding:0;
font-size:1.1em;
background:#fff;
color:#333;
text-transform:uppercase;
}

#copy h4 {
margin:1px 0 10px 18px;
padding:0;
font-size:1.0em;
background:#fff;
color:#ff0000;
text-transform:uppercase;
}

#copy p {
font-size:1.1em;
margin:0 15px 10px 18px;	
line-height:18px;
}

#copy a {
color:#cc0000;
background:#fff;
text-decoration:none;
}

#copy a:hover {
text-decoration:underline;	
}

#copy .red {
color:#cc0000;
}

#copy .applyunderline {
text-decoration:underline;
}

#copy img {border:none;}	

#copy h3.display {
font-size:1.1em;
margin:0 45px 6px 32px;	
text-transform:none;
 
}

#copy h3.display img {
margin:10px 0 0 -13px;
}

#copy h3.display a{
text-decoration:none;
color:#666;
background:inherit;

}

#copy h3.display a:hover {
color:#cc0000;
background:inherit;
}

#copy  .stretcher p {
margin: 0px 45px 20px 32px;
padding:0;
}

#copy ul{ 
margin: 0 0px 22px 35px;
padding:0;
list-style-type: none; 
width:470px;
} 

#copy ul li { 
font-size:1.1em;
background: url(../images/bullet.gif) 0px 4px no-repeat;
margin: 0;
padding:0 0 8px 10px;
text-indent:0px;
list-style-type: none;
width:100%;
} 

#copy ul ul { 
margin: 7px 0px 7px -3px;
padding:0;
list-style-type: none; 
width:300px;
} 

#copy ul li li  { 
font-size:1.0em;
background: url(../images/bullettwo.gif) 4px 1px no-repeat;
margin: 0; 
padding:0 0 0 12px;
list-style-type: none; 
} 

#copy ol li{
font-size:1.1em;
margin-bottom:8px;
}

#applyhcc img {
border:none;
padding-right:17px;
}

#applyhcc span {
padding-right:50px;
}

/* Resistance Training */

#rtrain h2 {
border-top:1px solid #d21818;
padding-top:15px;
}

img.rside {
float:right;
margin-left:50px;
}

#rtrain ul {
padding: 15px 0 0 0;
margin: 0 0 15px 19px;
list-style: none;
background:#fff;
color:#cc0000;
}

#rtrain ul li  {	
padding: 0;
margin: 0;
display: inline;
background:#fff;
color:#000;
}

#rtrain ul li a {	
background:#fff;
color:#000;
text-decoration:none;
text-transform:uppercase;
font-weight:bold;
}

#rtrain ul li a.hi {	
background:#fff;
color:#cc0000;
}

/* fire fitness link area */

.fflinks{
position:relative;
float:left;
width:517px;
margin-top:35px;
}

.fflinks img {
float:left;
padding:0 7px 0 0;
}

.fflinks p {
margin:0 20px 0 0 !important;
}

.fflinks h5 {
font-size:1.1em;
margin:0 0 4px 0;
color:#cc0000;
background:#fff;
font-weight:lighter;
text-transform:uppercase;
}

.ffleft {
position:relative;
float:left;
width:276px;
}

.ffleft p {margin:0 40px 0 18px !important;}

.ffleft img {margin-left:18px; padding-bottom:8px;}

.ffright{
position:relative;
float:left;
width:241px;
}

.ffright img {margin-left:0px; padding-bottom:8px;}

/* flash area */

#homeflash img {margin:0 0 0 15px;}

#homeflash object, #homeflash embed {float:right;} 

#flineflash {
margin:0 0 25px 15px;
}

#factflash, #factflash img {
margin-left:18px;
border:none;
}

/*dropdown list style*/

div.stretcher p {width:430px;}
	
/* form */
.mandatory {
color:#cc0000;
background:#fff;
}

.userfield span {
color:#cc0000;
background:#fff;
}

fieldset.userform {
width: 600px;
overflow: hidden;
border: solid 0px #333;
margin: 5px 0px 5px 5px;
padding: 5px 0px 45px 0px;
}

legend.userform {
display:none;
}

div.userfield, div.userupload {
width:600px;
padding: 0;
margin: 0 0 6px 54px;
}

div.userfield label, div.userupload label {
width: 170px;
float: left;
padding: 3px 0 0 0;
margin: 0;
font-size:1.2em;
}

div.userfield input, div.userfield select, div.userupload input {
font-family: arial, helvetica, sans-serif;
width: 220px;
border: solid 1px #333;
margin: 0;
padding: 1px 1px 1px 3px;
font-size:1.2em;
background:#fff;
color: #333; 
}

div.userfield textarea {
width: 230px;
border: solid 1px #333;
overflow: auto;
}

div.userbuttons {
width:430px;
text-align: right;
}

div.userbuttons input {
width: 82px;
height: 24px;
font-size:1.2em;
font-family: arial, helvetica, sans-serif;
padding-top:0;
margin: 25px 0 0 0;
color: #fff;
background:#2c5071;
font-weight:bold;
border:none;
}


* > html div.userbuttons input {padding-top:10px; /* only IE Mac sees this  */}

div.userbuttons input:hover{
background:#95a7b7;
color: #fff;
border:none;
}

p.thanks {
margin:0 0 15px 54px;
padding:35px 0;
text-align:justify;
font-size:1.2em;
font-weight:bold;
}
/* End form */


/* Right area */
#right {
position:relative;
float:left;
width:259px;
}

#right p {
font-size:1.1em;
margin:0 20px 15px 36px;	
line-height:18px;
}

#right a {
background:#fff;
color:#cc0000;
text-decoration:none;
}

#right a:hover {
text-decoration:underline;
}

#right h3 {
font-size:1.3em;
margin:30px 20px 20px 36px;
text-transform:uppercase;
}

#right h3 span {
background:#fff;
color:#ff0000;
}


#right img.apply {
margin:8px 0 0 36px;
border:none;
}

#box {
width: 201px;
background: url(../Images/boxbg.gif) no-repeat bottom left;
margin:0 0 0 36px;
padding:0 0 7px 0;
}

#box h6 {
margin:0;
padding:15px 5px 0 15px;
color:#fff;
background:#333;
font-size:1.0em;
font-weight:lighter;
text-transform:uppercase;
}

#box p {
margin:0;
padding:0 10px 0 15px;
color:#fff;
background:#333;
}

#box p.event {
margin:0;
padding:0 10px 0 15px;
color:#fff;
background:#333;
}

#box img.smallimg {
margin:15px 10px 10px 0;
padding:0 0 0 15px;
display:inline;
border:none;
float:left;
clear:both;
}

#box img.bigimg {
margin:15px 10px 0 0;
padding:0 0 0 15px;
display:inline;
border:none;
clear:both;
}

#box a {
color:#fff;
background:#333;
text-decoration:none;
}

#box a:hover {
text-decoration:underline;
}

#right  h4 {
padding:15px 15px 0 15px;
margin:8px 0 0 36px;
background: url(../Images/h3boxbg.gif) no-repeat top left;
color: #fff;
font-size: 1.2em;
font-weight:lighter;
text-transform:uppercase;
}

#map {
margin: 0 0 24px 18px;
padding:0;
width: 470px;
height: 300px;
border:2px dashed #B71955;
}

/*breadcrumb*/
#breadcrumb {
width:776px;
clear:left;
background:#fff;
color:#cc0000;
}

#breadcrumb ul {
padding: 30px 0 0 0;
margin: 0 0 15px 19px;
list-style: none;
background:#fff;
color:#cc0000;
}

#breadcrumb ul li {	
padding: 0;
margin: 0;
display: inline;
background:#fff;
color:#cc0000;
}

#breadcrumb a {
font-size:0.9em;
background:#fff url(../Images/breadarrow.gif) top right no-repeat;
color:#cc0000;
text-decoration: none;
margin:0 4px 0 0;
padding:0 8px 0 0;
text-transform:uppercase;
}

#breadcrumb a:hover {
text-decoration: underline;
}	 

#breadcrumb ul li.current {
text-decoration: underline;
background:#fff;
color:#333;
}


/* footer */
#contentfooter {
width:776px;
clear:left;
background:#fff;
color:#333;
height:64px;
border-top:1px solid #333;
}

#contentfooter ul {
padding: 0;
margin: 6px 0 0 18px;
list-style: none;
}

#contentfooter li {	
padding: 0;
margin: 0;
display: inline;
}

#contentfooter a {
background:inherit;
color:#333;
text-decoration: none;
margin:0 19px 0 0;
text-transform:uppercase;
}

#contentfooter a:hover {
text-decoration: underline;
}	 
 
#contentfooter p {
margin:10px 0 0 18px;
}