/*********************************************************************************************\
 *
 *        TITLE:  Default Style Sheet
 *       CLIENT:  Yoga in No Time at All
 *  TARGET SPEC:  CSS 2
 *     MODIFIED:  2009.06.18
 *    AUTHOR(S):  Susan Ferguson-Wheeler / NetMediaOne - www.netmediaone.com
 *
\*********************************************************************************************/



/*************************************************************************************\
 * 
 *  ELEMENT DEFAULTS
 *
\*************************************************************************************/
.HomePage a, .HomePage a:visited { font-weight: bold; color: #ed1c24; text-decoration: none; cursor: pointer; }
.HomePage a:hover, .HomePage a:visited:hover { color: #ed1c24; text-decoration: underline; cursor: pointer; }
.SubPage a, .SubPage a:visited { font-weight: normal; color: #ed1c24; text-decoration: none; cursor: pointer; }
.SubPage a:hover, .SubPage a:visited:hover { color: #ed1c24; text-decoration: underline; cursor: pointer; } 


body, div, h1, h2, h3, html, img, td { border: 0px; padding: 0px; margin: 0px; }

html { background: #ffffff url("bg_html.gif"); height: 100%; }

body { font: normal 11px/1.81 Verdana, Arial, Helvetica, sans-serif; color: #202020; background-color: #e0e0e0; padding-top: 30px; padding-bottom: 30px; }

h1 {
	font: bold 17px/1.45 Verdana, Arial, Helvetica, sans-serif;
	color: #cc0000;
	margin: 0px 0px 20px 0px;
	border-bottom: 1px solid #d7e2f1;
  position: relative;
}


h2 {
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	color: #202020;
	margin: 30px 0px 20px 0px;
	position: relative;
}
.Col2 h2 { margin-top: 25px; }

h3 {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	margin: 15px 0px 0px 0px;
}

	
h4 { font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #000000; margin: 10px 0px 0px 0px; }

label { font: bold 1em Verdana, Arial, Helvetica, sans-serif; }

p { margin: 10px 0px 10px 0px; }

table { font: inherit; }

blockquote { margin: 25px 0px 25px 0px; padding: 0px 30px 0px 30px; }
blockquote p { margin: 5px 0px 5px 0px; }
blockquote .Source { font: italic 11px Verdana, Arial, Helvetica, sans-serif; color: #a3238e; text-align: right; margin-top: 0px; }
blockquote .Source span { font-style: normal; }


ul { list-style: disc outside; margin: 10px 0px 10px 2.5em; padding: 0px; }

li { margin: 0px; padding: 0px 0px 0px 0px; }



/*************************************************************************************\
 *
 *  CUSTOM CLASSES
 *
\*************************************************************************************/


.Bordered { border: 5px solid #f0f0f0; }

.Cleared { overflow: auto; }

.Column { display: inline; float: left; }

.Col1 { width: 285px; padding: 20px 30px 0px 165px; background: #ffffff; font: normal 12px/1.81 Verdana, Arial, Helvetica, sans-serif; color: #202020; }
.Col2 { width: 450px; background: #e8d3e6 url("bg_col2.gif") bottom center no-repeat; margin: 30px 30px 30px 0px; }

.SubPage .Col2 { width: 450px; }
.InnerContent { padding: 0px 20px 20px 20px; }

.BoxTop { background: url("bg_col2_top.gif") top center no-repeat; height: 5px; }

.Left { display: inline; float: left; margin: 5px 10px 0px 0px; }

.Right { display: inline; float: right; margin: 5px 0px 5px 10px; }

.Center { display: block; margin: 10px auto 10px auto; }

.NoBullets { list-style: none none; margin-left: 0px !important; padding-left: 0px !important; }


/*************************************************************************************\
 *
 *  PAGE LAYOUT ELEMENTS (arranged by order of appearance in HTML)
 *
\*************************************************************************************/

#layoutWrapper { width: 960px; margin: 0px auto 0px auto; padding: 0px; position: relative; background-color: #ffffff; }

#topSection { position: relative; padding: 0px; height: 250px; background: #ffffff url("bg_topsection.gif") top center no-repeat; }
#imgLogo { position: absolute; top: 0px; left: 147px; }
#imgBanner { position: absolute; top: 0px; right: 111px; }
#imgSide { position: absolute; top: 130px; left: 0px; z-index: 500; } 
#homeButton { position: absolute; top: 0px; left: 149px; z-index: 500; display: inline !important; }

#mainNav { position: relative; background-color: #606060; height: 45px; }
#mainNav ul { position: absolute; top: 0xp; right: 30px; list-style: none; margin: 0px; padding: 0px; }
#mainNav li { padding: 0px; margin-left: 30px;  display: inline; float: left; }
#mainNav a { display: block; margin: 0px; padding: 18px 0px 18px 0px; outline: none; }
#mainNav img { display: block; }

#bannerSection { position: relative; }
#bannerSection img { display: block; }

#contentSection { padding: 0px; }



#yogaPose { position: relative; height: 165px; }
#yogaPose img { position: absolute; left: -165px; }

#SignUp { width: 240px; background: #ffffff; padding: 20px 10px 20px 10px; margin: 0px auto 0px auto; border: 1px solid #606060; }
.signupframe td input { margin-left: 5px; }
#footerSection { font-size: 9px; color: #404040; text-align: center; line-height: 1.6; position: relative; margin-top: 25px; padding-bottom: 25px; background: url("bg_footersection.gif") bottom center no-repeat; }
#footerSection a, #footerSection a:visited { color: #ed1c24; text-decoration: none; font-weight: normal; }
#footerSection a:hover, #footerSection a:visited:hover { color: #ed1c24; text-decoration: none; font-weight: normal; }