@import url("page_specific.css");

/*******************************************************************
 * Common
 *******************************************************************/

/***************************
 * reset styles
 ***************************/
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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0;}
:focus {outline: none;}/* remember to define focus styles! */
ol, ul, dl {list-style: none;}
a {text-decoration:none;}
table {border-collapse: separate;border-spacing: 0;} /* tables still need 'cellspacing="0"' in the markup */
caption, th, td {text-align: left;font-weight: normal;}
body {color: black; background: white; font:62.5%/1 Verdana, Arial, Helvetica, sans-serif;}

/*--------------------------
headings + other tags
---------------------------*/
h2 {font-size:1.6em; letter-spacing:0.03em; margin-bottom:28px; margin-top:4px;}
h3 {margin-bottom:13px; font-size:1.1em; line-height:1.3;}

p, td, li {font-size:1.1em; color:#666; line-height:1.5;}
select, option {font-size:inherit;}
p {margin-bottom:20px;}

blockquote {font:italic 2em "Times New Roman", Times, serif; color:#666; margin-bottom:10px;}

/*--------------------------
links
---------------------------*/
p a, 
h3 a, 
td a {color:#000;border-bottom:1px #000 solid;}
p a:hover, 
h3 a:hover, 
td a:hover {background:#666; color:#fff;}

a.bold {font-size:1.1em; font-weight:bold; color:#000;}
a.bold:hover {border-bottom:1px #000 solid;}

/*--------------------------
classes
---------------------------*/
.clear {overflow:auto;}
.floatR {float:right;}
.floatL {float:left;}
img.floatR {margin:0 0 10px 10px;}
img.floatL {margin:0 10px 10px 0;}
.greenTxt {color:#9e8e00;}
.pBlueTxt {color:#4ca1a1;}
.clear {clear:both;}
.centerTxt {text-align: center;}

/*--------------------------
within #mainCont
---------------------------*/
#mainCont table {width:395px;}
	#mainCont td {padding:2px;}

#mainCont .set {clear:both; margin:0 0 30px;} /* applying "clear" class in HTML gave scroll bar in FF!!! - Wierd */
	#mainCont .set div {margin-left:85px;}
	#mainCont .set h3 {color:#666; margin:0;}
	#mainCont .set p {margin:0 0 5px;}

#mainCont ul {list-style:circle; margin:0 0 13px 15px;}
	#mainCont ul li {font-size:1.1em; line-height:1.5; color:#666;}
                #mainCont ul li ul {list-style:disc;}
                        #mainCont ul li ul li {font-size:1.0em; line-height:1.5; color:#666;}
                        #mainCont ul li ul li a:hover {background:#666; color:#fff;}
                        #mainCont ul li ul li a {color:#000;border-bottom:1px #000 solid;}

#mainCont dl {list-style:circle; margin:0 0 13px 15px;}
	#mainCont dt {font-size:1.3em; line-height:1.5; color:#666;}

#mainCont form table {margin-bottom:10px;}
	#mainCont form td {padding:5px 0;}
		#mainCont input,
		#mainCont textarea {width:200px;}
		#mainCont .checkBox,
		#mainCont .radio,
		#mainCont .button {width:auto;}
                #mainCont .smallInput {width: 50px;}

#mainCont.formType1 table.first td.first {width:30px;}
#mainCont.formType1 table.second td.label {width:170px; padding-right:10px;}
	#mainCont.formType1 table.second input.floatL {margin-right:10px;}


/*================================================================
=Layout related
================================================================*/
#container {width:800px; margin:0 auto; border-color:#C7C7C7; border-width:0 2px 2px 2px; border-style:solid;}
html #nav, 
html #contArea {height:1%;} /* :HACK: IE6 */

#header {height:80px; text-indent:-9000px;}
	#header img {display:none;}

#nav {border-width:2px 0; border-color:#5c5d50; border-style:solid; margin-bottom:40px;}
		#nav li {display:inline;} /* display:inline allows IE to behave and it makes sence too! ;-) */
		#nav li a {text-align:right; display:block; float:left; width:120px; margin-right:3px; padding-right:10px; font: bold 1.5em/1.5  "Times New Roman", Times, serif; color:#fff; text-transform:lowercase;}
		#nav li a:hover {letter-spacing:1.2px;}
		
		#nav a.home {background:#9d0020;}
		#nav a.about {background:#fa5655;}
		#nav a.events {background:#f0ad00;}
		#nav a.courses {background:#9e8e00;}
		#nav a.retreats {background:#007461;}
		#nav a.contact {background:#2e0054;margin-right:0; width:125px;}

#contArea {margin-bottom: 20px}
	#subCont1, #mainCont, #subCont2 {float:left;}
	#subCont1 {width:150px; margin-right:25px;}
		#subCont1 h2 {font:bold 2em "Times New Roman", Times, serif; text-transform:lowercase; margin:0 0 25px 13px;}
		#subCont1 ul {margin:0 0 30px;}
		#subCont1 li {border-bottom:1px; border-style:solid; padding:7px 0;}
		#subCont1 li.last {border:none; padding:7px 0 0;}
		#subCont1 a {color:#333333; font-size:1.2em; font-weight:bold; padding:0 0 0 13px; display:block;}
		
		#subCont1 .anim {margin:0 0 0 10px;}

	#mainCont {width:395px; margin:0 25px 0 0;}
	
	#subCont2 {width:205px;}
		#subCont2 table {margin-bottom:30px;}	
			#subCont2 td {font-size:1.1em; padding-bottom:20px;}
			#subCont2 td.first {width:60px;}
			#subCont2 input, #subCont2 select {width:80px;}
			#subCont2 .button {width:auto;}
		
		.floaters {margin-bottom:40px;}
		.floaters li {padding-bottom:5px;}
			.floaters a {font:1.3em "Century Gothic","Trebuchet MS",Helvetica,Arial,Geneva,sans-serif; color:#00778b; background:url(../images/bullets/floaters_bullet.gif) left center no-repeat; padding-left:15px;} /* :FIX: border-bottom should only appear underneath the text */
			.floaters a:hover {color:#000;background:url(../images/bullets/floaters_bullet_hover.gif) left center no-repeat; border-bottom:1px solid #000;}

#footer {padding:0 10px;}
	#footer * {color:#6B4A42;}
        #footer a.copyright {border-bottom: 0px;}
        #footer a.copyright:hover {border-bottom:1px #6B4A42 solid; background:#ffffff;}
	#footer .hRule {height:1px; background:#C7C7C7; margin-bottom:10px;}
		#footer hr {display:none;}
	#footer li {float:left; border-right:1px #6B4A42 solid; padding:0 5px;}
	#footer li.last {border-right:none;}
		#footer a {font:inherit;} 
		#footer a:hover {border-bottom:1px #6B4A42 solid;} /* :FIX-IE: border-bottom doesn't appear */
	

.backToTop {position:fixed; bottom:0; right:0; height:25px; background:#999999;}
	.backToTop a {display:block; text-align:right; color:#fff; padding:0 10px; font:bold 1.4em/1.5 "Times New Roman", Times, serif; text-transform:lowercase;}
	.backToTop a:hover {background:#fa5655;}
/*	html {overflow-y:hidden;} */
/*	html body {height:100%;overflow-y:auto;} 
	html .backToTop {position:absolute;}*/