/*CSS Stylesheet for UrbanYoga.ca*/

/*ID TAGS---------------------------------------------*/

#sidebar {
}

#content {
margin-left: 370px;
}

/*HIDE LOGO NON-CSS BROWSERS--------------------------*/

.hidelogo {
display: none;
}

/*NAVIGATION USING CSS--------------------------*/

div.home {
position: absolute;
top: 170px;
left: 135px;
font-weight: bold;
}

div.home a {
text-decoration: none;
color: #000000;
background-color: transparent;
}

div.home a:hover {
color: #7F1FAA;
background-color: transparent;
}

div.classes {
position: absolute;
top: 210px;
left: 33px;
font-weight: bold;
background-color: transparent;
}

div.classes a {
text-decoration: none;
color: #000000;
background-color: transparent;
}

div.classes a:hover {
color: #7F1FAA;
background-color: transparent;
}

ul.classes {
position: absolute;
top: 210px;
left: 190px;
font-weight: bold;
font-size: 10px;
background-color: transparent;
width: 170px;
}

ul.classes a {
text-decoration: none;
color: #000000;
font-size: 10px;
background-color: transparent;
}

ul.classes a:hover {
color: #7F1FAA;
background-color: transparent;
}

div.inspiration {
position: absolute;
top: 260px;
left: 102px;
font-weight: bold;
background-color: transparent;
}

div.inspiration a {
text-decoration: none;
color: #000000;
background-color: transparent;
}

div.inspiration a:hover {
color: #7F1FAA;
background-color: transparent;
}

div.products {
position: absolute;
top: 305px;
left: 115px;
font-weight: bold;
background-color: transparent;
}

div.products a {
text-decoration: none;
color: #000000;
background-color: transparent;
}

div.products a:hover {
color: #7F1FAA;
background-color: transparent;
}

div.contact {
position: absolute;
top: 390px;
left: 123px;
font-weight: bold;
background-color: transparent;
}

div.contact a {
text-decoration: none;
color: #000000;
background-color: transparent;
}

div.contact a:hover {
color: #7F1FAA;
background-color: transparent;
}


div.resources {
position: absolute;
top: 345px;
left: 115px;
font-weight: bold;
background-color: transparent;
}

div.resources a {
text-decoration: none;
color: #000000;
background-color: transparent;
}

div.resources a:hover {
color: #7F1FAA;
background-color: transparent;
}


/*GLOBAL CLASSES-------------------------------------------*/

.logo {
float: left;
margin-left: 0px;
}

.linedotted {
border-bottom: 1px dotted #999999;
margin-bottom: 10px;
}

.smalltext {
font-size: 10px;
}

.quotationtext {
font-size: 14px;
font-style: italic;
font-family: Georgia, Times, "Times New Roman", serif;
margin-top: 30px;
}

.quotationauthor {
font-size: 11px;
font-style: italic;
font-family: Georgia, Times, "Times New Roman", serif;
margin-left: 85%;
} 

.quotespace {
padding-bottom: 100px;
}

div.footer, div.footer a {
margin-top: 30px;
padding-bottom: 30px;
padding-top: 30px;
padding-right: 20px;
text-align: right;
font-size: 11px;
}


/*HTML TAGS-----------------------------------------------------*/

body {
color: #000000;
font-size: 12px;
font-family: verdana, helvetica, arial, sans-serif;
background: white url(../images/background.jpg) no-repeat scroll;
margin: 0;
padding-right: 10px;
}

h2 {
font-size: 16px;
font-weight: bold;
}

h3 {
font-size: 14px;
font-weight: bold;
}

a, a:active, a:visited {
color: #7F1FAA;
font-size: 12px;
background-color: transparent;
}

a:hover {
text-decoration: none;
}

h3 a, h3 a:active, h3 a:visited {
font-size: 14px;
font-weight: bold;
}

h3 a:hover {
text-decoration: none;
}

p.smalltext a, p.smalltext a:active, p.smalltext a:visited {
font-size: 10px;
}

p.smalltext a:hover {
text-decoration: none;
}

/*FOR REGISTRATION TABLES-----------------------------------------*/

tr.header {
color: #000000;
background-color: #CCCCCC;
font-weight: bold;
}

tr.details {
border-bottom: 1px solid #CCCCCC;
font-size: 10px;
}

td.box {
border-right: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
}