/* CSS Document */

@charset "iso-8859-1";

/*******************************************************************************
*  ahs.css
*  July 2008
*  Rendered by Bruce Peterkin (Sujvala)
*  www.brucepeterkin.co.uk
*******************************************************************************/

/*******************************************************************************
*  reset all styles
*******************************************************************************/

/* foreground and background color should be set on body element */

html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td 
{
	margin:				0;
	padding:			0;
	border:				0;
	font-weight:		inherit;
	font-style:			normal;
	font-size:			100%;
	line-height:		1.25em;
	font-family:		inherit;
	text-align:			left;
	vertical-align:		baseline;
}

a img, :link img, :visited img 
{
	border:				0;
}

table
{
	border-collapse:	collapse;
	border-spacing:		0;
}

ol, ul
{
	list-style:			none;
}

q:before, q:after,
blockquote:before, blockquote:after,
blockquote p:before, blockquote p:after 
{
	content: 			"";
}

strong 
{
	font-weight:		bold;
}
em 
{
	font-style: 		italic;
}

/*******************************************************************************
*  generic styling
*******************************************************************************/
* {
	padding:				0;
	margin:					0;
	border:					0;
}

body {
	padding:				0;
	margin:					0;
	border:					0;	
	background-color: 		#808080;
	font-family:			Verdana, Arial, Helvetica, sans-serif;
    font-family:            Arial, Helvetica, sans-serif;   
    font-size:              12px;
    color: #232323;
}
    
    

a, a:hover, a:visited {
    color: #0000ff;
}
a {
	text-decoration:		none;
}
a:hover {
    text-decoration:        underline;
}

.hide
{
	display: 				none;
}

/*******************************************************************************
*  Page containers
*******************************************************************************/

#container-outer {
	margin: 				0 auto;
	width: 					940px;
	background-color: 		#fff;
}

#container-inner {
	width: 					913px;
	margin: 				0 auto;
}
#container-inner:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#main-content {
    width:                  681px;
    float:                  left;
    margin-top:             24px;
    color:                  #333;
}

#main-content h1 {
    font-size:              32px;
    margin:                 0 0 10px 0;
    line-height:            32px;
}
#main-content h2 {
    font-size:              24px;
    margin:                 10px 0;
    line-height:            24px;
}

#content p {
    font-size:              12px;
    margin:                 0 0 15px 0;
}

#content img {
    margin-left:                 15px;
}

#landing-intro {
    margin:                 0 0 18px 0;
}
#landing-intro p {
    font-size:              12px;
    font-weight:            bold;
    margin:                 0 50px 10px 0;
    color:                  #666;
}

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




#topblock-homepage {
	height:					319px;
	background-image: 		url(/media/img/bg-topblock-homepage.gif);
}

#topblock-content {
	height:					116px;
	background-image: 		url(/media/img/bg-topblock-content.gif);
}

#header {
	width:					893px;
	height:					107px;
	margin:					0 auto;
	background-image: 		url(/media/img/bg-header.jpg);
	position:				relative;
}
#header h1 {
	position:	absolute;
	top:		27px;
	left: 		21px;
}


#footer {
	width:					913px;
	height:					330px;
    margin-top:             18px;
	background-image: 		url(/media/img/bg-footer.gif);
    color:                  #A6A6A6;	
}
#footer h1 strong {
    display:                none;
}
#footer p {
    margin-bottom:          15px;
}


#footer-col1 {
    width:      169px;
    margin:     27px 27px 0 37px;
    float:      left;
}
* html #footer-col1 {
    margin-left: 20px;
}
#footer-col1 h1#h1-footer-col1 {
    width:          133px;
    height:         13px;
    margin-bottom:  25px;
    background:     0 0 no-repeat  url(/media/img/h1-footer-col1.gif);
}

#footer-col2 {
    width:      194px;
    margin:     27px 12px 0 10px;
    float:      left;
}
#footer-col2 h1#h1-footer-col2 {
    width:          88px;
    height:         13px;
    margin-bottom:  25px;
    background:     0 0 no-repeat  url(/media/img/h1-footer-col2.gif);
}

#footer-col3 {
    width:      208px;
    margin:     55px 0 0 10px;
    float:      left;
}

#footer-col4 {
    width:      185px;
    margin:     55px 0 0 20px;
    float: left;
}


#footer a#map {
    width:  194px;
    height: 189px;
}
#footer a#map strong {
    display: none;
}

#footer p.footer-link a {
    color:           #A6A6A6;;
    text-decoration: none;
    font-size: 12px;
}
#footer p.footer-link a:hover {
	text-decoration: underline;
}






/* Header Nav Styles: Start ***************************************************/
ul#big-3-links {	
	display: 	block;
	position:	absolute;
	width:		295px;
	min-height: 22px;
	list-style:	none;
	top:		63px;
	left: 		21px;
}
* html ul#big-3-links {
	height:					22px;
}

ul#big-3-links li {
	display: inline;
	position: absolute;
}
ul#big-3-links li strong {
	display: none;
}
ul#big-3-links li a {
	display:				block;
	min-height:				22px;
}
* html ul#big-3-links li a {
	height:                 22px;
}
ul#big-3-links li#meditation a {
	width:		116px;
	background: url(/media/img/btn-hdr-meditation.gif) top left no-repeat;
}
ul#big-3-links li#meditation a:hover,
ul#big-3-links li#meditation a.selected {
	background-position: bottom left;
}

ul#big-3-links li#buddhism {
	left:                   116px;
}
ul#big-3-links li#buddhism a {
	width: 		            121px;
	background: url(/media/img/btn-hdr-buddhism.gif) top left no-repeat;
}
ul#big-3-links li#buddhism a:hover,
ul#big-3-links li#buddhism a.selected {
	background-position: bottom left;
}

ul#big-3-links li#yoga {
	left:                   237px;
}
ul#big-3-links li#yoga a {
	width:                  58px;	
	background: url(/media/img/btn-hdr-yoga.gif) top left no-repeat;
}
ul#big-3-links li#yoga a:hover,
ul#big-3-links li#yoga a.selected {
	background-position: bottom left;
}


ul#small-9-links {
	display: 	block;
	position:	absolute;
	list-style:	none;
	top:		22px;
	right:		24px;
	width:		360px;
	min-height:	63px;
}
* html ul#big-3-links {
	height:		63px;
}
ul#small-9-links li {
	display: inline;
	float: left;
}
ul#small-9-links li a {
    text-decoration:    none;
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			14px;
	text-align:			center;
	display:			block;
	width:				119px;
	min-height:			20px;
	margin:				0 1px 1px 0;
	color: 				#333333;
	background-color:	#DB8712;	
}
* html ul#small-9-links li a {
	height: 20px;
}
ul#small-9-links li a:hover,
ul#small-9-links li a.selected {
	color: 				#fff;
	background-color:	#232323;
	margin:				0 1px 1px 0;	
}
/* Header Nav Styles: End ***************************************************/


/******************************************************************************/
/* Left Navigation Bar */
/******************************************************************************/
#leftColumn
{
    float:                  left;
    width:                  174px;
    margin:                 24px 25px 20px 16px;
    background-color:       #FFF;
}

#leftnav {
    font-family:            Arial, Helvetica, sans-serif;
    width:                  174px;
    float:                  left;
}

#leftnav ul {
    list-style:             none;
}
#leftnav ul ul {
    margin-top:             3px;
}
#leftnav li,
#leftnav li li {
    margin-bottom:         3px;
}

#leftnav li a {
    background:             url(/media/img/bg-leftnav.jpg) no-repeat;
    background-position:    0 0;
    display:                block;
    height:                 22px;
    color:                  #333333;
    font-size:              14px;
    padding-left:           12px;
    padding-top:            4px;
    text-decoration:        none;
}
#leftnav li a:hover,
#leftnav li a.selected {
    background-position:    0 -26px;
    color:                  #fff;
}

#leftnav li li a {
    color:                    #333333;
    padding-left:             24px;
    background-position:      0 -52px;
}
#leftnav li li a:hover,
#leftnav li li a.selected {
    color:                    #fff;
    background-position:      0 -78px;
}
#leftnav li li li a {
    color:                    #333333;
    padding-left:             51px;
    background-position:      0 -104px;
}
#leftnav li li li a:hover,
#leftnav li li li a.selected {
    color:                    #fff;
    background-position:      0 -130px;
}


/* Left Nav: Start ***************************************************/



/* Intro Panel: Start ***************************************************/
#intro {
	width:					893px;
	height:					196px;
	margin:					6px auto 0 auto;
	background-color:		#232323;
	background: 			url(/media/img/bg-intro-buddhism.jpg) top left no-repeat;
	position:				relative;
}
#intro-mask {
	width:					893px;
	height:					196px;
	background: 			url(/media/img/intro-mask.png) top left no-repeat;
}
#intro-mask p {
	position: absolute;
	width: 210px;
	top: 22px;
	right:	35px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 150%;
}
#intro-mask p a {
    color: #ffffff;
    font-weight: bold;
}
#intro-mask img {
	float: left;
	margin: 8px 5px 0 0;
}
/* Intro Panel: End ***************************************************/

/* Content sections: Start ***************************************************/
#homepage-columns {
    margin-top: 12px;
}

.picture-cell,
.picture-cell-nomargin {
    background:         url(/media/img/bg-column.gif);
    width:                219px;
    height:               280px;
    float:                left;
    margin-right:         12px;
}


.picture-cell-nomargin {
    margin-right:         0;
}



.inner-cell {
    width: 201px;
    height: 261px;
    margin: 9px 9px 10px 9px;
    position: relative;
}

#cell-blank {
    background: url(/media/img/cells/bg-cell-blank.jpg);
}
#cell-01 {
    background: url(/media/img/cells/bg-cell-01.jpg);
}
#cell-02 {
    background: url(/media/img/cells/bg-cell-02.jpg);
}
#cell-03 {
    background: url(/media/img/cells/bg-cell-03.jpg);
}
#cell-04 {
    background: url(/media/img/cells/bg-cell-04.jpg);
}
#cell-05 {
    background: url(/media/img/cells/bg-cell-05.jpg);
}
#cell-06 {
    background: url(/media/img/cells/bg-cell-06.jpg);
}
#cell-07 {
    background: url(/media/img/cells/bg-cell-07.jpg);
}
#cell-08 {
    background: url(/media/img/cells/bg-cell-08.jpg);
}
#cell-09 {
    background: url(/media/img/cells/bg-cell-09.jpg);
}
#cell-10 {
    background: url(/media/img/cells/bg-cell-10.jpg);
}
#cell-11 {
    background: url(/media/img/cells/bg-cell-11.jpg);
}
#cell-12 {
    background: url(/media/img/cells/bg-cell-12.jpg);
}
#cell-13 {
    background: url(/media/img/cells/bg-cell-13.jpg);
}
#cell-14 {
    background: url(/media/img/cells/bg-cell-14.jpg);
}
#cell-15 {
    background: url(/media/img/cells/bg-cell-15.jpg);
}
#cell-16 {
    background: url(/media/img/cells/bg-cell-16.jpg);
}
#cell-17 {
    background: url(/media/img/cells/bg-cell-17.jpg);
}
#cell-18 {
    background: url(/media/img/cells/bg-cell-18.jpg);
}
#cell-19 {
    background: url(/media/img/cells/bg-cell-19.jpg);
}
#cell-20 {
    background: url(/media/img/cells/bg-cell-20.jpg);
}


#cell-30 {
    background: url(/media/img/cells/bg-cell-30.jpg);
}
#cell-34 {
    background: url(/media/img/cells/bg-cell-34.jpg);
}
#cell-47 {
    background: url(/media/img/cells/bg-cell-47.jpg);
}
#cell-53 {
    background: url(/media/img/cells/bg-cell-53.jpg);
}
#cell-76 {
    background: url(/media/img/cells/bg-cell-76.jpg);
}
.cell-nav1 {
    width: 107px;
    height: 119px;
    position: absolute;
    right: 0;
    bottom: 0;
    background: url(/media/img/bg-cell-nav1.gif);
}
.cell-nav1 h3 {
    margin: 11px 0 5px 0;
}
.cell-nav1 ul {
    list-style:                none;
}
.cell-nav1 ul li a {
    display:                    block;
    float:                      left;
    width:                      107px;
    min-height:                 21px;
    margin-bottom:              1px;
}
* html .cell-nav1 ul li a {
    height:                     21px;
}
.cell-nav1 ul li a strong {
    display: none;
}


.cell-nav2 {
    width:      127px;
    height:     37px;
    position:   absolute;
    left:       0;
    bottom:     0;
    background: url(/media/img/bg-cell-nav2.gif);
}
.cell-nav2 h3 {
    margin: 9px 0 0 0;
}
.cell-nav2 ul {
    list-style:                none;
    margin-top:                 8px;
}
.cell-nav2 ul li a {
    display:                    block;
    float:                      left;
    width:                      127px;
    height:                     21px;
}
.cell-nav2 ul li a strong {
    display:                    none;
}



.content-block-long {
    background:         url(/media/img/bg-content-block-long.gif);
    width:                681px;
    min-height:           281px;
    float:                left;
    position:             relative;
    margin-bottom: 10px;
}
.content-block-layer2 {
    min-height:         272px;
    background:         bottom left no-repeat url(/media/img/bg-content-block-base.gif);
}
* html .content-block-layer2 {
    height:           272px;
}
.content-block-inner {
    margin:                10px 10px 0 10px;
}
.content-block-inner p {
    margin-top: 24px;
}
.content-block-inner img {
    margin:                0 10px 10px 0;
}




#main-content .content-list-long {
    background:         url(/media/img/bg-content-list-long.gif);
    width:                681px;
    min-height:           181px;
    float:                left;
    position:             relative;
    margin-bottom:        24px;
}
#main-content .content-list-layer2 {
    min-height:         169px;
    background:         bottom left no-repeat url(/media/img/bg-content-list-base.gif);
}
* html #main-content .content-list-layer2 {
    height:           169px;
}
#main-content .content-list-inner {
    margin:                10px 10px 0 10px;
}

#main-content .content-list-inner h1 {
    font-size:      22px;
    color:          #E58705;
    position:       absolute;
    top:            16px;
    left:           24px;
}
#main-content .content-list-inner h2 {
    font-size: 14px;
    font-weight:  bold;
    color: #232323;
    position: absolute;
    top: 15px;
    left: 417px;
}

#main-content .content-list-inner .left-col {
    width: 373px;
    border-top: 3px solid #E58705;
    margin-top: 40px;
    margin-left: 16px;
    float: left;
    padding-bottom: 12px;
}
#main-content .content-list-inner .left-col .slot {
    margin: 12px 0 12px 0;
    border-bottom: 1px solid #DEDEDE;
    padding-bottom: 12px;
    position: relative;
}
#main-content .content-list-inner .left-col .slot a.book-now {
    position: absolute;
    right: 0;
    bottom: 12px;
}





#main-content .content-list-inner .left-col h3,
#main-content .content-list-inner .left-col h4
{
    font-size: 12px;
    font-weight: bold;  
}
#main-content .content-list-inner .left-col h4
{
    color: #E58705;
}

#main-content .content-list-inner .right-col {
    width: 248px;
    min-height: 123px;
    /*background:         url(/media/img/bg-listing-right-col.gif);*/
    background-color: #F5F5F5;
    border: 1px solid #DEDEDE;
    border-top: 3px solid #E58705;
    
    margin-top: 40px;
    margin-left: 19px;
    margin-bottom: 10px;
    float: left;
    font-size: 90%;
}

#main-content .content-list-inner .right-col img {
    margin: 10px 7px 0 10px;
    float: left;
}

#main-content .content-list-inner .right-col .expander {
    width: 130px;
    /*border: 1px solid blue;*/
    float: right;
    margin: 10px 10px 0 0;
}

#main-content .content-list-inner .right-col .expander p {
    margin-bottom: 8px;
}
#main-content .content-list-inner .right-col .expander p.no-margin {
    margin: 0;
}













.content-block {
    background:         url(/media/img/bg-content-block.gif);
    width:                681px;
    height:               281px;
    float:                left;
    margin-bottom:        24px;
    position: relative;
}
.content-img {
    margin-right: 24px;
    position: absolute;
    top: 10px;
    left: 10px; 
}
.inner-content-block {
    width:  446px;
    height: 261px;
    position: absolute;
    left: 225px;
    top: 10px;
}
.inner-content-block h2 {
    font-size: 22px;
    color: #E58705;
    margin-bottom: 20px;
}
.inner-content-block h3 {
    font-size: 14px;    
    font-weight: bold;
}
.inner-content-block h4 {
    font-size: 12px;
    font-weight: bold;
}
.inner-content-block h5 {
    font-size: 12px;
    font-weight: bold;
    margin: 0 0 6px 15px;
}
.inner-content-block h6 {
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 20px;
}
.inner-content-block p {
    font-size: 12px;
    margin-bottom: 10px;
}
.inner-content-block p.oj {
    font-size: 12px;
    font-weight: bold;
    color: #E58705;
    text-align: center;
    margin-bottom: 4px;
}
.inner-content-block p.sm {
    font-size: 11px;
    text-align: center;
}

.booking-box {
    width: 135px;
    margin-right: 12px;
    text-align: center;
    float: left;
}
.lined-box,
.lined-box-right {
    width: 100px;
    height: 110px;
    min-height: 110px;
    border: 1px solid #DEDEDE;
    border-bottom: 0;
    border-left: 0;
    text-align: center;
    float: left;
    padding: 10px 5px 0 5px;

}
.lined-box-right {
    border-right: 0;
}

.lined-box h4,
.lined-box-right h4 {
    text-align: center;
}



#buddhism li#drop-ins a {
    background: url(/media/img/li-orange-drop-ins.gif) 0 0 no-repeat;
}
#buddhism li#courses a {
    background: url(/media/img/li-orange-courses.gif) 0 0 no-repeat;
}
#buddhism li#events a {
    background: url(/media/img/li-orange-events.gif) 0 0 no-repeat;
}
#buddhism li#drop-ins a:hover,
#buddhism li#courses a:hover,
#buddhism li#events a:hover
{
    background-position:        -107px 0;
}

#buddhism .cell-nav2 li#drop-ins a {
    background: url(/media/img/li-orange-drop-ins2.gif) 0 0 no-repeat;
}
#buddhism .cell-nav2 li#courses a {
    background: url(/media/img/li-orange-courses2.gif) 0 0 no-repeat;
}
#buddhism .cell-nav2 li#events a {
    background: url(/media/img/li-orange-events2.gif) 0 0 no-repeat;
}
#buddhism .cell-nav2 li#drop-ins a:hover,
#buddhism .cell-nav2 li#courses a:hover,
#buddhism .cell-nav2 li#events a:hover
{
    background-position:        -127px 0;
}





#meditation ul li#drop-ins a {
    background: url(/media/img/li-blue-drop-ins.gif) 0 0 no-repeat;
}
#meditation ul li#courses a {
    background: url(/media/img/li-blue-courses.gif) 0 0 no-repeat;
}
#meditation ul li#events a {
    background: url(/media/img/li-blue-events.gif) 0 0 no-repeat;
}
#meditation li#drop-ins a:hover,
#meditation li#courses a:hover,
#meditation li#events a:hover
{
    background-position:        -107px 0;
}

#meditation .cell-nav2 li#drop-ins a {
    background: url(/media/img/li-blue-drop-ins2.gif) 0 0 no-repeat;
}
#meditation .cell-nav2 li#courses a {
    background: url(/media/img/li-blue-courses2.gif) 0 0 no-repeat;
}
#meditation .cell-nav2 li#events a {
    background: url(/media/img/li-blue-events2.gif) 0 0 no-repeat;
}
#meditation .cell-nav2 li#drop-ins a:hover,
#meditation .cell-nav2 li#courses a:hover,
#meditation .cell-nav2 li#events a:hover
{
    background-position:        -127px 0;
}


#yoga ul li#drop-ins a {
    background: url(/media/img/li-pink-drop-ins.gif) 0 0 no-repeat;
}
#yoga ul li#courses a {
    background: url(/media/img/li-pink-courses.gif) 0 0 no-repeat;
}
#yoga ul li#events a {
    background: url(/media/img/li-pink-events.gif) 0 0 no-repeat;
}
#yoga li#drop-ins a:hover,
#yoga li#courses a:hover,
#yoga li#events a:hover
{
    background-position:        -107px 0;
}

#yoga .cell-nav2 li#drop-ins a {
    background: url(/media/img/li-pink-drop-ins2.gif) 0 0 no-repeat;
}
#yoga .cell-nav2 li#courses a {
    background: url(/media/img/li-pink-courses2.gif) 0 0 no-repeat;
}
#yoga .cell-nav2 li#events a {
    background: url(/media/img/li-pink-events2.gif) 0 0 no-repeat;
}
#yoga .cell-nav2 li#drop-ins a:hover,
#yoga .cell-nav2 li#courses a:hover,
#yoga .cell-nav2 li#events a:hover
{
    background-position:        -127px 0;
}


#retreats ul li#day a {
    background: url(/media/img/li-green-day.gif) 0 0 no-repeat;
}
#retreats ul li#weekend a {
    background: url(/media/img/li-green-weekend.gif) 0 0 no-repeat;
}
#retreats ul li#longer a {
    background: url(/media/img/li-green-longer.gif) 0 0 no-repeat;
}
#retreats li#day a:hover,
#retreats li#weekend a:hover,
#retreats li#longer a:hover
{
    background-position:        -107px 0;
}

#retreats .cell-nav2 li#day a {
    background: url(/media/img/li-green-day2.gif) 0 0 no-repeat;
}
#retreats .cell-nav2 li#weekend a {
    background: url(/media/img/li-green-weekend2.gif) 0 0 no-repeat;
}
#retreats .cell-nav2 li#longer a {
    background: url(/media/img/li-green-longer2.gif) 0 0 no-repeat;
}
#retreats .cell-nav2 li#day a:hover,
#retreats .cell-nav2 li#weekend a:hover,
#retreats .cell-nav2 li#longer a:hover
{
    background-position:        -127px 0;
}



#about-us .cell-nav2 li#team a {
    background: url(/media/img/li-yellow-team2.gif) 0 0 no-repeat;
}
#about-us .cell-nav2 li#centre a {
    background: url(/media/img/li-yellow-centre2.gif) 0 0 no-repeat;
}
#about-us .cell-nav2 li#sangha a {
    background: url(/media/img/li-yellow-sangha2.gif) 0 0 no-repeat;
}
#about-us .cell-nav2 li#team a:hover,
#about-us .cell-nav2 li#centre a:hover,
#about-us .cell-nav2 li#sangha a:hover
{
    background-position:        -127px 0;
}



.text-cell,
.text-cell-nomargin {
    width:                219px;
    float:                left;
    margin-right:         12px;
}
.text-cell-nomargin {
    margin-right:         0;
}

.text-cell p,
.text-cell-nomargin p {
    font-size:            11px;
    margin:               20px 18px;
}







/* Intro Panel: End ***************************************************/



/* Special Styles: Start ***************************************************/
p.read-more {

    float: right;
    margin-left: 0px;
    margin-top: 10px;
    padding-bottom: 10px;

}
a.read-more {
    width:                  82px;
    height:                 21px;
    background:             url(/media/img/btn-read-more.gif) no-repeat;
    background-position:    0 0;
    display:                block;
    color:                  #E78508;
    font-size:              12px;
    font-weight:            bold;
    padding-left:           22px;
    padding-top:            5px;
    text-decoration:        none;
}
a.read-more:hover {
    color:                  #333333;
}

a.book-now {
    width:                  78px;
    height:                 24px;
    background:             url(/media/img/btn-book-now.gif) no-repeat;
    background-position:    0 0;
    display:                block;
    height:                 21px;
    color:                  #ffffff;
    font-size:              12px;
    font-weight:            bold;
    padding-left:           26px;
    padding-top:            5px;
    text-decoration:        none;
    text-align: left;
}
a.book-now:hover {
    color:                  #E78508;
}

/* Special Styles: End ***************************************************/


/* Crumbtrail: Start ***************************************************/
#crumbtrail {
	position:				relative;
	color:					#666666;
	margin:					12px 0;
}
#crumbtrail img {
	float: left;
}
#crumbtrail p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 120%;
	padding-top: 5px;
}

/* Intro Panel: End ***************************************************/

/******************************************************************************/
/* Admin Area */
/******************************************************************************/

/* Admin Login */
#admin-form {
    width: 200px;
    height: 145px;
    color:  #fff;
    margin-top: -310px;
    margin-left: 3px;
    
}
#admin-form form#admin label{
    display: block;
}
#admin-form h1 {
    color: #000;
}
#admin-form p {
    color: #fff;
    font-size: 10px;
    margin: 0 9px;
}
#admin-form a {
    color: #D6CE01;
}
form#admin {
    margin: 76px 9px 0 9px;
}
form#admin label {
    display: none;
}
form#admin input {
    background-color: #CCCCCC;
    margin-bottom: 9px;
}




/* Picture Manager form */
#picture-manager-form {
    width: 600px;
    height: 145px;
    /*background-image:         url(/media/img/bg-signup.gif);*/
    background-color: #24282B;
    padding-top: 10px;
    color: #fff;
    margin-bottom: 10px;
    
}
#picture-manager-form form#picture-manager label{
    display: block;
}
#picture-manager-form p {
    color: #fff;
    font-size: 10px;
    margin: 0 9px;
}
#picture-manager-form p a {
    color: #FF6600;
}
form#picture-manager {
    margin: 12px 9px 0 9px;
}
form#picture-manager label {
    display: none;
}
form#picture-manager input {
    background-color: #CCCCCC;
    margin-bottom: 9px;
}







/*******************************************************************************
*  Admin pages
*******************************************************************************/
#album {
    width: 650px;
}
#album a.delete_button {
    float: right;
}
#album a.delete_button img {
    margin: 0;
}


.slide {
    font-family:                Verdana, Arial, Helvetica, sans-serif;  
    width:                         140px;
    height:                     160px;
    background:                    url(/media/img/bg_gallery_tile.gif) 0 0 no-repeat;
    float:                        left;
}
.slide img {
    margin:                      0 0 0 3px;
}
.slide img.thmb {
    margin:                        10px 0 2px 10px;
    text-align: center;
}
.slide h2, .slide p {
    width:                      112px;
    margin:                     0 0 2px 10px;
    text-align:                 left;
}
.slide h2 {
    font-size: 12px;    
}
.slide p {
    font-size: 12px;
	padding-left: 12px;
}

img#logo-lotus-homepage {
    float: left;
    margin: 6px 10px 0 0;
}
img#logo-lotus-footer {
    float: left;
    margin: -10px 10px 0 0;
}
/*******************************************************************************
*  CMS toolkit
*******************************************************************************/
#cms-toolbar {    
    float:               left;
    position:            relative;
    display:             block;
    width:               650px;
    height:              34px;    
    margin-bottom :       6px;*/
    background-color:     #FFF;
    color:                 #333;
    font-size:             12px;
    border: 1px solid #FF6600;
    /*background-image:     url(/media/img/bg-cms-toolbar.gif);*/
    clear: right;
}
#cms-toolbar img {    
    position: absolute;
    top: 0;
    left: 0;
    margin: 1px;
}
#cms-toolbar p {    
    position: absolute;
    right: 10px;
    top: 1px;
    font-size:             12px;
}

#cms-toolbar #buttons {
    margin-left: 32px;
    padding: 5px;
}
#cms-toolbar input.button
{
    border: 3px double #FF6600;
    border-top-color: #FF6600;
    border-left-color: #FF6600;
    padding: 0.25em;
    background-color: #FFFFFF;
    color: #333333;
    font-size: 75%;
    font-weight: bold;
    font-family: Verdana, Helvetica, Arial, sans-serif;
}
#cms-toolbar input.button:hover
{
    background-color: #FF6600;
    color:    #FFF;
}
#cms-toolbar input.button:active
{
    border: 3px double #CCCCCC;
    border-top-color: #999999;
    border-left-color: #999999;
}
#cms-toolbar input.button#logout
{
    margin-left: 0.5em;
    border: 3px double #FF0000;
    border-top-color: #FF0000;
    border-left-color: #FF0000;
}
#cms-toolbar input.button#logout:hover
{
    background-color: #FF0000;
}








#cms-pageaction-toolbar {    
    float:               left;
    position:            relative;
    display:             block;
    width:               650px;
    height:              34px;    
    margin-bottom :       6px;*/
    background-color:     #FFF;
    color:                 #333;
    font-size:             12px;
    /*border: 1px solid #FF6600;*/
    /*background-image:     url(/media/img/bg-cms-toolbar.gif);*/
    clear: right;
}
#cms-pageaction-toolbar img {    
    position: absolute;
    top: 0;
    left: 0;
    margin: 1px;
}
#cms-pageaction-toolbar p {    
    position: absolute;
    right: 10px;
    top: 1px;
    font-size:             12px;
}

#cms-pageaction-toolbar #buttons {
    margin-left: 32px;
    padding: 5px;
}
#cms-pageaction-toolbar input.button
{
    border: 3px double #FF6600;
    border-top-color: #FF6600;
    border-left-color: #FF6600;
    padding: 0.25em;
    background-color: #FFFFFF;
    color: #333333;
    font-size: 75%;
    font-weight: bold;
    font-family: Verdana, Helvetica, Arial, sans-serif;
}
#cms-pageaction-toolbar input.button:hover
{
    background-color: #FF6600;
    color:    #FFF;
}
#cms-pageaction-toolbar input.button:active
{
    border: 3px double #CCCCCC;
    border-top-color: #999999;
    border-left-color: #999999;
}
#content input {
	border: 1px solid #000;
	margin-bottom: 2px;
}
#content select {
	border: 1px solid #000;
	margin-bottom: 2px;
}
#content textarea {
	border: 1px solid #000;
	margin-bottom: 2px;
}

/* Message styles */
p.error {
    color: #990000;
}
p.confirmation {
    color: #009900;
}