@charset "utf-8";
/* CSS Document */

body, h1, h2, h3,h4, h5, h6, p {padding: 0; margin: 0;}

body {
	font: 100% Georgia, "Times New Roman", Times, serif;
	text-align: center;
	line-height: 1.3;
	color: #000000; background: #FFFFCC url(../images/body_bg.gif) repeat;
}
h1, h2, h3 {
	color:#003300;
	background-color: transparent;
	padding: 10px 25px;
}
h1 {font-size: 2em;}
h2 {font-size: 1.25em; font-style: italic;}
	
h4 {
	text-align: center;
	font-size: 1.2em;
	padding: 10px 0;}
ul {font-family:Arial, Helvetica, sans-serif;}

#container {
	width: 770px;  
	background: #FFFFFF;
	margin: 15px auto;
	border: 1px solid #000000;
	text-align: left;
}

/****** Header ******/
#header {
	background: #DDDDDD;
	padding: 0 10px 0 20px; 
	color: #006600;
	background-color: #fff;
	border-bottom: 25px solid #006600;
}
#header p#tag {
	text-align: right;
	font: bold italic .85em "Times New Roman", Times, serif;}
	
/***** Main Content *****/
#content_main {
	padding: 0 10px; 
	background: #FFFFFF;
	font-size: .75em;}
#content_main p {padding: 10px 0; }
.crumbs {text-align: center;}
.crumbs2 {font: .75em Arial, Helvetica, sans-serif;	text-align: center;}
.smtxt_rt {font: normal .75em Arial, Helvetica, sans-serif; margin-left: 50px;;}
.smtxt {font-size: .75em; font-weight: normal;}
	 
/****** Boxes ******/
.workshop {
	clear: both;
	margin: 15px 0 45px 0;
	padding: 10px 10px 0 10px;
	text-align: left;
	color: #000; background-color: #ffffcc;}
.workshop h2 {
	padding: 5px 25px;
	color: #006600; background-color: transparent;
	font-size: 1.35em;}
.workshop h2 span.when {
	position: relative;
	font-size: .8em;
	font-weight: normal;}
.info {
	margin: 15px 15px 25px 15px;}
.box,.box1, .box2{
	border: 1px solid #006600;
	padding: 5px;
	background-color: #fff;}
.box {width: 100%;}
.box1, .box2 {
	overflow: scroll;
	width: 48%; 
	height: 300px;}
.about1, .about2 {
	border: 1px solid #006600;
	width: 48%; 
	padding: 5px;
	background-color: #fff;}
.box h2, .box h3,
.box1 h2, .box2 h2, .box1 h3, .box2 h3,
.about1 h2, .about2 h2{
	font-size: 1.1em;
	padding: 5px 0;
	color: #FFFFCC; background-color: #006600;
	text-align: center;}
.box1, .about1 {float: right;}
.goto {
	text-align: right; 
	margin: 10px 25px;}
.clears {clear: both;}
.strike { text-decoration: line-through;}
/***** Footer *****/
#footer {
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	clear: both;
	border-top: 25px solid #006600;
	margin-top: 15px;
	font: .7em Arial, Helvetica, sans-serif;
}
#footer p {padding: 3px 0; }
	
	
/***** Navigation *****/
a { text-decoration: none; }
#nav {
	width: 240px;
	float: right;
	padding: .2em 0;
}
#nav ul {padding: 0; margin: 5px;}
#nav ul li {
	line-height: 1.6;
	list-style-type: none;
}
#nav a:link, #nav a:visited {
	font: bold .8em "Times New Roman", Times, serif;
	padding-left: 20px;
	color: #006600;
	background: transparent url(../images/magnify.gif) no-repeat left;
}
#nav a:hover, #nav a:focus {
	font: bold .9em "Times New Roman", Times, serif;
	color: #660000; 	
	padding-left: 25px;
	background: url(../images/magnify2.gif) no-repeat left;
}
	
/****** images ******/	
img { border: none; }
.fltrt {float: right; padding: 5px 3px 3px 5px;}
.fltlt {float: left; padding: 5px 15px;}
img#arrow {padding-right: 3em;}
.star { background: url(../images/star.gif) no-repeat; height: 40px; padding-left:80px;}

/**** tables *****/
table.workshop {border-collapse: collapse; width: 90%; margin: 10px 0 10px 5%;}
table.register{width: 60%; margin: 10px auto;}
table.workshop caption, table.register caption {font-size: 1.5em;font-weight: bold;}
table.workshop th {text-align: center;}
table td {vertical-align: top; padding: 3px 8px; width: 50%;}

/************* Use tags when workshop is closed */
.strike {
	color: #999999;
	text-decoration: line-through;
}

.closed#first {
	position: absolute;
	width: 200px;
	top: 304px;
	left: 586px;
}
.closed#second {
	position: absolute;
	width: 200px;
	top: 304px; /*change to move to workshop2 */
	left: 586px;
}
.closed#third {
	position: absolute;
	width: 200px;
	top: 304px;/*change to move to workshop3 */
	left: 586px;
}

/********* Registration form */
fieldset{
	border: 1px solid #ccc;
	padding: 8px;
	width: 600px;
	background-color:#FFFFCC;
	margin: 25px auto;
	}
form dt{
	float: left;
	width: 120px;
	font-size: .9em;
	clear: both;
	padding-top: 12px;
	margin-left: 35px;}	
form dd {
	margin: 0;
	font-size: .8em;
	padding-top: 8px;}

legend {
	padding: 3px 6px;
	font-size: 130%;
	font-weight: bold;
	}
.register p{
	margin: 5px 0 0 25px;
}

.register label{
	font-weight: bold;
	float: left;
	margin-left: 25px; /*width of left column*/
	width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.register textarea{
width: 250px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}