/* CSS Kansas Historic Theatre Association */



/* Top Elements */
* { margin: 0; padding: 0; outline: 0 }

body {
	background: #666666 url(images_common/BG.jpg) no-repeat center top;
	text-align: center;
	margin: 0 auto;
	padding: 0;
}


/* links */
a:link   { color: #000099; text-decoration: none }
a:visited       { color: #000099; text-decoration: none }
a:hover      { color: #001c27; text-decoration: underline }
a:visited:hover   { color: #001c27; text-decoration: none }
a:active    { color: #000099; text-decoration: none }

/* headers */
h1, h2, h3, h4 {
	font-family: 'Trebuchet MS', Geneva, Verdana, sans-serif;
	text-align: left;
	letter-spacing: 2px;
	font-weight: Bold; 		
	color: #001c27;	
}
h1 {
	font-size: 2.0em;
	text-align: left;
	line-height: 1.6em;		
}
h2 {
	font-size: 1.8em;
	text-align: left;
	line-height: 1.6em;
}
h3 {
	font-size: 1.6em;
	text-align: left;
	line-height: 1.5em;
	font-weight: bold;
}
h4 {
	font-size: 1.2em;
	text-align: left;
	line-height: 1.75em;
}



/* Paragraph */
p { 	
    font-family: 'Trebuchet MS', Geneva, Verdana, sans-serif;
	font-size: 1.0em;
	color: #333333; 
	text-align: left;
	line-height: 1.6em;
}

p a {
	color : #000099;
	font-weight: normal;
}
p a:hover {
	color : #0000CC;
}

.core { 	
    font-family: 'Trebuchet MS', Geneva, Verdana, sans-serif;
	font-size: 1.0em;
	color: #333333; 
	text-align: left;
	line-height: 1.25em;
	margin: 50px 50px 0 0;
}


.core p { 	
    font-family: 'Trebuchet MS', Geneva, Verdana, sans-serif;
	font-size: 1.0em;
	color: #333333; 
	text-align: left;
	line-height: 1.25em;
}

.core p a {
	color : #000099;
	font-weight: normal;
}
.core p a:hover {
	color : #0000CC;
}



/* image containers */

/* image containers */

#imageleft {float: left; margin: 0; padding: 0 10px 0 0;}

#imageright {float: right; margin: 0; padding: 0 0 0 10px;}

.imageleft {float: left; margin: 0; padding: 0 10px 0 0;}

.imageright {float: right; margin: 0; padding: 0 0 0 10px;}



img {
	border: none;
}


/* image container for the info area page banners*/


.banner {
	float: left;
	margin: 0 20px 0 0px;
}



/* Site Wrapper */

#wrapper {
	width: 1000px;
	height: auto;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	background-color: #888;
	/* background: #888 url(images_common/content_1000x20.jpg) repeat-y; */
}


#header {
	float: left;
	width: 1000px;
	height: auto;
	background-color: #333333;	
	padding: 0;	
	margin: 0;	
}



/* Page content including navigation */

#page {
	width: 1000px;
	height: auto;
	margin: 0;
	padding: 0;
	background: #888 url(images_common/content_1000x20.jpg) repeat-y; 
}


/* Content */

#content {
	float: right;
	width:715px;
	height: auto;
	margin: 0;
	padding: 0;

}

/* Navigation Side Info Shell */

#info_shell {
	float: left;
	width:260px;
	height: auto;
	background-color: #000;
}

/* Fence */

.fence {
	float: left;
	width: 225px;
	height: auto;
	padding: 0 30px 30px 30px;
}

/* Sidebar */

/* ---------------------------------------- Sidebar - Used for the search and menu areas ---------------------------- */

#sidebar {
	float: left;
	width: 285px;
	height: auto;
	margin: 0;
	padding: 0 0 0 0;
	font-family: 'Trebuchet MS', Geneva, Verdana, sans-serif;
	font-size: .75em;
	text-align: left;
	line-height: 1.5em;
	/* background: #FFF url(images_common/camera_260x360.jpg) no-repeat center top; */
	/* background: #888 url(images_common/columnBG_260x20.jpg) repeat-y; */
}

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

#sidebar li {
}

#sidebar li ul {
	padding: 20px;
}

#sidebar li li {
	margin: 0;
	padding: 5px 0;
	background: url(images/img06.gif) repeat-x left bottom;
}

#sidebar h2 {
	margin: 0;
	padding: 10px;
	background: #111111;
	border-top: 1px solid #23282E;
	border-bottom: 1px solid #23282E;
	font-size: 100%;
	font-weight: bold;
	color: #000;
}

#sidebar h3 {
	margin: 0;
}

#sidebar p {
	margin: 0;
}

#sidebar a {
	text-decoration: none;
		color: #FFF;
}

#sidebar a:hover {
	text-decoration: underline;
			color: #444;
}


/* navigation */

#uppernav {
	float: left;
	height: 75px;
	width: 1000px;
	color: none;
	padding: 0;
}


#navigation {
	float: left;
	width: 285px;
	background: url(images_common/columnBG_260x20.jpg) repeat-y;
	font: bold 1em "Trebuchet MS",sans-serif;
	color: #444;
	text-align: left;
	background-color: none;
	margin: 0;
	padding: 0 0 0 0;
}


.navigation h2 {
	color: #FFF;
	font: bold 1em "Trebuchet MS",sans-serif;
	line-height: 24px;
	margin: 0;

}

.navigation h2 a{
	color: #5A5A43;
	font: bold 1em "Trebuchet MS",sans-serif;
	line-height: 24px;
	text-decoration:none;
	margin: 0;

}

.navigation h2 a:hover{
	color: #5A5A43;
	font: bold 1em "Trebuchet MS",sans-serif;
	line-height: 24px;
		text-decoration:underline;
		display: block;
		background: #F0F0EB;
	    color: #654;	
	margin: 0;

}
.navigation ul {
	padding: 0;
	border-top: 1px solid #EAEADA;
}
.navigation li {border-bottom: 1px solid #EAEADA;}
.navigation li a {
	font-size: 1em;
	color: #554;
	display: block;
	padding: 8px 0 8px 5%;
	text-decoration: none;
	width: 95%;
}
.navigation li a:hover {
	background: #F0F0EB;
	color: #654;	
}

.justifycenter {
text-align: justify;
}

/* footer - also can be used to height control the site so the broswer scroll bar always appears - hence, no page jump */

#footer {
	width: 1000px;
	background-color: #666;
	height: 200px;
	margin: 0 auto;
	padding: 0;
	font-family: 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;
	font-size: 0.75em;
	text-align: center;
}

.footer {

	color: #F7F7F2;
	font-family: 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;
	font-size: 0.75em;
	text-align: center;
	margin-top: 5px;
	padding: 10px 12px;
}
.footer a {
	color: #F7F7F2;
	text-decoration: none;
}
.footer a:hover {color: #FFC;}


#filler {
height: 100px;
margin: 0 0 0 0:
padding: 0;
}

/* clear the floats */
#clear {clear:both;}
.clear {clear:both;}
.clearleft {clear:left;}
.clearright {clear:right;}