/*

Author: Ian L.P. 





------------------------------------------------------------------------- */

/* Main Sections

------------------------------------------------------------------------- */

* {

    margin: 0;

    padding: 0;

}

body {

	font-family: Verdana, Helvetica, sans-serif;

	font-size: small;

	color: #333;

	height: 100%;

	background: #ebebeb url(images/background-body.jpg) repeat-x;



	text-align: left;

}







div, p, img, a, td, ul, ol {

    font-size: 1em;

}



ol {

    margin-left: 1em;

    padding-left: 1em;

}

ol li {

    margin-left: 1em;

    padding: 0 0 .5em.3em;

    list-style: decimal;

}

h1 {

	font-size: 145%;

	font-family: "Trebuchet MS", Arial, Verdana;

	color: #9BD402;


}

object {
padding-right:10px;
padding-top:20px;
}



h2 {

	font-size: 120%;

	color: #C0BABD;

}

h3 {

	font-size: 18px;

	color: #691700;

	margin-top: 10px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #8f8e8a;

	margin-bottom: 2px;

	padding-bottom:3px;

	padding-top:30px;

	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif

	

}

h4 { font-size: 118%; letter-spacing: .15em }



p { padding: 0 0 1em; }



a, a:link {

	text-decoration: none;

	color: #691700;

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #999999;

}

a:visited {

	color: #691700;

	border-top-color: #999999;

	border-right-color: #999999;

	border-bottom-color: #999999;

	border-left-color: #999999;

}

a:hover { color: #693; border-color: #693; text-decoration: none; }

a:active { color: #6b1515; border-color: #c33 }

a img {

    border: 1px dotted #9BD402;

}

img a:hover {

    border-style: dotted;

	border-color: #6495ED;

}

img {

    border: none;

	 padding: 3px

	

}







ul {

    list-style: none;

    margin: 0 0 20px 1em;

}

li {

    list-style: none;

    padding-left: 1em;

    margin-bottom: 3px;

}





.clear {

    clear: both;

    height: 1px;

    margin: -1px 0 0;

    font-size: 1px;

}

#page {

	width: 982px;

	margin-right: auto;

	margin-left: auto;

	padding: 0px;

	background-image: url(../img/contentbg.jpg);

	background-repeat: repeat-y;

}







/*- Header --------------------------- */



#header {

	background-image: url(../img/imageheader.jpg);

	background-repeat: no-repeat;

	height: 143px;

	background-position: top;

	margin: 0px;

	width: 982px;

}

#insideheader {

	margin-left: 15px;

	width: 914px;

	background-image: url(../img/imageheader.jpg);

	height: 171px;

	background-position: center bottom;

	background-repeat: no-repeat;

}

#insideheader h1 {

	font-size: 220%;

	color: #FFFFFF;

	padding: 10px 0 0 60px;

}



/*- Content --------------------------- */





#middlebody {

	background-image: url(../img/middlebody.jpg);

	background-repeat: no-repeat;

	height: 65px;

	margin: 0px;

	padding: 0px;

	padding-left: 20px;

}

#contentarea {

text-align:left;

}





/*- Column --------------------------- */





#leftcolumn {
	width: 170px;
	margin-bottom: 6px;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 40px;

	float: left;
	border-right-width: 1px;

	border-right-style: solid;

	border-right-color: #CCCCCC;

}

#leftcolumn h3 {

	background-image: url(../img/sideh3bg.jpg);

	background-repeat: no-repeat;

	background-position: left top;

	padding: 20px 0 5px 28px;

	margin-left: -14px;

	font-size: 120%;

	border-bottom-width: 4px;

	border-bottom-style: solid;

	border-bottom-color: #CCCCCC;

	margin-bottom: 10px;

	border-top-width: 1px;

	border-top-style: solid;

	border-top-color: #c2beb1;

	

}



#leftcolumn .imgdiv {

text-align:center;

}





#leftcolumn .imgdiv img {

border:none;

padding-bottom:10px;

}


#leftcolumn object {

margin-left: -14px;

}


#footer {

	height: 67px;

	background-image: url(../img/footer.jpg);

	background-repeat: no-repeat;

	margin: 0px;

}

#infooter {

	width: 600px;

	margin-right: 20px;

	color: #000;

	padding-top: 40px;

	padding-bottom: 5px;

	padding-right: 2px;

	padding-left: 186px;

	text-align: center;

	margin-top: 10px;

}



#maincontent {

	padding: 10px;

	margin-left: 260px;

	width: 660px;

	margin-top: 0px;

	height:				auto !important; /* Detect height automatically, Incompatible w/IE */

	height:				300px;

	min-height:			300px;

}



#greyblock {

	width: 465px;

	margin-top: 0px;

	float: right;

	margin-right: 64px;

	height: 200px;

	padding-top: 8px;

	padding-right: 4px;

	padding-bottom: 4px;

	padding-left: 5px;

}





.imgright {

float:right;









}



.mainimg {

float:center;

 border:solid 1px silver;







}



p.smalltext {

	font-size: small;

	font-weight: bold;

	font-style: italic;

}





/*- Biography --------------------------- */



#biodiv {

 border:solid 1px silver;

 width:600;

 height:216;



}



#biotext {

	position: relative;

	height: auto;

	width: 400px;

	margin-left:175px;

	padding-top:50px;

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;



}



#biotext a {

	font-weight:bold;

	color: #691700;



}



#jsinclair {

	width: 600px;

	height:216px;

	background:url(/assets/images/bio/jsinclair.jpg);

	background-repeat:no-repeat;

	padding-bottom:5px;



}

#jfoster {

    width: 600px;

    height: 216px;
    
    background:url(/assets/images/bio/jfoster.jpg);
    
    background-repeat:no-repeat;
    
    padding-bottom:5px;

}

#cduke {

    width: 600px;
    
    height: 216px;
    
    background:url(/assets/images/bio/cduke.jpg);
    
    background-repeat:no-repeat;
    
    padding-bottom:5px;
    
}

#bdiamond {

    width: 600px;

	height:216px;

	background:url(/assets/images/bio/bdiamond.jpg);

	background-repeat:no-repeat;

	padding-bottom:5px;

}

#wcho {

    width: 600px;
    height: 216px;
    background:url(/assets/images/bio/wcho.jpg);
    background-repeat:no-repeat;
    padding-bottom:5px;
}

/*- Program --------------------------- */







.programdiv {

height:150px;

	width:150px;

	text-align: center;

	font-weight:bold;

	float:left;

	padding:5px;

	border:solid 1px silver;

}





/*- Events --------------------------- */





#eventdivmain {

	top:0;

	right:25px;

	width:600px;

	border-top: 5px solid #999;

	padding-top: 1px;

	padding-bottom: 40px;

	float: left;

	padding-left: 20px;

}

	#eventdiv {

	top:0;

	right:25px;

	width:300px;

	border-top: 5px solid #999;

	padding-top: 1px;

	padding-bottom: 40px;

	float: left;

	padding-left: 10px;

	padding-right: 10px;

}

	.featurebox {color:#333;

	padding: 15px 20px 20px;

	border-top: 1px solid #d7d7d7;

	margin: 0 0 1.5em;background: #f6f6f6 url("../img/featurebox_bg.gif") no-repeat 100% 100%}

	.featurebox p, .featurebox h1, .featurebox h2, .featurebox h3, .featurebox h4, .featurebox h5, .featurebox h6 {

	margin: 0 0 .3em;

	border-bottom: 1px solid #c00;

	color:#691700;

	}

	.featurebox p {

	border:none;margin: 0 0 1em;

	color:#444

	}

	.featurebox p.small {font-size:11px;}

	.featurebox a {font-weight:bold}

		.featurebox h1 {font-weight:bold; font-size:16px;}

		

		

/*- Menu --------------------------- */





    #menu {	

		font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#47505f;

	padding-top:106px;

	padding-left: 210px;

      float:left;

      width:773px;

      font-size:93%;

      line-height:normal;

	  border-bottom:1px solid #a5a596;

      }

    #menu ul {

	margin:0;

	padding:10px 10px 0 50px;

	list-style:none;

      }

    #menu li {

      display:inline;

      margin:0;

      padding:0;

      }

    #menu a {

	font-family:Arial, Helvetica, sans-serif

	font-size:12px

	color: #47505f;

      float:left;

      background:url("../img/tableftJ.gif") no-repeat left top;

      margin:0;

      padding:0 0 0 5px;

      text-decoration:none;

      }

    #menu a span {

      float:left;

      display:block;

      background:url("../img/tabrightJ.gif") no-repeat right top;

      padding:5px 15px 4px 6px;

      color:#24618E;

      }

    /* Commented Backslash Hack hides rule from IE5-Mac \*/

    #menu a span {float:none;}

    /* End IE5-Mac hack */

    #menu a:hover span {

      color:#FFF;

      }

    #menu a:hover {

      background-position:0% -42px;

      }

    #menu a:hover span {

      background-position:100% -42px;

      }

	  

	  #menu a span.active {

	    float:left;

      display:block;

      background:url("../img/tabrightJ.gif") no-repeat right top;

      padding:5px 15px 4px 6px;

      color:#6b1515;

	  }

.cfMessage .textareaform{

width: 450px;

height: 350px;



}

.textareaform{

width: 675px;




}