/* Thanks to these sources for their very helpful info as I designed this style sheet: 
	http://www.tyssendesign.com.au/articles/css/background-changing-sliding-door-tabs/
	http://www.communitymx.com/content/article.cfm?cid=529B0 
	http://www.spiffycorners.com/
	http://www.webmasterworld.com/css/3421224.htm
	http://tutorials.alsacreations.com/centrer/
	http://meyerweb.com/eric/talks/2003/commug/commug.html
*/

/* general styles */
body {
margin: 0;
padding: 0;
min-height: 101%;
font: 90%/120% arial, hevetica, sans-serif;
background: #FFF;
text-align: center; /* for IE */
}

table {
font: 90%/120% arial, hevetica, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
color: #334395;
line-height: 110%;
margin:0;
}

h1 {
font-size: 160%;
padding:6px 0 0 0;
}

h2 {
font-size: 135%;
padding:12px 0 0 0;
}

h2.banner	{
font-size: 120%;
padding:3px 1px;margin:0 0 2px 0;
border-bottom: 1px solid #334395;
text-align:center;
background-color:#7276AF;
color:#fff;
}

.nobct	{margin-top:15px;}

h3 {
font-size: 120%;
padding:12px 0 0 0;
}

h4 {
font-size: 105%;
padding:12px 0 0 0;
}

.tightsuphed {
padding:6px 0 8px 0;text-align:center;
}

h5 {
font-size: 90%;
padding:0 0 10px 0;
font-weight:normal
}

h6 {
font-size: 90%;
font-weight:bold;
padding:10px 0 0 0;
}

h6.suphead {
font-size: 90%;
font-weight:bold;
padding:10px 0 0 0;
text-align:center;
}

p.util {
font-size: 90%;
line-height: 120%;
}

p.footer {
font-size: 90%;
line-height: 120%;
}

hr {
border: none 0;
border-top: 1px solid #334395; /*the border*/
height: 1px; /* whatever the total width of the border-top and border-bottom equal */
}

.classsect {margin:20px 0 0 0;padding:10px 0 0 0;border-top:1px solid #334395;}
.schlhed {margin:0;padding:0 0 1px 0;}

/* home page box */
div.box	{margin:18px 0 20px 0;padding-bottom:16px;border: 1px solid #334395;}
p.box	{font-size: 100%;margin:0;padding:5px;}

/* listing "buttons" */
div.list {border: 1px solid #cc0;background-color:#ff9;padding:6px;margin:18px 16px 0 16px;text-align:center;}
h6.list	{padding: 2px 0;text-align:center;}
h4.list	{padding: 0 0 6px 0;text-align:center;}


h1.course {margin:0;padding:0;font-weight:bold;}
h2.catpage {margin:0;padding:2px 0 8px 0;}
h2.home {margin:0;padding:8px 0;}
h3.home {margin:0;padding:10px 0 12px 0;}
h3.table {margin:0;padding:0;}
h4.sidebar {font-size:90%;margin:0;padding:4px 0;}
h4.cathed {margin:0;padding:4px;text-align:center;}
h4.catsubhed {margin:0;padding:8px 0 4px 0;text-align:left;}
h4.catsubhed1 {margin:0;padding:0;text-align:left;}
h4.catsubhedend {margin:0;padding:5px 0 10px 0;text-align:left;}
h4.catsubhedend1 {margin:0;padding:0;text-align:left;}
h4.ClassListHed {margin:0;padding:0;text-align:left;}
h5.catpage {margin:0;padding:6px 0 0 0;font-weight:normal;}
h6.tight {margin:0;padding:10px 0 2px 0;font-weight:normal;text-align:left;}
/* */

/* grafs */ /*/*/
p {font-size: 100%;margin:0;padding:5px 0;}
p.small {font-size: 85%;line-height:120%;margin:0;padding:3px 0 9px 0;}
p.sitemapsection {font-size: 110%;;line-height:120%;margin:0;padding:12px 0 0 0;font-weight:bold;}
p.sitemappage {font-size: 100%;line-height:120%;margin:0;padding:1px 0 1px 15px;}
p.sitemappage2 {font-size: 100%;line-height:120%;margin:0;padding:1px 0 1px 30px;}
p.sitemappage3 {font-size: 100%;line-height:120%;margin:0;padding:1px 0 1px 45px;}
p.instlink {font-size: 90%;line-height:120%;margin:0;padding:0 0 10px 0;}
p.cattablehome {font-size: 90%;line-height:120%;margin:0;padding:1px 0;}
p.cattable {font-size: 90%;line-height:120%;margin:0;padding:1px 0;}
/* */

ul.tab-navs { margin: 0; padding: 0; } /* careful changing this re nav */

/* lists */
ul {padding:6px 0;margin:0 0 0 25px;}
ol {padding:6px 0;margin:0 0 0 30px;}
ul.tight {padding:0;margin:0 0 0 25px;}
dl.tight {padding:0;margin:0 0 0 25px;}
li {font-size: 100%;line-height:120%;}
li.cat {font-size: 90%; line-height:120%;}


/* misc */ /*/*/
a.homehed {text-decoration: none;}
.normal {font-size:100%;margin:0;padding:5px 0;}
.small {font-size: 85%;line-height:120%;margin:0;padding:3px 0 9px 0;}
.smalltight {font-size: 80%;line-height:120%;margin:0;padding:0;}
.footer {font-size: 90%;line-height:120%;margin:0;padding:4px 0;text-align:center;}
code {font-family:'Courier New',Courier,monospace;font-size:100%;}
blockquote { font-size: 100%;line-height:120%; color:#600; border: 1px solid #600; padding:9px; margin:10px 0 20px 0; }
/* */

/* tables */ /*/*/
p.table {font-size:100%;line-height:120%;margin:0;padding:0;}
p.catlist {font-size:100%;line-height:120%;margin:2px 0 4px 0;padding:0;}
p.catlisthed {margin:0;padding:12px 0 2px 0;font-weight:bold;}
p.tightsmall {font-size:90%;line-height:120%;margin:0;padding:0;}
p.tablelist {font-size:90%;line-height:120%;margin:0;padding:0 0 4px 0;}
p.tablehed {font-size: 100%;line-height:120%;margin:0;padding:0; font-weight:bold;}
p.regtable {font-size: 100%;line-height:120%;margin:0;padding:3px 0;}
/* */

/* class- and program-listing tables */ /*/*/
td.featured {background-color:#FF9;margin-top:5px;}
h6.featured {font-size:80%;margin:0;padding:0 0 3px 0;font-weight:bold;text-align:left;color:#666;text-transform: uppercase;}
p.tablelistfeat {font-size:100%;line-height:120%;margin:0;padding:0 0 4px 0;font-weight:bold;}
p.tablelistenh {font-size:90%;line-height:120%;margin:0;padding:7px 0 4px 0;font-weight:bold;}
p.tablelistbas {font-size:90%;line-height:120%;margin:0;padding:7px 0 4px 0;}
p.tablelistcour {font-size:85%;line-height:120%;margin:0;padding:3px 0 4px 0;}

/* divs for class-detail */
div.upcoming {background-color:#FFF;}
div.insession {background-color:#EEE;padding:2px;}
div.archive {background-color:#CCC;padding:2px;}

/* rounded nav bar top DIV styles */
.round {
position: relative;
margin-left: auto;
margin-right: auto;
width: 775px;
text-align: left;
display: block;
clear: both;
}

.round * {
display:block;
height:1px;
overflow:hidden;
font-size:.01em;
background:#7276AF}

.round1 {
margin-left:3px;
margin-right:3px;
padding-left:1px;
padding-right:1px;
border-left:1px solid #c2c4dc;
border-right:1px solid #c2c4dc;
background:#9598c3}

.round2 {
margin-left:1px;
margin-right:1px;
padding-right:1px;
padding-left:1px;
border-left:1px solid #f0f1f7;
border-right:1px solid #f0f1f7;
background:#8c90be}

.round3 {
margin-left:1px;
margin-right:1px;
border-left:1px solid #8c90be;
border-right:1px solid #8c90be;}

.round4 {
border-left:1px solid #c2c4dc;
border-right:1px solid #c2c4dc}

.round5 {
border-left:1px solid #9598c3;
border-right:1px solid #9598c3}

.roundfg {
margin-left: auto;
margin-right: auto;
width: 775px;
text-align: left;
background:#7276AF}

/*------- nav container ------*/

.nav-container {
position: relative;
height: 30px;
width: 775px;
margin: 0 auto; /* align for good browsers */
text-align: left; /* counter the body center */
padding-top: 1px;
background: #7276AF;
border-bottom: 2px solid #334395;
font-size: 90%;
font-weight: bold;
}

ul.tab-navs {
padding-left: 8px;
position: absolute;
list-style: none;
font-size: 100%;
white-space: nowrap;
}

/*------- nav details ------*/
ul#tab-nav2 { left: 5px; bottom: 0;}

#tab-nav2 li { float: left; }
#tab-nav2 a, #tab-nav2 a:visited, 
#tab-nav2 a:focus, #tab-nav2 a:active { color: #006; text-decoration: none; }
#tab-nav2 a:hover { color: #FFF; }

#tab-nav2 a span { 
display: block;
height: 1.5em;
padding: 9px 24px 0 12px;
background: url(http://www.bodyworku.com/image/tab-r-normal.gif) 100% 0 no-repeat;
}

#tab-nav2 a { 
position: relative;
float: left;
display: block; 
height: 1.5em;
padding: 0 2px 9px 14px;
background: url(http://www.bodyworku.com/image/tab-l-normal.gif) 0 0 no-repeat;
}

#tab-nav2 a:hover span, #tab-nav2 a:focus span, #tab-nav2 a:active span { 
background-position: 100% -84px; 
}
#tab-nav2 a:hover, #tab-nav2 a:focus, #tab-nav2 a:active { 
background-position: 0 -84px; 
color: #FFF; 
}

#tab-nav2 a:hover { cursor: pointer; }

/* active link */
#active2 a { 
bottom: -2px;
color: #006; 
background: url(http://www.bodyworku.com/image/tab-l-white.gif) 0 0 no-repeat;
}

#active2 a:hover, #active2 a:focus, #active2 a:active { 
bottom: -2px;
color: #334395; 
text-decoration: underline;
background: url(http://www.bodyworku.com/image/tab-l-white.gif) 0 0 no-repeat;
}

#active2 a span, #active2 a:hover span,
#active2 a:focus span, #active2 a:active span { 
bottom: -2px;
background: url(http://www.bodyworku.com/image/tab-r-white.gif) 100% 0 no-repeat; 
}

/* IE 5 Mac style only */
/*\*//*/
#tab-nav2 a { width: 6.1em; }
/**/

/* header DIV styles */

.hed-container {
padding-top: 15px;
padding-bottom: 8px;
position: relative;
width: 770px;
margin: 0 auto; /* align for good browsers */
text-align: left; /* counter the body center */
height: 36px;
background: #FFF;
}

.main-hed {
float: left;
width: 286px;
background: #FFF;
}

.side-hed {
position: relative;
float: right;
text-align: center;
bottom: 5px;
background: #FFF;
width: 260px;
}

/* main content DIV styles */

.content-container {
padding: 0;
position: relative;
width: 770px;
margin: 0 auto; /* align for good browsers */
text-align: left; /* counter the body center */
background: #FFF;
}

.main-content {
float: left;
padding-top: 5px;
width: 560px;
background: #FFF;
}

.main-content-wide {
float: left;
padding-top: 5px;
width: 760px;
background: #FFF;
}

.sidebar {
float: right;
padding-top: 5px;
width: 188px;
text-align: left;
background: #FFF;
}

#sidehome {
border-left: 1px solid #334395;
padding-left: 10px;
margin-top: 5px;
}

#footer {
padding-top: 15px;
background: #FFF;
text-align: center;
clear: both;
}

/* admin stuff 
.admin {font: 11px/14px arial, hevetica, sans-serif;} */
.entryform {font-size: 100%;line-height:120%;margin:0;padding:10px 0;}

.err {background-color:#FFFF00;}
.dbg {color:#336;background-color:#809FFF;padding:2px; font-size: 90%;}
.provtitle {color:#006060;background-color:#CACAE5; font-weight:bold; font-size:250%;}
.adminblock {color:#006060;background-color:#CACAE5; }
.admintitle {font-weight:bold; font-size:160%;}
.adminname {font-weight:bold; font-size:120%;}
.order {font-size: 100%;line-height:120%;margin:0;padding:0;}
.dbgLarry {font-size: 100%;line-height:120%;margin:0 0 5px 0;padding:0;background-color:yellow;}
.pL3 { padding-left: 3px; }
.pL5 { padding-left: 5px; }

p.login {font-size:90%;line-height:110%;margin:0;padding:0 2px;}
.loginbox {background-color:#EEE;color:black;font-size:100%;}

/* misc */
.tags {color:#600;}
.bg {background-color:#CCC;}