/***********************************************************

	Stylesheet for Bodymanagement School
	
	version: 	1.0
	author: 	Andrew McEwan
	email:		andrew@web-workshop.net
	website:	www.web-workshop.net
	
************************************************************/

body {
	font-family: Georgia, Verdana, "Times New Roman", Times, serif;
	font-size:62.5%;
	color:#666666;
	text-align:center;
	background-color:#e8e8e8;
	background-image:url(images/backgrounds/main-page-gradient.jpg);
	background-repeat:repeat-x;
	padding-top:20px;
}

* {
	margin:0;
	padding:0;
	}
	
* html body {		
	font-size:62.5%;  /* Set IE font size */
	}

#mainHolder {
	width: 756px;
	padding:0;
	margin:0 auto;
	text-align:left;
	border: solid 2px #595190;
	background-color:white;
	background-image:url(images/backgrounds/navigation-gradient-purple.jpg);
	background-repeat:repeat-y;
	line-height:1.2em;
	}
	

	
/******************************************************

	Header
	
*******************************************************/

#header {
	width:100%;
	background-image:url(images/backgrounds/header-gradient-purple.jpg);
	background-repeat:repeat-y;
	height:10em;
	position:relative;
	text-align:right;
	border-bottom: #595190 solid 2px;
	}
	
#header img#headerLogo {
	position:absolute;
	top:3px;
	left:3px;
	}
	
#header h1 {
	padding:15px;
	font-size:3em;
	font-weight:bold;
	color:white;
	line-height:1.2em;
	}
	
/**********************************************************

	Navigation
	
***********************************************************/

#navigation {
	width:220px;
	/*background-image:url(images/backgrounds/navigation-gradient.jpg);
	background-repeat:repeat-y;*/
	float:left;
	position:relative;
	}
	
#navigation #navBox {
	padding-top:30px;
	float:left;
	}
	
#navBox #navBoxTop {
	background-image:url(images/backgrounds/purple-navigation-box-top.jpg);
	background-repeat:no-repeat;
	width:209px;
	height:39px;
	padding:0;
	margin:0;
	}
	
#navBox #navBoxMenuHolder {
	width:209px;
	background-image:url(images/backgrounds/purple-navigation-box-middle.jpg);
	background-repeat:repeat-y;
	}

#navBoxMenuHolder ul#navMenuList {
	list-style:none;
	text-align:right;
	padding-right:10px;
	}

ul#navMenuList li a {
	font-size:1.4em;
	color:#464646;
	text-decoration:none;
	line-height:1.5em;
	padding-bottom:10px;
	font-weight:bold;
	}
	
ul#navMenuList li a:hover {
	color:#999999;
	}

#navBox #navBoxBottom {
	width:209px;
	height:44px;
	background-image:url(images/backgrounds/purple-navigation-box-bottom.jpg);
	background-repeat:no-repeat;
	}
	
/****************************************************************

	Main Content
	
*****************************************************************/

#mainContent {
	float:right;
	width:520px;
	padding-right:10px;
	background-color:white;
	padding-top:20px;
	background-image:url(images/backgrounds/logo-background_3.gif);
	background-repeat:no-repeat;
	background-position:230px 50px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
	
/*	Style some text	*/

a:link {
	color:#666666;
	text-decoration:underline;
	}
	
a:visited {
	color:#999999;
	}
	
a:hover {
	color:#666666;
	text-decoration:none;
	}
	
a:active {
	color:#666666;
	text-decoration:none;
	}

#mainContent h1 {
	font-size:1.4em;
	font-weight:bold;
	line-height:2em;
	padding-bottom:10px;
	}
	
#mainContent h2 {
	font-size: 1.3em;
	font-weight:bold;
	line-height:1.8em;
	padding-bottom:10px;
	text-align:center;
	}
	
#mainContent h3 {
	font-size: 1.2em;
	font-weight:bold;
	line-height:1.4em;
	padding-bottom:10px;
	}
	
#mainContent p {
	font-size:1.2em;
	line-height:1.75em;
	padding-bottom:10px;
	clear:left;
	}
	
#mainContent img {
	padding-top:15px;
	padding-bottom:15px;
	}
	
#mainContent p img {
	float:left;
	padding-right:15px;
	padding-bottom:15px;
	}
	
#mainContent .caption {
	font-style:italic;
	font-weight:bold;
	padding-bottom:10px;
	}
	
#mainContent ul {
	font-size: 1.2em;
	list-style-position: outside;
	list-style-type: square;
	line-height:1.6em;
	padding-left:30px;
	padding-bottom:25px;
	}

#mainContent ul li {
	list-style-position: outside;
	}

/* external links
================================== */

/*a[href^="http:"] {
  background: url(images/icons/externalLink.gif) no-repeat right top;
  padding-right: 10px;
  color:#595190;
  font-weight:bold;
}*/

/* email links
================================== */

a[href^="mailto:"] {
  background: url(images/email.png) no-repeat right top;
  padding-right: 15px;
}	
	
/*	Info Boxes
================================== */

/*	Small */

#mainContent #infoBoxSmall {
	width:517px;
	/*padding-top:15px;*/
	background-image:url(images/infoboxes/infobox-small/purple-infoBoxSmall-Middle.gif);
	background-repeat:repeat-y;
	}
	
#mainContent #infoBoxSmall #infoBoxSmallTop {
	background-image: url(images/backgrounds/infoboxes/infobox-small/purple-infoBoxLarge-top.gif);
	background-repeat:no-repeat;
	background-position:center top;
	height:44px;
	width:517px;
	}
	
#mainContent #infoBoxSmall #infoBoxSmallBottom {
	background-image:url(images/backgrounds/infoboxes/infobox-small/purple-infoBoxSmall-bottom.jpg);
	background-repeat:no-repeat;
	width:517px;
	background-position:bottom;
	padding-bottom:20px;
	}
	
#mainContent #infoBoxSmall #infoBoxSmallBottom h1 {
	text-transform:uppercase;
	padding-left:20px;
	padding-bottom:10px;
	padding-right:20px;
	}

#mainContent #infoBoxSmall #infoBoxSmallBottom p {
	padding-left:40px;
	padding-bottom:10px;
	padding-right:20px;	
	}

/*	Large	*/

#mainContent #infoBoxLarge {
	width:517px;
	/*padding-top:15px;
	padding-bottom:15px;*/
	background-image:url(images/backgrounds/infoboxes/infobox-small/purple-infoBoxLarge-middle.gif);
	background-repeat:repeat-y;
	}
	
#mainContent #infoBoxLarge #infoBoxLargeTop {
	background-image: url(images/backgrounds/infoboxes/infobox-large/purple-infoBoxLarge-top.gif);
	background-repeat:no-repeat;
	background-position:center top;
	height:44px;
	width:517px;
	}
	
#mainContent #infoBoxLarge #infoBoxLargeBottom {
	background-image:url(images/backgrounds/infoboxes/infobox-large/purple-infoBoxLarge-bottom.jpg);
	background-repeat:no-repeat;
	width:517px;
	background-position:bottom;
	padding-bottom:20px;
	}
	
#mainContent #infoBoxLarge #infoBoxLargeBottom h1 {
	text-transform:uppercase;
	padding-left:20px;
	padding-bottom:10px;
	padding-right:20px;
	}

#mainContent #infoBoxLarge #infoBoxLargeBottom p {
	padding-left:40px;
	padding-bottom:10px;
	padding-right:20px;
	}
	
#mainContent #infoBoxLarge #infoBoxLargeBottom ul {
	margin-left:20px;
	font-size:1.2em;	
	line-height:1.5em;
	}

#mainContent #infoBoxLarge #infoBoxLargeBottom ul li {
	margin-left:20px;
	font-size:1.0em;
	list-style:circle outside;
	line-height:2em;
	padding-right:20px;
	}
	
/*******************************************************

	Course Dates
	
********************************************************/

#mainHolder #mainContent ul#courseDates {
	list-style-type: none;
	}

#mainHolder #mainContent ul#courseDates li {
	list-style:none;
	float:left;
	width:210px;
	padding-right:10px;
	}
	
#mainHolder #mainContent ul#courseDates li.mainHeading {
	list-style:none;
	clear:left;
	padding-top:20px;
	padding-bottom:0px;
	width:450px;
	text-align:center;
	font-size:1.3em;
	font-weight:bold;
	}
	
#mainHolder #mainContent ul#courseDates li.subHeading {
	list-style:none;
	clear:left;
	padding-top:15px;
	width:450px;
	text-align:center;
	font-size:1.2em;
	font-weight:bold;
	padding-bottom:10px;
	}
	
.soldOut {
	text-decoration:line-through;
	}
	
#mainHolder #mainContent ul#courseDates li span.SoldOut {
	color:#FF0000;
	}

/*****************************************************************

	Footer
	
******************************************************************/

#mainHolder #footer {
	clear:both;
	width:100%;
	text-align:left;
	margin-top:15px;
	margin-bottom:15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.0em;
	font-weight:bold;
	border-top: 2px solid #595190;
	}
	
#mainHolder #footer ul li a:link {
	text-decoration:none;
	}

#mainHolder #footer ul li a:visited {
	 color:#666666;
	 }
	 
#mainHolder #footer ul li a:hover {
	text-decoration:underline;
	}

#mainHolder #footer ul {
	width:100%;
	list-style:none;
	}

#mainHolder #footer ul li {
	list-style:none;
	display:inline;
	text-decoration:none;
	float:left;
	padding: 5px;
	}
	
#mainHolder #footer p {
	clear:left;
	font-size:0.9em;
	color:#767676;
	padding-left:5px;
	padding-top:15px;
	}
	
#mainHolder #footer p a {
	text-decoration:none;
	}
	
.separator {
	clear:both;
	}
	
.space {
	clear:left;
	padding-top:15px;
	}
	
.spaceLarge {
	clear:left;
	padding-top:200px;
	}
	
.spaceVeryLarge {
	clear:left;
	padding-top:400px;
	}
	
#mainContent p.closeQuote img {
	float:right;
	}
	
#mainContent p.clearQuote {
	clear: right;
	}

.displayRight {
	float:right;
	}
	
.floatImage {
	float:left;
	padding-right:10px;
	}
	
.space {
	clear:left;
	padding-top:25px;
	}
	
.clearImage {
	clear:left;
	}
	
/************************************************

	Style the forms
	
*************************************************/

form {
  font-size: 1.4em;
  width: 350px;
}


/* fieldset styling */
fieldset {
  margin: 1em 0; /*  space out the fieldsets a little*/
  padding: 1em;
  border : 1px solid #ccc;
  background-image:url(images/backgrounds/form_background.jpg);
  background-repeat:repeat-x;
  background-position:bottom;
}

/* legend styling */
legend {
  font-weight: bold;
}


/* style for  labels */
label {
  display: block;
}

/* style for required labels */
label .required {
  font-size: 0.75em;
  color:#760000;
}

input {
  width: 200px;
  border: 1px solid #5D5D5D;
}


input.radio, input.submit {
  width: auto;
  padding:5px 10px;
  margin:10px;
  background-color:#bfefd6;
  font-weight:bold;
  }

/* style form elements on focus */
input:focus, textarea:focus {
  background: #ffc;
}

input.radio {
  float: left;
  margin-right: 1em;
}

textarea {
  width: 300px;
  height: 100px;
  border: 1px solid #5D5D5D;
}

/* Hack to make sure the floated radio buttons
   sit next to the labels correctly in IE/Mac*/

/* This is the style I want IE/Mac to see */
input.radio + label {
  text-indent: 2em;
}

/* Using the commented backslash filter, I'm resetting
   the above rule for everything other than IE5/Mac \*/
input.radio + label {
  text-indent: 0;
}

/* End the hack */

img.imagePositioner {
	float:right;
	padding-left:15px;
	padding-bottom:15px;
	}