/* ADMIN ---
SITE COLORS
Body text: #777
Dark navy: #306 (R51,G0,B102)
Gold: #CC0 (printed version - #AFAF3F)
Khaki: #996
White: #FFF, Cream: #FFC, Yellow: #FF9
Altern. colors (60 deg steps from navy)- Emerald:063, Dark purple:603, Brown:630
Altern. colors: (60 deg steps from gold)- Green:0C0, Cyan:0CC, Red:C00, Lilac:C0C
-- ADMIN */

/* INDIVIDUAL PAGES --- */
/* template.php */
#RMCLogo {
	left: 35px;
	top: 60px;
}
#RMCLogoBg {
	left: 760px;
	top: 20px;
	position: absolute;
	z-index: 10;
  background: url(../images/rmc_logo_bg.png) no-repeat top left;
	width:210px;
	height:80px;
}
#strapline {
	left: 915px;
	top: 310px;
}
#RMCLogo, #strapline {
		z-index: 10;
	position: absolute;
}

/* index.htm */
div#freeTools {
  position: absolute;
	left:650px;
	top: 350px;
}
div#freeTools p {
  text-align: center;
}
div.index#news {
  width:200px;
  height:100px;
  border:none;
  overflow:hidden;
	font-size: 1.6em;
	position: absolute;
	left: 20px;
	top: 330px;
	color: #ccc;
}
div.index#news p.spacer {
 	font-size: .2em; line-height: 0.2em;
	margin: 0; padding; 0;
}
div#whiteFadeWhite {
  background: url(../images/white_fade_white.png) repeat-x top left;
  position: absolute;
	top: 330px;
	left: 0;
	z-index:10;
	width: 200px;
	height: 100px;
}

/* course booking 2 */
fieldset.left.indent {
	margin: 10px 10px 10px -100px;
}
div#booking.box {
  width: 320px;
}
div#booking input, div#booking textarea {
  background: white;
}
label#booking {
  text-align: left;
}	

/* our_team.htm */
.ourTeam h4, {
  margin: 0;
}

/* prices.htm */
table#prices {
  border-collapse: collapse;
}
table#prices td, table#prices th {
  padding: 10px;
	vertical-align: top;
	border-top: solid #996 2px;
	border-bottom: solid #996 2px;
}

/* management.htm*/
div#managementCourses {	background: url(../images/management.jpg) no-repeat center 50px; }

/*contact us */
#contactUs th {
  vertical-align: top;
}
#contactUs td {
  font-size: 1.2em;
}	

/* upcoming_events.htm */
/* width is 15px less than #main div because scroll bar adds on width - IE7 box model otherwise forces div past floated element */
div.details {
  height: 160px;
	width: 485px;
  overflow: auto;
  border: 2px solid #CDB650;
	margin: 10px 0;
	padding: 0 5px;
}
div.details.short {height: 110px; }
div.details p {
  margin: 5px 0;
}
/*
div.upcoming#news {
  height:140px;
  border:none;
  overflow:auto;
  padding:5px;
	line-height: 160%;
}
div.borders {
  text-align: center;
  margin-top: 1em;
  margin: 0 auto;
}
div.borders table {
  text-align: center;
  width: 70%;
  border-collapse: collapse;
  border: 3px solid #CC0;
}
div.borders table td, div.borders table th {
  border: 3px solid #CC0;
  padding: 0.2em;
}
*/
 
/* RMC Office Location pages */
div#officeLocation {
  text-align: center;
}
div#officeLocation h1 {
  font-size: 1.8em;
  color: white;
} 
div#officeLocation h2, div#officeLocation p {
  color: white;
  text-align: left;
} 
/* --- INDIVIDUAL PAGES */
 
/* GENERAL CLASSES --- */
.currentPage {
    color: #063;
}
.error {
    color: #C00;
	  font-weight: bold;
}
.noWrap {
    white-space: nowrap;
}
.smallCaps {
  font-variant: small-caps;
} 
.hidden, a#skip, #mainNav li ul { /* Hidden, but still readable by screen readers */
  height: 0;
  width: 0;
  overflow: hidden;
	position: absolute;
  top: -999px;
}
.left {
  float: left;
}
.left.indent {
	margin: 10px 10px 15px -230px;
} 
.right {
  float: right;
}
.right.indent {	
	margin: 10px -150px 15px 10px ;
}
.center { /* centres without float */
  text-align: center;
} 
.columns {
  padding: 0 5px;
  margin: 0;
}  
.columns li {
  list-style: none;
  font-weight: bold;
	text-align: right;
}  
.columns li.left {
  text-align: left;
  display: block;
	float: left;
}
.columns li a {
  text-decoration: none; 
}
/* -- GENERAL CLASSES */
 
body {
	background: #996;
   	color: #777; /* Formerly #306 */
   	font: 62.5%/1.8em Verdana, Trebuchet, Tahoma, sans-serif;
	margin: 0;
 	padding: 0;
  width: 100%;
}
hr {
  border: 3px outset #CC0; 
  background: url(../images/hr50percent.gif) no-repeat center center;
  margin: 1.5em auto 1em;
  width: 50%;
  display: block;
  height: 6px;
}

/* PARAS --- */
p {
  font-size: 1.5em;
	line-height: 130%; 
  margin: 0.8em 0;
}
p.indent {
  text-indent: 1em;
}
p.spacer {
 	font-size: 1em;
	line-height: 1em;
	margin: 0; padding; 0;
}
p.footnote {
  font-size: 1.1em;
} 
p span.bigCap {
  font-size: 1.5em;
}
p abbr {
    cursor: help;
    font-variant: small-caps;
    font-size: 0.8em;
}
/* --- PARAS */

/* IMAGES */
img {
  border: 0;
	padding: 10px;
}
.caption {
  width: auto;
	margin: -10px 0 10px 0;
	padding: 0;
}
/* --- IMAGES */

/* HEADINGS --- */
h1, h2, h3 {
    font-weight: bold;
    line-height: 130%;
  margin: 0;
  padding: 0.5em 0 0;
}
h1 {
	font-size: 2.1em;
	color: #663;
    text-align: center;
}  
h2 {
    font-size: 1.8em;
    color: #630;
    text-align: left;
		font-style: italic;
}
h3 {
    font-size: 1.5em;
    color: #063;
    text-align: left;
		font-weight: bold;
}
h4 {
    font-size: 1.3em;
    color: #306;
    text-align: left;
		font-weight: bold;
		font-style: italic;
}
h4.left {
    text-align: left;
    background: url(../images/hr50percent.gif) no-repeat center right;
    width: 100%;
} 
h4.right {
    text-align: right;
    background: url(../images/hr50percent.gif) no-repeat center left;
    width: 100%;
}
/* --- HEADINGS */

/* LINKS --- */
/* NB! Link order of declaration of pseudoelements is link,visited,focus,hover,active */ 
a {
	margin: 0;
	outline: none;
	padding: 0 0.2em;
}
a:link {
    color: #306;
}
a:visited {
    color: #C00;
}
a:focus, a:hover, a.jshover, a:active {
  background: #885;
}
a img:focus, a img:hover, a img.jshover, a img:active {
  background: none; 
} 
a img { /* prevents img moving when focus border appears */
  border: 1px solid transparent;
}
a:focus img, a:hover img, a:active img {
  border: 1px solid #885;	
}
a#skip:active, a#skip:focus {
  position: absolute;
	left: 90px;
	top: 15px;
	z-index: 10; /* needs to appear above #header */
  width: auto;
  height: auto;
}
/* navigation --- */
#mainNav a, #breadcrumb a, #footerNav a {
  text-decoration: none;
	font-weight: bold;
  color: white;
}
#mainNav a {
  display: block;
  padding: 0 0.2em;
	font-size: 1.3em;
}	
#footerNav a {
	font-size: 1.2em;
}
#mainNav a.currentPage {
  background: white;
    color: #996;
  padding: 0 0.2em;
}
#mainNav a.currentPage:active, #mainNav a.currentPage:focus, #mainNav a.currentPage:hover,
#mainNav a.currentPage.jshover { /* :active needed for IE */
  background: #885;
	color:white;
}
#footer a {
  font-size: 1.2em;
}
/* --- LINKS */

/* TABLES --- */
table {
  margin: 0.5em 0 0;
  width: 100%;
}
tr.odd {
  background-color: #FFD;
}
td, th {
  vertical-align: bottom;
  padding: 0.1em;
  border: 0;
  font-size: 1.2em;
}
td li {
  font-size: 1.2em;
}	
/* --- TABLES */

/* LISTS --- */
ul {
  margin-top: 0.5em;
}
ul.noBullet {
	padding-left: 1em;
	margin-left:0;
} 
ul.noBullet li {
  list-style: none;
} 
li {
    font-size: 1.5em;
		list-style-type: circle;
  padding: 0 0.3em 0.2em;
  text-align: left;
}
li.odd {
  background: #FFC;
}
li li {
  list-style: none;
	font-size: 0.9em;
}
/* --- LISTS */

/* FORM --- */
form { 
	margin-top: 1em;
}
label {
  display: block;
  float: left;
	font-size: 1.2em;
	margin: 0 5px 10px 0;
  text-align: right;
  vertical-align: top;
	width: 90px;
}
input, textarea {
  background: #FFC;
  padding: 0 0.2em;
  max-width: 450px;
  margin: 0;
}
#main form p {
  margin: 0;
	padding: 0;
  text-indent: 0;
	margin-left: 10px;
}
#main form p.box {
  border: 1px solid #CC0;
  padding: 3px;
  margin: 5px 0 10px 0;
}
#main form p.box input {
  font-size: 1.0em;
}  
#submitForm {
  background: #FFC;
    cursor: pointer;
  margin: 30px 0 0 95px;  
}
#submitForm:hover, #submitForm.jshover {
  background: #FF9;
    font-weight: bold;
}
fieldset { /* Strict XHTML insists on fieldset being present */
  border: 0;
  padding: 0;
}
/* --- FORM */

/* ACCORDION MENUS -- */
.AccordionTitle, .AccordionContent, .AccordionContainer
{
  position:relative;
  width:200px;
}

.AccordionTitle
{
  height:20px;
  overflow:hidden;
  cursor:pointer;
  font-family:Arial;
  font-size:8pt;
  font-weight:bold;
  vertical-align:middle;
  text-align:center;
  background-repeat:repeat-x;
  display:table-cell;
  background-image:url('title_repeater.jpg');
  -moz-user-select:none;
}

.AccordionContent
{
  height:0px;
  overflow:auto;
  display:none;
}

.AccordionContainer
{
  border-top: solid 1px #C1C1C1;
  border-bottom: solid 1px #C1C1C1;
  border-left: solid 2px #C1C1C1;
  border-right: solid 2px #C1C1C1;
}
/* -- ACCORDION MENUS */

/* MAIN SECTIONS -- */
#container {
	margin: 0 auto; /* need auto to center web site, and negative margin to position container at top in FF */
	padding: 0;
	text-align: left;
	width: 980px;
	background-color: white;
	position: relative;
} 
#container br {
  clear: both;
}
#container br.newPage { /* print styling */
  display: none;
}
 
#header {
	background: url(../images/header_bg.jpg) no-repeat;
	margin: 0;
	padding: 0;
	width: 980px;
	height: 100px;
	position: absolute;
	top: 0;
	text-align: center;
	z-index: 5;
}
/* navigation ... */
/* used if images turned off */
#breadcrumb div {
	background: #306 url(../images/semitrans_bg.jpg) repeat;
}
#breadcrumb {
	background: url(../images/semitrans_bg.png) repeat;
	font-weight: bold;
  color: #663;
	font-size: 1.3em;
	margin: 0 auto;
  padding: 110px 0 .5em;
  width: 500px;
	height: 1.3em;
}
#mainNav {
	background: url(../images/semitrans_bg.png) repeat;
	position: absolute;
	top: 75px;
  left: 130px;
	z-index: 10; /* needs to appear above #header */
	 	line-height: 1.6em;
	margin: 0;
	padding: 0;
}
/* used if images turned off */
#mainNavBg {
	background: #306;
	position: absolute;
	top: 75px;
  left: 170px;
	width: 65em;
	z-index: 0; /* needs to appear below #header */
	 	line-height: 1.6em;
	margin: 0;
	padding: 0;
}
#mainNav li {
  position: relative;
  float: left;
	  font-size: 1em;
	  list-style: none;
	  line-height: 1.6em;
	margin: 0 2em 0 0;
	padding: 0;
	width: auto;
	height: 20px;
}
#mainNav li.final {
	margin: 0; /* strip right margin */
}
#mainNav li ul {
  background: #996;
	position: absolute;
  top: 120px;
  left: 0;
  padding: 0;	
  margin: 0;
  width: 15em;
}
#mainNav li:hover ul, #mainNav li.jshover ul, #mainNav a:active ul, #mainNav a:focus ul {
 	height: auto;
	overflow: visible;
	top: auto;
	width: 20em;
	border: 1px solid #885;  
}
#mainNav li li {
	height: auto;
	margin: 0;
	padding: 0;
	width: 100%;
	border-top: 1px solid white;
}
/* ... navigation */

/* MAIN --- */
#main {
	width: 500px;
  padding: 150px 240px 10px; /* top padding sets main section directly below header section  - MARGIN-TOP DOES NOT WORK!!*/
  margin: 0;
	background: url(../images/rmc_logo_bg.png) no-repeat 760px 20px;
	min-height: 460px;
} 
#main.wide { 
	width: 740px;
  padding: 140px 120px 10px 120px; 
}
#main p.noIndent {
    text-indent: 0; 
}
#main p.left, #main p.right {
    text-indent: 0; /* prevent indent for floated elements */
} 
/* Main online-course */
#main.onlineCourse { 
	width: 860px;
  padding: 140px 80px 10px 40px; 
	background: none;
}
#main.onlineCourse #text {
  width: 410px;
	float: left;
	padding: 0 10px 0 0;
}
#main.onlineCourse #multimedia {
  width: 425px;
	float: right;
	padding: 10px 0 0 0;
}
#main.onlineCourse img {padding: 0;}
#main.onlineCourse blockquote {
  font-size: 2.5em;
	line-height: 1.2em;
}
#main.onlineCourse #next {
  float: left;
	margin-top: 10px;
}
#main.onlineCourse #prev {
  float: right;
	margin-top: 10px;
}

/* -- MAIN SECTIONS */

/* BOX --- */
div.box {
  background-color: #FFC;
	border: 2px solid #CDB650;
  margin: 15px 10px;
  padding: 5px;
	  text-align: left;
	position: relative;
	width: 200px;
	font-size: 0.8em;
}
div.box.wide {
  width: 710px;
}
div.box input {
  font-size: 1.2em;
	width: 7em;
}
div.box p {
  margin: 1em 0.5em 1em;
}	
div.box td, div.box th {
  font-size: 1.5em;
	vertical-align: top;
}
div.box h1, div.box h2, div.box h3 {
  padding: 5px 0 0 0.5em;
  text-align: left;
	font-style: normal;
	line-height: 130%;
	margin-top: 5px;
}
div.box:before {
	background: transparent url(../images/rounded_box_tr.png) no-repeat top right;
	content: url(../images/rounded_box_tl.png);
	display: block;
	line-height: 0.1;
	margin: -9px -9px -18px;
}
div.box:after {
	background: transparent url(../images/rounded_box_br.png) no-repeat bottom right;
	clear: both;
	content: url(../images/rounded_box_bl.png);
	display: block;
	line-height: 0.1;
	margin: -18px -9px -9px;
}
/* -- BOX */

/* TIP -- */
#tip {
  position: absolute;
	top: 190px;
	left: 80px;
	border: inset 2px #CDB650;
	background: #996;
	margin: 0;
	padding: 3px;
	width:auto;
	font-size: 1.4em;
	font-weight: bold;
	color: white;
}
#tip:focus div.box#tipSheet, #tip:hover div.box#tipSheet, #tip.jshover div.box#tipSheet, #tip:active div.box#tipSheet {
	top: 50px;
}
#tip div.box#tipSheet {
  position: absolute;
	top: -999px;
	left: 0;
	z-index:10;
  margin-left: -70px;
		font-size: 0.6em;
		color: #039;
}
#main.wide #tip {
  left: 700px;
}
#main.wide #tip div.box#tipSheet {
  left: 60px;
}
/* --- TIP */

/* FOOTER --- */
#footer {
	padding: 1.5em 0 0.5em;
  	text-align: center;
  	font-size: 1em;
	line-height: 0.7em;
	background: white;
}
#footerNav {
	background: #306 url(../images/semitrans_bg.jpg) repeat;
	margin: 0 auto;
  padding: 0.5em;
	width: 500px;
	color: white;
}
#authorship {
  font-size: 0.8em;
}
/* --- FOOTER */