/* ---------------------------------------
	CSS Stylesheet for http://www.tarotacademy.co.uk
	All content copyright Nathan Littleton and Future Visions
--------------------------------------- */


/* ---------------------------------------
	STRUCTURE
--------------------------------------- */
html{
;
}

body{
font-family: Helvetica, Verdana, "Trebuchet MS", Tahoma, Serif;
background-color: white;
font-size: 8pt;
color: black;
text-align: center;
background: url('../images/bg.jpg') repeat-x top center ;
background-attachment: fixed;
background-color: #258fcd;
}

/* ---------------------------------------
	COMMON
--------------------------------------- */
*{
padding: 0;
margin: 0;
}

p,li{
line-height: 150%;
margin-bottom: 10px;
}

p{
margin-top: 5px;
}

ul{
margin: 0px;
margin-left: 20px;
margin-bottom: 20px;
}

li{
margin: 0px;
margin-left: 20px;
}

img{
border: none;
}
/* ---------------------------------------
	LINKS
--------------------------------------- */
a:link{
color: darkblue;
text-decoration: none;
}

a:active{
color: darkblue;
text-decoration: none;
}

a:visited{
color: darkblue;
text-decoration: none;
}

a:hover{
color: darkblue;
text-decoration: underline;
}

/* ---------------------------------------
	HEADINGS
--------------------------------------- */
h1{
;
}

h2{
margin-bottom: 10px;
}

h3{
;
}


/* ---------------------------------------
	TABLES
--------------------------------------- */
table{
width: 100%;
}

tr{
;
}

td{
padding: 6px;
}

/* ---------------------------------------
	FORMS
--------------------------------------- */
form.contact{
color: black;
padding: 0px;
padding-left: 0px;
}

form.contact label{ 
display: block;
float: left; 
width: 100px; 
padding: 0px; 
margin: 3px 8px 0px 0px;
text-align: right; 
}

input.contact,select.contact,textarea.contact{
width: 220px;
background-color: white;
border: 1px solid gray;
color: black;
padding: 3px;
font-size: 9pt;
}

input.contactcheck{
width: 15px;
font-size: 8pt;
margin-right: 5px;
background-color: white;
border: 1px solid gray;
padding: 2px;
}

input.contact[type="submit"]{
width: 100px;
font-size: 8pt;
}

select.contact{
width: 226px;
}



/* ---------------------------------------
	FIXED CONTENT AREA
--------------------------------------- */
#holdbox{
display: hidden;
width: 780px;
margin-left: auto;
margin-right: auto;
}

/* ---------------------------------------
	CONTENT
--------------------------------------- */
#content{
background-image: url('../images/content.png');
background-repeat: no-repeat;
background-color: white;
text-align: left;
padding: 40px 50px 20px 50px;
font-size: 1em;
}

.highlightbox{
width: 80%;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
padding: 20px 30px 20px 30px;
color: white;
font-weight: bold;
background-image: url('../images/mission-grad.png');
}

.highlightbox h2{
text-align: center;
margin-bottom: 10px;
}

.t1{
display: block;
padding: 10px;
font-style: italic;
background-color: #77BECF;
}

.t2{
display: block;
padding: 10px;
font-style: italic;
background-color: #dcdcdc;
}

#wwdbox{
margin-bottom: 30px;
}

.resources-icon{
float: left;
margin-right: 15px;
margin-bottom: 5px;
}

#meetup-box{
margin-bottom: 25px;
}

#picture-column{
width: 250px;
padding-left: 15px;
float:  right;
}

/* ---------------------------------------
	FOOTER
--------------------------------------- */
#footer{
background-image: url('../images/footer.png');
background-repeat: no-repeat;
height: 52px;
margin-top: -15px;
margin-bottom: 30px;
font-size: 0.8em;
text-align: center;
}