/* Grayhawk Yoga */

html,body {
text-align:center;
background:url(imgs/mainbg.gif);
color:#433838;
margin:0;
padding:0;
}

* {
margin:0;
padding:0;
}


span#logoimage {visibility:hidden;display:none;}


div#container-bg-img-1 {
width:950px;
text-align:left;
height:auto;
position:relative;
background:url(imgs/content-bg.gif) repeat-y;
margin:20px auto 0 auto;
}

div#container-bg-img-2 {
background:url(imgs/bottom-img-bg.gif) 100% 100% no-repeat;
height:1%;
padding:0 0 50px;
}

#header {
position:relative;
height:164px;
width:100%;
background:url(imgs/header-bg.jpg) 0 0 no-repeat;
}

#leftcolumn {
width:199px;
border-left:1px solid #F7F5EC;
float:left;
position:relative;
font-family:Arial, Helvetica, sans-serif;
height:auto;
}

div#leftimg {
height:322px;
width:199px;
display:block;
padding:0;
margin:0;
}



/**************** Search Form  ****************/

div#search {
width:175px;
padding:12px 12px;
background:#EFE9C6;
position:relative;
height:1%;
}

input {
font-family:arial, helvetica, geneva, sans-serif;
}

#search label {
	display:none;
}

/* textinput */
#search input#cntnt01searchinput { /* This id varies based on version of CMS */
	font-weight:normal;
	border:1px solid #ddd;
	background:#fff;
	color:#5D5DB0;
	padding:2px 0px 2px 3px;
font-size:12px;
width:170px;
	background: #FFFFEF!important;
	}

/* search button */
#search input#input
 {
	background:#3D3253;
	color:#fff;
	border:1px solid #3D3253;
	padding:1px 2px!important;
	font-weight:bold;
	font-size:12px;
float:right;
margin:10px 0 0 0;
	}


/* input button hover state - if there are more forms, you need to style 
them as each of the forms used in the demo has a certian way of specifiying the elements */

#search input#input:hover, div.submit input:hover {
	background:#A22102;
	border:1px solid #A22102;
	}




#twocols {
width:715px;
float:right;
padding:54px 35px 30px 0;
z-index:0;
}

#contentheader {
width:690px;
border-bottom:1px solid #ddd;
position:absolute;
display:block;
top:182px;
left:225px;
z-index:500000;
}

#contentheader p, #contentheader {
padding:0;
margin:0;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
}


#contentheader a {text-decoration:none;color:#433838;}

#contentheader #printerbutton a.noprint { /*** inserts custom printer icon in background of link - better display in IE ****/
	background: url(imgs/printer.gif) 0% 50% no-repeat;
	padding:0 0 0 13px;
	text-align:right;
	position:absolute;
	top:0;
	right:0;

}


#rightcol {
display:none;
}

body.home #rightcol {
width:311px;
float:right;
position:relative;
display:block;
}



body.home #content {
width:400px;
}




#content {
float:left;
display:inline;
position:relative;
width:715px;
padding:0 0 30px 0;
}

a {
outline:none;
}

a:link,a:visited {
color:#9E2200;
}

a:hover {
color:#666;
}

a img {
border-width:0;
}

#footer {
clear:both;
width:950px;
margin:0 auto;
padding:10px 0;
}

#footer p {
font:11px normal Arial, Helvetica, sans-serif;
color:#ccc;
margin:0;
padding:0 0 10px;
}

#footer p a {
text-decoration:none;
color:#ddd;
}

#logowrap {
width:661px;
height:154px;
position:absolute;
top:10px;
left:0;
}

#logo {
position:relative;
width:661px;
height:154px;
display:inline;
overflow:hidden;
padding:0;
}

#logo a {
float:left;
overflow:hidden;
width:661px;
height:0!important;
background:url(imgs/logo.gif) 0 0 no-repeat;
font-size:1px;
color:#F7F5EC;
padding:154px 0 0;
}

#logo span {
display:inline;
margin:0;
padding:0;
}

div#home-side {
width:311px;
padding:10px 0 0;
}

div#map-side {
width:425px;
}

div.special {
width:309px;
border:1px solid #ddd;
background:#fff;
margin:0 0 8px;
}

div.special p,div.special h2,div.special h3,div.special h4 {
font-family:Arial, Helvetica, sans-serif;
padding:10px;
}

div.special p {
font-size:12px;
padding:0 10px 10px;
line-height:18px;
}

div.special h2 {
font-size:12px;
padding:5px 10px 2px;
font-weight:bold;

}

div.up-coming-events {
background:#F7F2D6;
border-color:#DFD6A2;
}

div.quote-day {
background:#E9EFD2;
border-color:#CDD7A8;
}

div.quote-day img {
float:left;
border:5px solid #C5D392;
margin:0 0 10px 10px;
}

div.quote-day p {
font:normal 14px/18px Georgia, "Times New Roman", Times, serif;
}

div.quote-day p.txtright {
text-align:right;
font-size:10px;
}

div.special h4,div.special h6 {
font:bold 16px Georgia, "Times New Roman", Times, serif;
text-transform:uppercase;
border-bottom:1px solid #DFD6A2;
margin:0 10px 15px;
padding:10px 0 2px;
}

div.up-coming-events h4 {
color:#998305;
}

div.quote-day h6 {
color:#547905;
border-color:#CDD7A8;
}

div.quote {
float:right;
width:215px;
}

div#header-address {
position:absolute;
right:0;
top:24px;
width:289px;
height:134px;
}

div#header-address p {
font-size:14px;
line-height:26px;
padding:0 0 10px 15px;
}

div#header-address p#phone {
font-size:24px;
font-weight:700;
line-height:28px;
padding-bottom:10px;
}

div#header-address p.smalllinkstop {
font-size:11px;
font-weight:bold;
padding:0 0 0 15px;
line-height:14px;
}

div#header-address p.smalllinkstop a {
text-decoration:none;
}


div#turtle {
margin:8px 0;
}

div#turtle img {
border:1px solid #ddd;
margin:0 0 10px;
}

div#turtle p {
font-size:16px;
font-style:italic;
margin:0;
padding:0 0 0 15px;
}

div#turtle p.txtright {
font-size:11px;
text-transform:uppercase;
}

p,h1,h2,h3,h4,h5,h6 {
font-family:Georgia, Arial, "Times New Roman", Times, serif;
padding:12px 20px 12px 25px;
}

body.new-students h3 {
padding-bottom:0px;
}


table {
margin:10px 20px 10px 25px;
border-collapse:collapse;
font-family:Arial, Helvetica, sans-serif;
}

table.rates {
width:90%;
}

th {
font-weight:bold;
color:#7A8A39;
font-size:15px;
text-transform:uppercase;
}

table.rates td.divider {background:transparent;border-width:0px;padding:3px 0 0 0;}

td, th {
padding:2px 5px;
}

table.rates td {
border: 1px solid #EFE9C6;
border-bottom: 5px solid #EFE9C6;
padding:3px 8px;
}

table.float-right {float:right;}
table.float-left {float:left;}

#header p {
font-family:Arial, Helvetica, sans-serif;
margin:0;
padding:10px 15px;
}

body.home h1 {
font-size:1.8em;
font-weight:400;
color:#544178;
}

h1 {
font-size:2.0em;
font-weight:400;
color:#544178;
}

h2 {
font-size:1.7em;
}

h3,li.date {
font-size:1.5em;
}

h4 {
font-size:1.4em;
}

h5 {
font-size:1.2em;
}

h6 {
font-size:1.1em;
}

h2,h3,h4,h5,h6 {
color:#A22102;
font-weight:500;
}



p,ul,ol,blockquote p, table, #content div, #content span {
font-size:.875em;
line-height:1.7em;
}

p.txtright {
text-align:right;
}

#content ul,#content ol {
font-family:Arial, Helvetica, sans-serif;
margin:10px 10px 10px 50px;
padding:0 15px 10px 20px;
}

img.float-right {
margin:.5em 0 1em 1em;
float:right;
}

img.float-left {
margin:.5em 1em 1em 0;
float:left;
}

code {
display:block;
text-align:left;
overflow:auto;
font:500 1em/1.5em 'Lucida Console', 'Courier New', monospace;
background:#1E89DC;
border:1px solid #ddd;
margin:.5em 0;
padding:20px;
}

acronym {
cursor:help;
border-bottom:1px solid #ddd;
}

blockquote {
border-left:3px solid #7A8A39;
margin:10px 10px 10px 40px;
padding:0;
}

body.new-students blockquote {
border-left:0px solid #7A8A39;
margin:10px 30px 10px 40px;

}

blockquote p {
margin-left:0;
padding:0 15px 10px 10px;
}

#menu ul li {
list-style-type:none;
line-height:1.3em;

}


div#menu ul li a:hover {
text-decoration:underline!important;
}

#menu {
background:#7A8A39;
width:177px;
margin:0;
padding:20px 10px 20px 12px;
}

#menu ul {
width:175px;
position:relative;

}


#menu li {
list-style:none;
display:block;
margin:0;
padding:0;
}


div#menu a {
text-decoration:none;
font-weight:700;
padding:0 0 3px 12px;
color:#fff;
display:block;
}


/* Level 1 Active Page and Active Parent*/
div#menu ul li.currentpage a,div#menu ul li.activeparent a.activeparent {
font-size:14px;
background:url(imgs/bullet.gif) no-repeat 0 50%;
padding-left:12px;
}

/* 2nd Level Sub Page Active Viewing Page */
div#menu ul li.activeparent ul li.currentpage a,div#menu ul li.activeparent ul li.activeparent a.activeparent {
background:url(imgs/smallbullet.gif) no-repeat 15px 8px;
padding-left:25px;
}

/* 2nd Level Sub Page Inactive Page */
div#menu ul li.currentpage ul li a, div#menu ul li.activeparent ul li a {
background:url(none) no-repeat 15px 50%;
padding-left: 25px;
}



/* 2nd level font size */
div#menu ul ul li ,div#menu ul li.currentpage ul li a,div#menu ul li.activeparent ul li.currentpage a,div#menu ul li.activeparent ul li.activeparent a.activeparent {
font-size:12px;
}


span.accesskey {
text-decoration:none;
}

.accessibility,hr {
position:absolute;
top:-999em;
left:-999em;
}

#menu dfn {
position:absolute;
left:-1000px;
top:-1000px;
width:0;
height:0;
overflow:hidden;
display:inline;
}

a.external span {
position:absolute;
left:-5000px;
width:4000px;
}

a.external {
background:url(imgs/extlink.gif) no-repeat 100% 0;
padding:0 12px 0 0;
}

a.external:hover {
background-color:#ddd;
}

#footer p a span,div#menu li.separator hr,div.hidden {
display:none;
}


/* relational links under content */

#contentfooter {
	width:690px;
	position:relative;
	clear:both;
	font: 0.75em/140% Arial, Helvetica, sans-serif;
	margin:0 0 0 25px;
	padding:10px 0;
	border-top:1px solid #ddd;
}


#pagenav {
  width: 75%; 
	float:left;
}

#pagenav div span {
	margin:0;
	padding:0;
	display:block;
	width:100%;
	float:left;
}


#toppage {
  float: right;
  width: 15%;
  text-align: right;

}

#toppage a, 
#pagenav a {
	text-decoration:none;
}



.clearfix:after, div#search:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}


.clearfix, div#search {
display:block;
}

* html .clearfix, * html div#search {
height:1%;
}



 /*printer styles*/ 
 @media print{ 
 body, html, div {padding:0;margin:0;}
span#logoimage {display:block;visibility:visible;width:100%;text-align:center;font-size:14px;font-weight:bold;}
span#logoimage img {text-align:center;}

#rightcol, div#home-side, div.special {float:none;width:100%!important;}

 * {font-family:Arial, Helvetica, sans-serif;color:#000;}
#leftcolumn,#header, .noprint, #notice, #contentheader, #contentfooter, #footer {display:none;} 
#content, #twocols{width:100%!important; float:none;}
#content p {font-size:110%!important}
#content, #content a, #content h1, #footer p, #footer p a {color:#000!important;border:0!important;}
h1,h2,h3,h4,h5, ol, ul, blockquote, p, span, table, td, div, th {color:#000!important;}
table td, table.rates td {border-color:#333!important;}
#content a, #footer a {text-decoration:underline}
#content  ul#thumbs li img {display:block;visibility:visible;clear:both;}
#content  ul#thumbs li {float:left!important;background:transparent!important;border:none;height:auto;width:auto;margin:10px;}
#content ul, #content p {clear:both;width:100%;}

}