/*Template CSS file Compass Design
Creative Commons Attribution v2.5 . This means that you are free to:
-to copy, distribute, display, and perform the work
-to make derivative works
-to make commercial use of the work
Under the following conditions:
-You must attribute the work in the manner specified by the author or licensor. (In this case, leaving a link to my site in the template footer).
For any reuse or distribution, you must make clear to others the license terms of this work.
Any of these conditions can be waived if you get permission from the copyright holder.*/

* {
margin:0;
padding:0;
}

body {
text-align:center;
font-size:76%;
font-family: Arial, Helvetica, sans-serif;
line-height:1.3;
background:#f2a148 url(../images/background.jpg) repeat-x;
}

#wrap {
min-width:780px;
max-width:1000px;
width:auto !important;
width:1000px;
text-align:left;
margin:0 auto;
}

img {
	border: none;
}

#leftfauxcol {
background:url(../images/leftslidingcolumn.png) 20% 0;
float: left;
width: 100%;
}

#rightfauxcol {
background:url(../images/rightslidingcolumn.png) 80% 0;
float: left;
width: 100%;
border: 1px #000;
}

#header {
color:#652970;
background:#f9e07a url(../images/header.png) no-repeat;
position:relative;
height: 107px;
}

#header h1 {
font-family:Arial, Helvetica, sans-serif small-caps;
font-variant:small-caps;
font-stretch:expanded;
padding-left:200px;
display: none;
}

/* style for the search box */
#header input {
background:url(../images/search.png) no-repeat;
border:0;
height:22px;
width:168px;
font:12px Arial, Helvetica, sans-serif;
padding:2px;
}

#header .search {
position:absolute;
top:20px;
right:20px;
}

#top {
background:#fbf1c8 url(../images/teaser.png) no-repeat;
border: none;
padding:5px;
}

#top .moduletable h3 {
color:#fbf1c8;
background:none;
text-align:left;
font:2.0em Arial, Helvetica, sans-serif normal;
font-stretch:expanded;
margin:10px 10px 0 10px;
padding:10px;
}

#top .moduletable {
font:bold 1em/1.2 Arial, Helvetica, sans-serif;
color:#fbf1c8;
border:0;
margin:0;
padding:0;
}

legend {
	font-size:1.0em; /* bump up legend font size, not too large or it'll overwrite border on left */
	color: #666666;
	background: #fbf1c8;
	padding: 2px;
	border: 1px solid #CCC;
	font-weight: bold;
	margin-bottom: 20px;
}

.readon {
	text-align: right;
	margin: 8px 0 8px 0;
}

#footer {
background:#212121;
color:#fff;
text-align:right;
clear:both;
}

#bottom {
background:#333;
color:#666;
padding:10px 50px;
}

#sidebar {
float:left;
width:20%;
}

#content60 {
float:left;
width:60%;
overflow:hidden;
background:#fff url(../images/pagetop.png) repeat-x;
}

#content80 {
float:left;
width:80%;
overflow:hidden;
background:#fff url(../images/pagetop.png) repeat-x;
}

#content100 {
float:left;
width:100%;
overflow:hidden;
background:#fff url(../images/pagetop.png) repeat-x;
}

#sidebar-2 {
float:left;
width:20%;
}

.inside {
padding:10px;
}

#sidebar .inside,#sidebar-2 .inside {
padding-top:0;
}

h1,h2,h3,h4,h5,h6,p,blockquote,form,label,ul,ol,dl,fieldset,address,.componentheading,.contentheading {
margin:0.75em 0;
}

li,dd {
margin-left:1em;
}

fieldset {
padding:.5em;
}

a:link,a:visited {
	text-decoration:underline;
	color:#f0b25c; /*this is the regular link color  */
	font-size: .9em;
	border: none;
	outline: none;
}
a:hover {
	text-decoration:none;
	color:#b5804a;
	font-size: .9em;
}
#content60 a:link,#content60 a:visited,#content80 a:link,#content80 a:visited,#content100 a:link,#content100 a:visited {
color: #c6a972; /* pdf/print icons and read more links */
}

.form-spacer {
	height: 20px;
	width: 100%;
}

.form_table {
	font-size: 9.5pt;
	padding: 5px;
	border: #000 solid thin;
}
.column1 {
	background: #f9e07b;
	border: #f5c364 thin solid;	
}

.column2 {
	background: #f5c364;
	border: #f2a148 thin solid;	
}

.column3 {
	background: #f2a148;	
	border: #e3841b thin solid;	
}

.article_separator {
border-top:thin solid #b5804a;
clear:both;
display:block;
height:3px;
padding: 5px 0 5px 0;
}

h1,.componentheading  {
font-size:1.8em;
text-align: center;
font-weight: bold;
color: #7b301b;
}

/*This tells whether the component headers should show their titles - on the homepage don't show "Aspire Pilates" above the movie */
.componentheading_tabs {
	display: none;
}

h2,.contentheading {
font-size:1.2em;
font-weight: bold;
color: #b5804a;
}

h3 {
font-size:1.2em;
}

h4 {
font-size:1.1em;
font-weight: bold;
font-style: italic;
}

h5 {
font-size:1.0em;
}

h6 {
font-size:.9em;
font-weight:700;
}

a {
	font-size: .8em;
	font-weight: bold;
}

.contentpaneopen {
	font-size: 1.1em;	
}

.button {
border:#fbf1c8 solid 1px;
background:#fff url(../images/buttonbackground.png) repeat-x;
height:25px;
line-height:25px;
font-size:14px;
margin:4px 0;
padding:0 4px;
cursor:hand;
}

.small,.createdate,.modifydate,.mosimage_caption {
font:0.8em Arial,Helvetica,sans-serif;
color:#999;
}

.sectiontableheader {
background:url(../images/teaser.png);
color:#fff;
font:1.2em bold Arial, Helvetica, sans-serif;
padding:5px;
}
.sectiontableheader a:link,.sectiontableheader a:visited {
color:#fff;
}

/* Module styling */
.moduletable {
margin-bottom:1em;
color:#000; /* font color for sidebar text */
font-size:1.1em;
}

.moduletable h3 {
font:1.3em Arial,Helvetica,sans-serif;
background:#7b301b url(../images/title_bk.png) repeat-x; /* This is the background color for the items on the right or left sides that don't have a param set to _menu*/
color:#501e15;
text-align:left;
margin:0 -10px;
padding:5px 10px;
}

/* Class page styling */
.moduletableclass1 {
margin-bottom:1em;
color:#fbf1c8; /* font color for text */
font-size:1.1em;
float: left;
}

.moduletableclass1 h3 {
font:1.3em ;
text-align:center;
margin:0 -10px;
padding:5px 10px;
}
.moduletableclass2 {
margin-bottom:1em;
color:#fbf1c8; /* font color for text */
font-size:1.1em;
float: left;
}

.moduletableclass2 h3 {
font:1.3em ;
text-align:center;
margin:0 -10px;
padding:5px 10px;
}

/*Menu Styling for drop-down menu*/
.moduletablemenu {
margin-bottom:1em;
}

.moduletablemenu h3 {
font:1.3em Arial,Helvetica,sans-serif;
background:#7b301b url(../images/title_bk.png) repeat-x;
color:#ccc;
text-align:left;
margin:0 -10px;
padding:5px 10px;
}

.moduletablemenu ul {
list-style:none;
margin:5px 0;
}

.moduletablemenu li {
background:url(../images/leftmenu.png) bottom left no-repeat;
height:24px;
font:14px Arial, Helvetica, sans-serif;
margin:10px 0;
padding:0 0 0 10px;
}

.moduletablemenu a:link,.moduletablemenu a:visited {
color:#fff;
display:block;
text-decoration:none;
padding-left:5px;
}

.moduletablemenu a:hover {
text-decoration:none;
color:#fff;
background:#ADADAD; /*(grey) */
}

/*Tab Menu Styling*/

.moduletabletabs {
font:bold 1em Verdana, Geneva, sans-serif;
}

.moduletabletabs ul {
list-style:none;
float:right;
margin:0;
padding:0;
background:#fff; /*background behind tabs */
width:100%;
}

.moduletabletabs li {
float:right;
background: url(../images/tabs.png) no-repeat 0 -4px;
margin:0;
padding:0 0 0 12px;
}

.moduletabletabs a:link,.moduletabletabs a:visited {
float:left;
display:block;
color:#000;
background: url(../images/tabs.png) no-repeat 100% -4px;
text-decoration:none;
margin:0;
padding:7px 18px 5px 9px;
}

.moduletabletabs #current {
background: url(../images/tabs.png) no-repeat 0 -84px;
}

.moduletabletabs #current a {
color:#fff;
background: url(../images/tabs.png) no-repeat 100% -84px;
}

.design a:link,.design a:visited {
color:#666;
float:right;
font:0.8em Verdana, Arial, Helvetica, sans-serif;
}

.banneritem_banner {
	padding-top: 10px;
	padding-bottom: 10px;
}

.moduletablebanner h3 {
font:1.3em Arial,Helvetica,sans-serif;
background:#f9de79 url(../images/title_bk.png) repeat-x; /* This is the background color for the headers that are on the right sidebar */
color:#501e15;
font-weight: 600;
text-align:center;
margin:0 -10px;
padding:5px 10px;
}

.moduletablebanner {
	padding-top: 20px;
	margin: 0, auto;
	text-align: left;
}
.moduletablebanner a:link,.moduletablebanner a:visited {
	color: #b77946; /* borders around banners and sidebar menu item colors */
	text-decoration:none;
}