/* This css file serves as a template for styling your kwicks.  Feel free to modify, but please make note of the comments - some of them are important. */

@media print {
.noprint {display:none !important;}
}

body {
	background: #fff url(../img/bg.gif) top left no-repeat;
	padding: 0px;
	margin: 10px 0 0 0;
	
	
}

html>body { *margin: 6px 0 0 0; }

a { color: #3f4d8f; text-decoration: none; }
a:hover { color: #3f4d8f; text-decoration: underline; }


body { _margin: 6px; }

hr { border: 0px; width: 100%; color: #999; background-color: #999; height: 1px; margin: 15px 0;}

.sidebox {
position: absolute;
top: 0px;
right: 0px;
background: #fff3da;
margin-left: 45%; 
height: 50px;
width: 550px;
padding-left: 10px;
padding-right:40px;
padding-top: 10px;
font: 8pt/12pt 'lucida grande', 'lucida sans unicode', helvetica, sans-serif;
	color: #444;
	z-index: 1;
}

.sidebox h4 {display: inline; text-transform: uppercase; font-size: 10pt; margin-right: 5px; margin-top: 4px;}


.container { width: 700px; margin: 0 auto;}

.fineprint {font: normal 7pt/12pt 'lucida grande', helvetica, arial, sans-serif;
color: #666; clear: both; margin: 10px auto 0 auto; padding: 10px 50px; background: #dbe1ff; }

.kwicks {
	/* recommended styles for kwicks ul container */
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;

}
.kwicks li{
	/* these are required, but the values are up to you (must be pixel) */
	width: 200px;
	height: 2500px;

	/*do not change these */
	display: block;
	overflow: hidden;
	padding: 0;  /* if you need padding, do so with an inner div (or implement your own box-model hack) */

}
.kwicks.horizontal li {
	/* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */
	margin-right: 0px; /*Set to same as spacing option. */	
	float: left;
}
.kwicks.vertical  li{
	/* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */
	margin-bottom: 5px; /*Set to same as spacing option. */	
}

#kwick_1 {
	background-color: white;
}
#kwick_1_colorblock {
	height: 200px;
	color: white;
	background: #00837e url('../img/welcome-bg.jpg') no-repeat top left;
	overflow: hidden;
}

#kwick_1_colorblock img {
	position: relative;
	top: 0px; 
	left: 0px;
	cursor: pointer;
}

#kwick_2 {
	background-color: white;
}

#kwick_2_colorblock {
	height: 200px;
	color: white;
	background: #3f4d8f url('../img/schedule-bg.jpg') no-repeat top left;
	overflow: hidden;
}

#kwick_2_colorblock img {
	position: relative;
	top: 0px; 
	left: 0px;
	cursor: pointer;
}


#kwick_3 {
	background-color: #fff;
}

#kwick_3_colorblock {
	height: 200px;
	color: white;
	background: #b28634 url('../img/contact-bg2.jpg') no-repeat top left;
	overflow: hidden;
}

#kwick_3_colorblock img {
	position: relative;
	top: 0px; 
	left: 0px;
	cursor: pointer;
}


#kwick_4 {
	background-color: #fff;
}

#kwick_4_colorblock {
	height: 200px;
	color: white;
	background: #00837e url('../img/links-bg.jpg') no-repeat top left;
	overflow: hidden;
}

#kwick_4_colorblock img {
	position: relative;
	top: 0px; 
	left: 0px;
	cursor: pointer;
}



.kwicks.horizontal #kwick_3 {
	margin-right: none; /* cancel margin on last kiwck (if you set a margin above) */
}
.kwicks.vertical #kwick_3 {
	margin-bottom: none; /* cancel margin on last kiwck (if you set a margin above) */
}


.content  { 
	margin: 30px 0 0 50px;
	width: 500px;
	overflow: hidden;
		font: .8em/1.5em 'lucida grande', 'lucida sans unicode', helvetica, sans-serif;
	color: #444;
	
}

/*typography*/
.schedule-block h4 { color: #3f4d8f; margin-bottom: 10px; margin-top: 0px; text-transform: uppercase; font-size: 1.25em;} 

table td{ vertical-align: top; }

.schedule-block {
padding: 15px;
background: #fff3da;
margin-bottom: 10px;
margin-top: 10px;
}