@charset "utf-8";

body  {	font-size: 100%; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0;	padding: 0;	text-align: center; }
h1 { font-size: 28px;}
h2 { font-size: 26px;}
h3 { font-size: 24px;}
h4 { font-size: 20px;}
h5 { font-size: 15px;}
h6 { font-size: 12px;}
p { font-size: 17px; line-height: 1.2;  }
ol, ul { font-size: 15px; line-height: 1.2; }

.cayoosh #container { width: 800px;  margin: 0 auto; border-left: 2px solid #999999; border-right: 2px solid #999999;	text-align: left; } 
.cayoosh #header {  width: 760px; height: 120px; background-image: url(images/headerck.gif); padding-right: 40px; clear: both; }
.cayoosh #headerstorytelling {  width: 760px; height: 120px; background-image: url(images/headerstorytelling.gif); padding-right: 40px; clear: both; }
.cayoosh #header img { border: none; }
.cayoosh #sidebar1 {
	float: left;
	width: 180px;
	padding-top: 15px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#sidebar1 form { padding-top: 20px; }
.cayoosh #mainContent { float: right; width: 580px; padding: 10px 5px 10px 20px;  } 
#columnleft { float: left; width:236px; padding-right: 10px; }
#columnright {float: left; width:330px; }
.imageborder {	border-width: 10px; border-style: solid; }
.cayoosh #footer { 	padding: 10px 10px; width: 780px; } 
.cayoosh #footer p { margin: 0; padding: 10px 0; }

/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */ float: right;	margin-left: 8px; /*8px*/ }
.fltlft { /* this class can be used to float an element left in your page */ float: left; margin-right: .8em; /*8px*/ }
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */	clear:both; height:0; font-size: 10px; /*1px*/ line-height: 0px; }
.floatleft { float: left;}
.floatright { float: right;}
.clearboth { clear: both;}
.clearright { clear: right;}
.clearleft { clear: left;}
.center { text-align: center;}
a:link { text-decoration: none;}     /* unvisited link */
a:visited {text-decoration: none;}  /* visited link */
a:hover {text-decoration: none;}   /* mouse over link */
a:active {text-decoration: none;}   /* selected link */
.cayoosh #container #mainContent a:link { text-decoration: underline; }   
.cayoosh #container #mainContent a:visited { text-decoration: underline; }   
.cayoosh #container #mainContent a:hover { text-decoration: underline; }   
.cayoosh #container #mainContent a:active { text-decoration: underline; }   

.drum { vertical-align: text-top; }
.floatRight { float: right;	margin: 5px 10px 20px 15px; }
img.floatRight { border-width: 2px; border-style: solid; }

.copydesign { text-align: center; }