/*

main.css

This stylesheet provides the styles that are relevant to all pages of the
Lapidary School Website

referenced at the top of all style cascades

(c) William Holland Retreat, INC. 2009

*/


/* general style rules that apply to actual xhtml tags */
html, body, address, applet, a, blockquote, br, b, caption, center, cite, code, div, em, input, i, kbd, link, li, meta, ol, pre, p, samp, script, select, option, small, style, sub, font, form, table, h1, h2, h3, h4, h5, h6, head, textarea, th, title, tr, tt, hr, var, img {
 border:  0;
 padding: 0;
 margin:  0;
}

body {    
 background: #A2A2A2;
 color:#000;
 font-family: Arial, sans-serif;
 padding:5px;
}

body div{
 width:100%;
}

body div div{
 margin:0;
}

.hbar,
.address .copy {
	color:#000;
	background:#FF0000;
	border: 1px solid #000;
	width: 100%;
	float: left;
        min-width:640px;
        line-height: 1.3em;
}

.hbar a,
.hbar a:visited,
.hbar a:active {
	padding: 0px 4px;
	text-transform: lowercase;
	font-variant: small-caps;
	color:#000;
	text-decoration: none;
	float: left;
}

.hbar a:hover {
	font-weight: bold;
	color:#FFF;
        padding: 0px 0px;
}

.hbar a:before {
	content:'[';
}

.hbar a:after {
	content:']';
}

.rightaligned {
	float: right;
}

.masthead img {
	border: 1px solid #000;
	width: 100%;
	height: 1in;
	float: left;
        min-width:640px;
}

/* the big box that contains the page content */
.content {
 float:left;
 padding-top:10px;
 padding-bottom:10px;
}

/* class definitions for the smaller container boxes */

.contentbox{
 border:0;
 background: transparent;
 float:left;
 margin:8px 0px;
 margin-bottom: 8px;
 width: 4in;
 height: auto;
}

.topbar {
 float:left;
 margin:0;
 border: 2px solid #000;
 border-right:0;
 border-bottom:0;
 margin-bottom: -2px;
 padding: 0;
 background: #FF0000;
 color: #000;
 line-height: 1em;
 width: 95%;
 height: 1.5em;
 text-align: left;
 text-transform: lowercase;
 font-variant: small-caps;
}

.contentbox .topbar .title {
 padding: 0 8px;
 float:left;
}

.contentbox .corner {
 border: 0;
 margin: 0;
 padding: 0;
 float: left;
 height: 1.5em;
 width: 4.3%;
}

.innerbox{
 padding: 0;
 border: 2px solid #000;
 float: left;
 color:#000;
 background: #FFF;
 width: 99%;
}

.innerbox .inset{
 display: block;
 float: left;
 padding: 8px;
 height: auto;
 width:  auto;
}

/* this is the style for the address box at the bottom of the page */
.address{
 float: left;
 margin:0;
 border:0;
 padding:0;
 width:100%;
}

.address .hbar {
 font-style: normal;
}

.address .copy {
 color: #000;
 background: #E4E4E4;
}