html {
	overflow:-moz-scrollbars-vertical;
	background:#f4f9ff url("../images/leftgrad.png") repeat-y top left;
	}

html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	font-family: "Verdana", "Tahoma", "Arial", "Helvetica", sans-serif;
	font-size:small;
	color:#000;
	}

div#container {
	padding:0;
	margin:0;
	min-height:100%; /* real browsers */
	background:transparent url("../images/watermark.png") no-repeat fixed bottom right;
	}

* html div#container {
	height:100%; /* this hack used for IE because IE uses height the same way Gecko uses min-height */
	}

/************************************************
***
***         HEADER
***
************************************************/
div#header {
	height:135px;
	background:transparent url("../images/quilting.png") no-repeat top right;
	}

div#header img {
	float:left;
	border:0;
	padding:5px 1em 5px 5px;
	}

div#header h1 {
	font-family: "Trebuchet MS", "Tahoma", "Arial", "Helvetica", sans-serif;
	font-size:200%;
	margin:0;
	padding:1em 0 0 0;
	color:#0648ee;
	}

div#header p {
	margin:0;
	padding:0;
	font-size:110%;
	}
	
/************************************************
***
***         END HEADER
***
************************************************/

/************************************************
***
***         NAVIGATION
***
************************************************/
div#nav {
	float:left;
	width:165px;
	}

div#nav ul {
	list-style:none;
	padding:0;
	margin:0;
	}

div#nav ul li {
	padding:0;
	margin:6px 0 0 0;
	display:block;
	text-align:center;
	background-color:#f4f9ff; /*very pale blue*/
	}

* html div#nav ul li {
	margin:0;
	}

div#nav a {
	display:block;
	padding:0.5em;
	color:#000;
	background-color:#b3c9ff;/*mid blue*/
	text-decoration:none;
	}

div#nav a:hover, div#nav a:active {
	background-color:#f4f9ff; /*very pale blue*/
	}

div#nav ul li.active {
	display:block;
	padding:0.5em;
	color:#2b387c;
	background-color:#f4f9ff; /*very pale blue*/
	text-decoration:none;
	}

/************************************************
***
***         END NAVIGATION
***
************************************************/

/************************************************
***
***         SIDEBAR
***
************************************************/
div#sidebar {
	float:right;
	width:25%;
	margin:0;
	padding:0 2% 1em 0;
	}

div.sidebar_section {
	border-left:1px solid #b3c9ff;/*mid blue*/
	margin:0 0 2em 1.5em;
	padding:0 0 0.75em 0;
	}

div#sidebar p {
	margin:0;
	padding:0 0 0 1em;
	font-size:85%;
	line-height:1.5;
	}

div#sidebar h3 {
	margin:0;
	padding:0.5em 0 0.5em 0.5em;
	font-family: "Trebuchet MS", "Tahoma", "Arial", "Helvetica", sans-serif;
	font-size:110%;
	font-weight:bold;
	color:#000;/*black*/
	background:#b3c9ff;/*mid blue*/
	/*background:transparent url('images/leftgrad2.png') repeat-y top left;*/
	}

p.workshop span {
	font-style:italic;
	}

/************************************************
***
***         END SIDEBAR
***
************************************************/

/************************************************
***
***         CONTENT
***
************************************************/
div#content {
	margin:0 0 1em 3em;
	padding:0 27% 3em 165px;
	}

div#content h2 {
	font-family: "Trebuchet MS", "Tahoma", "Arial", "Helvetica", sans-serif;
	font-size:175%;
	margin:0;
	padding:0;
	color:#0648ee;/*royal blue*/
	}

div#content h3 {
	margin:0;
	padding:0.75em 0 0 0;
	font-family: "Trebuchet MS", "Tahoma", "Arial", "Helvetica", sans-serif;
	font-size:115%;
	font-weight:bold;
	color:#000;/*black*/
	/*background:transparent url('images/leftgrad2.png') repeat-y top left;*/
	}

div#content p {
	line-height:1.5;
	margin:0;
	}

div#content a, div#sidebar a {
	text-decoration:underline;
	color:#0648ee;/*royal blue*/
	}

div#content a:hover, div#sidebar a:hover {
	text-decoration:none;
	color:#000;
	}

div.hp_section {
	float:left;
	width:100%;
	margin:0 0 1em 0;
	}

div.hp_section p {
	padding:0 0.5em 0 0;
	}

div.hp_section p img {
	padding:1px;
	margin:0 5px 0 0;
	border:0px solid #0648ee;/*royal blue*/
	vertical-align:middle;
	}

div.news_item {
	border-left:10px solid #b3c9ff;/*mid blue*/
	padding-left:3px;
	margin:1.5em 0 0 0;
	}

* html div.news_item {
	padding:0 0 1em 3px;
	}

div.news_item p {
	margin:0;
	padding:0;
	}

span.news_date {
	color:#555; /*mid-grey*/
	font-size:80%;
	}

span.news_title {
	font-weight:bold;
	margin-bottom:0;
	}

div.news_desc {
	margin:0;
	padding:0;
	font-size:90%;
	}

p.return {
	padding:5em 0 0 0;
	}

dl {
	margin:0 0 1.5em 0;
	}

dt {
	font-size:120%;
	font-weight:bold;
	margin:1em 0 0 0;
	padding:0;
	}

dd {
	font-size:100%;
	font-weight:normal;
	margin:0 0 0.5em 1.5em;
	padding:0;
	}

p.red {
	color:red;
	font-weight:bold;
	}

span.image_name {
	font-size:70%;
	color:#888;
	}

div.thumbwrapper {
	width:160px;
	height:160px;
	background-color:#f4f9ff;
	float:left;
	text-align:center;
	padding:3px;
	margin:3px;
	}

/***************************
   FORM
***************************/
.wideInput {
	width:450px;
	}
/***************************
   END FORM
***************************/


/************************************************
***
***         END CONTENT
***
************************************************/

/************************************************
***
***         FOOTER
***
************************************************/
div#footer_buffer {
	clear:both;
	height:12em;
	/* The height of this div must match the height of the top margin in div#footer */
	/* and should also be roughly the same height of div#footer */
	}

div#footer {
	width:700px;
	margin:-12em auto 0 auto;
	padding:0;
	border-top:3px double #b3c9ff;/*mid blue*/
	}

div#footer p {
	padding:1em 0 0.5em;
	margin:0;
	text-align:center;
	}

div#footer p.copyright, .small {
	font-size:75%;
	}

div#footer a {
	text-decoration:underline;
	color:#0648ee;/*royal blue*/
	}

div#footer a:hover {
	text-decoration:none;
	color:#000;
	}

/************************************************
***
***         END FOOTER
***
************************************************/


/************************************************
***
***         HIGHSLIDE JS IMAGE GALLERY
***
************************************************/
.highslide {
	cursor: url(highslide/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide img {
	border: 2px solid #b3c9ff;/*mid blue*/
}
.highslide:hover img {
	border: 2px solid #0648ee;/*royal blue*/
}

.highslide-wrapper {
	background: white;
}
.highslide-image {
    border: 2px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    
    border: 2px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

a.highslide-full-expand {
	background: url(highslide/graphics/fullexpand.gif) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
}

/* These must always be last */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}

/************************************************
***
***        END HIGHSLIDE JS IMAGE GALLERY
***
************************************************/