/* CSS Document */
/* STEP2LA.com 2009 */

html { height:100%; }

body { 
	height:100%;
	font-family:Arial, sans-serif;
	font-size:75%;
	background-color:#ffd;
	color:#111;
	margin:0px;
	padding:0px;
	}
	
p { margin:10px 5px 5px 15px; }

h1 { font-size:22px; color:#222; padding:0px; margin:5px 5px 5px 10px; }

h2 { font-size:20px; color:#333; padding:0px; margin:5px 5px 5px 10px; }

h3 { font-size:18px; color:#444; padding:0px; margin:5px 5px 5px 10px; }

h4 { font-size:16px; color:#555; padding:0px; margin:10px 5px 5px 10px; }

h5 { font-size:14px; color:#666; padding:0px; margin:5px 5px 5px 10px; }

a { color:#360; font-weight:bold; text-decoration:underline; }

a:hover { color:#eee !important; background-color:#360; }

a img { border:0px #fff solid; }

/* Browser Specific Styles */
* html body { font-size:90% !important; } /* For IE, with IE5/Mac backslash filter */

/* General Classes */
.left { float:left; }

.right { float:right; }

.clear_both { clear:both; }

.separator { width:575px; color:#000066; text-align:center; }

/* Site Layout and Structure */
#float_shell {
	position:relative;
	min-height:91%;
	width:750px;
	margin:0px auto 0px auto;
	padding:0px;
	background-color:#fff; 
}

* html #float_shell { height:100%; }

#top {
	width:750px;
	height:150px;
	color:#fff;
	margin:0px;
	background:#fff url(../graphics/step-logo.jpg) top center no-repeat; 
}

#menu {
	float: center;
	height:40px;
	color:#fff;
	margin:5px 0px 0px 0px;
	padding: 12px 0px 0px 282px;
	background:#fff url(../graphics/divider.jpg) top center no-repeat;
	/* border:1px solid #000; For Testing Only */ 
}

.tab {
width:92px;
border:2px dashed #330;
color:#330;
text-decoration:underline;
text-align:center;
font-size:12px;
margin:0px;
font-weight:700; }

.tab a {
font-weight:700;
color:#360; }

.tab a:hover { color:#eee; background-color:#360; }

.link {
width:92px;
height:auto;
background-color:#fff;
float:left; }

#content { 
width:750px;
color:#111;
background-color:#fff;
text-align:justify;
float:left;
/*border:3px solid #000;  For Testing Only */ }

/* Calendar & Content */

#colmask {
position:relative;
min-height:78%;
width:100%;
margin:0px auto 0px auto;
padding:0px;
background-color:#fff; }

* html #colmask { height:100%; }

#calendar { 
width:32%;
padding:1%;
float:left;
/* border:1px solid #000; For Testing Only */ }

#col2 { 
width:64%;
padding:1%;
color:#111;
background-color:#fff;
text-align:justify;
float:left;
/* border:1px solid #000; For Testing Only */ }

/* Contact Form */

#left { width: 600px; float: left; margin-left: 25px; display: inline; }
	#left img { float: left; margin: 5px 20px 2px 0; padding: 3px; border: 1px solid #ccc; }
	#left form { padding-left: 20px; }
	#left label { float: left; display: block; clear: both; padding: 3px 0; color: #666; font-weight: normal; width: 150px; }
		#left .lcurrent { font-weight: bold; }
	#left label img { vertical-align: middle; }
	#left input.text, textarea, select { float: left; margin: 0 0px 5px 0; padding: 5px; width: 350px; border: 1px solid #ccc; }
	#left textarea { height: 200px; }
	#left select { width: 366px; }
	#left input.radio {  }
		#left input:focus { border-color:#aaa; }
		#left textarea:focus { border-color: #aaa; }	
	.error { font-size: 10px; color: #666; margin: 0 0 10px 150px; display: none; }
	#left .submit { border: 0; background: #000; color: #fff; padding: 5px; float: left; margin-left: 150px; }

#contact-back { margin: 12px 40px 10px 0; float: right; }
#required { margin: 12px 40px 10px 100px; float:left; font-weight:bold; font-style:italic; }

.post-info { font-size: 11px; color: #999; }
.read-more { background: url(../graphics/link.gif) no-repeat center left; padding-left: 13px; font-size: 10px; }

/* Footer */

#footer_logo {
	width:750px;
	height:36px;
	color:#fff;
	margin:0px;
	background:#fff url(../graphics/footsteps-divider.jpg) center no-repeat; 
}

#footer {
	width:750px;
	margin:0px auto 0px auto;
	padding:5px 0px 10px 0px;
	color:#111;
	background-color:#fff;
	text-align:center; 
	}

#footer p { text-align:center; font-size:10px !important; }

#footer a:link, a:visited { color:#360; text-decoration:underline; }

#footer a:hover { color:#eee; background-color:#360 !important; text-decoration:underline; }

/* Calendar Info */

.nav {
	float: center;
	width: 13em;
	border: 2px #440 solid;
}
.nav a {
	display: block;
	position: relative;
	color: #360 !important;
	background-color: #ffd;
	margin-bottom: 0px;
	padding: 0px;
	text-decoration: none;
}
/* aiuta IE/Mac (rel lh) \*//*/
.linkinside {
	display: block;
}
/**/
.nav a:hover {
	color: #360;
	border-width: 0; /* IE */
}

#nav1 a .pop {
	display: block;
	color: #00aa00;
	background-color: #ffd;
	width: 11em;
	padding: 10px;
	border: 3px #440 solid;
	position: absolute;
	top: 0;
	left: 50px;
	z-index: 10; /* Saf */
	visibility: hidden;
}
#nav1 a:hover .pop {
	visibility: visible;
}

pre {
	margin: 0.8em 2em;
	padding: 0;
}

/* YouTube settings */
#youtube {
	margin: 0px 0px 0px 162.5px;
}