/*
	Title:      Base CSS rules for KCSQP web-site
	Author:     Byron Hester, 
	Updated:    Sunday; January 20, 2008
*/

/********************************************
   HTML ELEMENTS
********************************************/ 

/* top elements */
* { padding: 0; margin: 0; }

body 
{
    font-family:Arial;
    background-color:#EBDABF;
    margin: 0; 	padding: 0;
	font: normal .70em/1.6em Verdana, 'Trebuchet MS', Tahoma, sans-serif;
	color: #0E1A2D;
	/* text-align: center;*/
}

/* links */
a:link, a:visited {
	color:#77791E; 
	background-color: inherit;
	text-decoration: none;	
}
a:hover {
	background-color: inherit;
	text-decoration: underline;
	color:#756D5F; 
}
a.current { font-weight:bold; }
/* headers */
h1, h2, h3 {
	font: normal 1em Georgia, "Times New Roman", Times, serif;
	color:#111;
	letter-spacing:-1px;
}
h1 { font-size: 2.2em; } 

#header-wrap a { cursor:pointer;}
h1.logo 
{
    background:url('/images/logo_kcsqp1.png') no-repeat top; width:765px; height:88px; margin:15px 0 10px 0;
    /* background-image:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/logo_kcsqp.png'),sizingMethod='scale');
    * margin: 15px auto; */
   
}

h1.logo span { display:none;}
h2.onDemand { background:url(../images/kcOnDemandLogo.gif) no-repeat top; width:141; height:33px; margin:5px 10px; }
h2.onDemand span { display:none;}

h2 { font-size: 1.8em; color:#C34E23; }
h3 { font-size: 1.4em; color:#7D7F22; letter-spacing: 0px; font-weight:bold; font-style:italic;}

h1 span, h2 span, h2 span { display:block; }

p, h1, h2, h3 {
	margin: 10px 15px;
	padding: 0;
}

/*h2 
{
    margin: 0 15px 10px 15px;
	padding: 0;
}
*/
h3.pageHeaders 
{
    margin: 10px 15px;
}

ul, ol {
	margin: 10px 30px;
	padding: 0 15px;
	list-style-type:none;	
}

ul.contributeList
{
	margin: 10px 5px;
	padding: 0 15px;
	list-style-type:none;	
}
ul.pageList
{
    
    list-style-image:url(../images/note.gif);
}
ul.pageList li { margin-top:5px;}
#sideNav ul {margin: 10px 15px;
	padding: 0}
#sideNav ul {}

ul li.linkHeaders { font-weight:bold; font-size:12px; margin:0 0 3px -5px; color:#C34E23; }
	
/* images */
img {
	border: 1px solid #DADADA;
	background-color:#fff;
	padding:5px;

}
img.no-border {
	border: none;
}
img.no-borderMac {
	border: none;
	padding: 0;
}
img.float-right {
  margin: 5px 0px 5px 15px;  
}
img.float-left {
  margin: 5px 15px 5px 0px;
}

/* start - table */
table {
	border-collapse: collapse;
	margin: 15px;	
}
th strong {
	color: #FFF;
}
th {
	background: #57501D/*#882D2D*/;
	height: 29px;
	padding-left: 12px;
	padding-right: 12px;
	color: #FFF;
	text-align: left;
	border-left: 1px solid #EDC9C9;
	border-bottom: 1px solid #FFF;
}
tr {
	height: 30px;
	background: #F3F3F3;
}
td {
	padding-left: 11px;
	padding-right: 11px;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
/* end - table */

/* form elements */
form {
	margin: 15px;
	padding: 0;
	border: 1px solid #DADADA; 
	background: #EBDABF;	
}
label {
	display:block;
	font-weight:bold;
	margin:5px 0;
}
input {
	padding: 2px;
	border: 1px solid #EFEFEF;
	font: normal 1em Verdana, 'Trebuchet MS', Tahoma, sans-serif;	
	color: #666666;
}
textarea {
	width: 320px;
	padding:2px;
	border: 1px solid #EFEFEF;
	font: normal 1em Verdana, 'Trebuchet MS', Tahoma, sans-serif;
	height:70px;
	display:block;		
	color: #666666;
}
input.button { 
	margin: 0 0 0 270px; 
	font: bold 1em Arial, Sans-serif; 
	border: 1px solid #EFEFEF;
	padding: 2px 3px; 	
	background: #F1F0E4;
}

/***********************
	  LAYOUT
************************/
#main-wrap 
{
    position:relative;
    margin:0 auto;
    width:990px;
}

#page-wrap 
{
    float:left;
    width:990px;
    background-image:url(../images/pageBG.jpg);
    background-position:top;
    background-repeat:repeat-y;
}


#grain-wrap
{
    float:left;
    width:955px;
    display:inline;
    margin:0 17px 0 18px;
    background-image:url(../images/grainBG.jpg);
    background-position:top;
    background-repeat:repeat-y;
}
#box3
{
    float:left;
    width:955px; 
}
.homeBG, .missionBG, .historyBG, .staffBG, .yourSchoolBG,
.concertsBG, .infoBG, .facultyBG, .applyOnlineBG,
.youCanBG, .contributorsBG, .receiveMailingsBG, .getBrochureBG
{ background-position:top; background-repeat:no-repeat; }
.boardMembers { margin:0 15px;}
.homeBG {background-image:url(../images/pgBG_homepg.jpg);}

.missionBG {background-image:url(../images/pgBG_aboutUs.jpg); }
.historyBG {background-image:url(../images/pgBG_aboutUs.jpg);}
.staffBG {background-image:url(../images/pgBG_aboutUs.jpg);}
.yourSchoolBG {background-image:url(../images/pgBG_aboutUs.jpg);}

.concertsBG {background-image:url(../images/pgBG_camp08.jpg);}
.facultyBG {background-image:url(../images/pgBG_camp08.jpg);}
.applyOnlineBG {background-image:url(../images/ppgBG_camp08.jpg);}

.youCanBG {background-image:url(../images/pgBG_support.jpg);}
.contributorsBG {background-image:url(../images/pgBG_support.jpg);}

.receiveMailingsBG {background-image:url(../images/pgBG_moreInfo.jpg);}
.getBrochureBG {background-image:url(../images/pgBG_support.jpg);}

#header-wrap
{
    float:left;
    display:inline;
    width:765px;
    margin-left:140px;
   
}

#content-wrap-home
{
   float:left;
   display:inline;
   width:770px;
   padding-bottom:40px;
   margin:0 0 0 140px;
   background-color:#F5EDDF;
   /* for IE*/filter:alpha(opacity=90); /* CSS3 Standard*/ opacity:0.9; 
}

#mission-header
{
   float:left;
   display:inline;
   width:384px;
   margin:0 192px;
   height:124px;
   text-align:center;
}
#mission-header p
{
   font-family:Georgia;
   font-size:14px;
   font-style:italic;
   text-align:center;
}
#content-home-col1
{
   float:left;
   display:inline;
   width:192px;
}
#content-home-col2
{
  float:left;
  display:inline;
  width:384px;    
}
#onDemand-wrap
{
  float:left;
  display:inline;
  width:384px;    
}
#content-home-col3
{
   float:left;
   display:inline;
   width:172px; 
   margin-left:10px;  
}

#content-wrap
{
   float:left;
   display:inline;
   width:770px;
   margin:0 0 0 140px;
}


#photo-wrap
{
    float:left;
    display:inline;
    width:763px;
}

#photo-wrap img
{
    background-color:#F5EDDF;
    padding:5px;
}

#content-homepg
{
   float:left;
   display:inline;
   margin-top:20px;
   margin-right:19px;
   padding-bottom:20px;
   width:553px;
   background-color:#f5eddf; 

}
#flash-wrap
{
	float:left;
	display:inline;
	width:320px;
	margin:0 32px; 
	height:300px;
	margin-bottom:20px;
	text-align:center;
}


#panel-top 
{
    float:left;
    width:553px;
    height:25px;
    margin-top:20px;
    background-image:url(../images/panelTopBG.png);
    background-position:top;
    background-repeat:no-repeat;
}
#content 
{
   float:left;
   display:inline;
   margin-top:20px;
   margin-right:19px;
   padding-bottom:40px;
   width:553px;
   background-color:#f5eddf; 
   /* for IE*/filter:alpha(opacity=100); /* CSS3 Standard*/ opacity:1;  -moz-opacity:1
   
}

.promo { 
	background-color:#8b1900; 
    padding:5px;
    color:#fff; 
    border:3px solid #3c402f;
    margin-bottom:15px;
    text-align:center;
    /* for IE*/filter:alpha(opacity=100); /* CSS3 Standard*/ opacity:1; /* for Mozilla*/ -moz-opacity:1;
}
  
	.promo span { 
        font-weight:bold;
		font-size:13px;
	}

#content p, #content h1, #content h2 span, #content h3  
{/* for IE*/filter:alpha(opacity=100); /* CSS3 Standard*/ opacity:1; /* for Mozilla*/ -moz-opacity:1;}


#sideNav
{
   float:left;
   display:inline;
   margin-top:20px;
   width:180px;
   background-color:#f5eddf;
   padding-bottom:10px;
   padding-left:10px;
   /* for IE*/filter:alpha(opacity=80); /* CSS3 Standard*/ opacity:0.80; /* for Mozilla*/ -moz-opacity:.8;   
}

#footer
{
    float:left;
    width:955px;
    margin-top:40px;
}
#celebrate-wrap
{
    float:left;
    width:955px;
    height:140px;
    background-color:#B8A647;
    background-image:url(../images/celebrationBanner1.jpg);
    background-position:top;
    background-repeat:no-repeat;
}
#celebrate-wrap p { font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; text-align:center; text-transform:uppercase; margin:90px 0 0 0; letter-spacing:5px; color:#333333; }

#legal-wrap
{
    float:left;
    width:770px;
    display:inline;
    height:30px;
    margin:10px 0 0 154px;
}
#legal-wrap p { text-transform:uppercase; margin:0 0 0 150px;}
#footer-shadow
{
    float:left;
    width:990px;
    height:25px;
    background-image:url(../images/footerShadowBG.jpg);
    background-position:2px 0;
    background-repeat:no-repeat;
}

#faceJump {
        padding:0 0 ; margin:0 0 0 30px;
}
	#faceJump li a { background: url(/images/facebook-icon.png) no-repeat 0 50%; padding:5px 0 5px 28px;}

/* content */

span.calender-date { font-weight:bold; margin-bottom:0; display:block;}
span.concert-address { display:block;}
p.callouts { font-weight:bold; margin-top:0; margin-bottom:0; line-height:1.5;}

/* sidebar */

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  {	text-align: left; }
.align-right {	text-align: right; }

/* additional classes */
.clear { clear: both; }