@charset "utf-8";

/* Reset
	--------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
img{border:none;}

body  {
	line-height: 1em;
	font: 100% Tahoma, Verdana, Arial, sans-serif;
	background: #ffffff;
	text-align: center; 
	color: #000000;
}
p {font-size:.9em;}

a {	outline:0;
	color: #f59b1a;
	text-decoration:none;	
}

a:hover{color:#8C8788}

ul,li {list-style-type:none;}

h1, h2, h3, h4, h5, h6{
	font-family:Rockwell, Georgia, Times, "Times New Roman", serif;
	font-size: 1em;
	margin:0;
	padding:0;
	}
h1{font-size:2em;
	color:#f59b1a;
	margin-bottom:20px;}
h2{font-size:1.5em;}
h3{font-size:1.25em;}
h4{font-size:1.1em;}
h5{font-size:1em;}
h6{font-size:.9em;}

	
.emailW {
	color:#FFFFFF;
}

.emailO {
	color:#f59b1a;
}

.italic {
	font-style:italic;
	font-size:smaller;
	line-height:100%;
}

.orange {
	color:#f59b1a;
}
.white {
	color:#fff;
}
.bold {font-weight:bold;
	margin-bottom:.1em;
		}
		


/* Container
-------------------------------------------------------------- */

#container { 
	width: 900px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	background: #FFFFFF;
	text-align: left;
	margin-top:10px;

} 
/* Header
-------------------------------------------------------------- */
#header { 
	background: #ffffff;
	height:170px;
	border-bottom:solid #f59b1a 2px;
	position:relative;
} 
#headerleft{
	width:354px;
	float:left;
	}

#header form {
	margin:5px 0 0 175px; 
}
#headerright{
	width:400px;
	float:right;
	}
#mission{
	margin-top:30px;
	}
	
/* Nav Column
-------------------------------------------------------------- */
#leftside{
	float:left;
	width: 200px;
	margin: 10px 0px 0 5px;
	padding:0;
	display:inline;
	  font-size: 11px;
  line-height: 16px;

}


#content {
  padding: 0 10px;
}

#content ul {
  float: left;
  display: inline;
  width: 175px;
  margin: 0;
  padding: 0;
  background: url(images/networks.png) repeat;
  list-style: none;

}

#content li {
  float: left;
  width: 175px;
  position: relative;
  

}

#content a {
  font-size: 1em;
  color: #b8b4a5;
  text-decoration: none;
  padding: 10px 0 5px;
  display: block;
  width: 175px;
  height: 45px;
  position: relative;
  z-index: 2;
}

#content a {
  border: 0;
  float: left;
  margin: 0 10px;
}
#menu span {
	color:#363432;
	font-size: 1.3em;
	font-family:Tahoma, Verdana, Arial, sans-serif;
	display:block;
	line-height: 1.1em;
	padding-bottom:.5em;
}
#menu span.active{
	color: #f59b1a;
}

.fader {
  opacity: 0;
  -moz-opacity: 0;
  filter:alpha(opacity=0);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 60px;
  background-color: #A4ADB7;
}

#content a:hover{
  margin-left: 5px;
  color: #f59b1a;
}

#member{
width:auto;
	padding:10px 0;
	text-align:center;
}
#member img {
	border:none;
	padding-left:5px;
}

#member h4, #member h5{font-size:1.3em;
	
}

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


#mainContent { 
	margin: 20px 210px 0 220px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	padding:5px;
} 

#mainContent a:hover{
	color: #f59b1a;
}
#fund #mainContent { 
	margin: 20px 50px 0 220px;
	padding:5px;
} 
#mainBoard{
	width:  auto;
	float:left;
	padding:20px 0 20px 100px;
}
#board {
	width: auto;
	margin-left:100px;
}
#mainBoard h2{
	margin-bottom:15px;
	text-align:center;
}
#board td{
	padding:5px;
}

#mainMembers, #mainContact {
	width:  450px;
	float:left;
	padding:20px 10px 20px 100px;
}

#mainMembers ul{
	padding: 10px;
}

#mainMembers li{
	list-style:square;
}

#mainMembers div{
	text-align:center;
}

#mainMembers span{
	font-weight:bold;
}

#mainMembers a:hover {
	color: #f59b1a;
}
#cal #mainContent{
	width:575px;
	float:right;
	margin:10px 50px;
	}	

.main {text-align:left;
	border:#f59b1a 3px dotted;
	padding:20px;
	font-family:Tahoma, Verdana, Arial, sans-serif;
	font-size:1em;
	text-indent:2em;
	color:#222222;
	line-height:1.3em;
	}
	
#mainContent ul li{display:inline;}
#leg #mainContent ul li, #home #mainContent ul li{display:block;}
#home #mainContent h5, #grad #mainContent h5{
	margin:10px 0;
	font-size:1.1em;
	line-height:1em;
	color:#363432;
} 		
#home #mainContent div, #grad #mainContent div{
	padding-top:1px;
	border-top: 1.5px dashed #f59b1a;
	line-height:1.1em;
	margin-bottom:10px;
	color:#333333;
}
#home #mainContent div.first, #grad #mainContent div.first{
	border-top:none;
}
#home #mainContent ul li{font-size:.9em;}
#home #mainContent ul, #grad #mainContent ul {
	display:block;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
	line-height:1.1em;
} 
#home #mainContent dl dt{font-weight:bold;}
#leg #mainContent p{
	line-height:1.1em;
	margin-bottom:10px;
	color:#333333;
	font-size:.9em;
}
#leg #mainContent h2, #mainMembers h2{
	font-size:1.1em;
}
#grad #mainContent .first p{margin-bottom:10px;}
#grad #mainContent .first ul li{display:block;list-style-type:circle;line-height:1.2em;font-size:.9em;
}
#grad #mainContent .first ul{margin:10px auto auto 10px;
	list-style-type:circle;}
#grad #mainContent h2{margin-top:0;}
#grad #mainContent h1{margin-bottom:0;}

/*scholarship
-------------------------------------------------------------- */
.scholar dl		{text-align:left;color:#363432}
.scholar dt		{font-weight:bold;font-family:Rockwell,Georgia,Times,"Times New Roman",serif;}
.scholar dd		{font-size:.8em;margin-bottom:10px;color:#403932;}
.scholar, form.essay			{width:  580px;float:left;padding:20px 10px 20px 100px;}
.scholar h1		{font-size:2em;text-align:center;color:#f59b1a;width:400px;margin-bottom:20px;}
.scholar h3		{font-size:1em;font-family:Tahoma, Verdana, Arial, sans-serif;}
.scholar h4, form.essay h4		{font-weight:bold;font-family:Rockwell,Georgia,Times,"Times New Roman",serif;font-size:1.3em; margin-top:10px;color:#f59b1a}
.scholar caption	{font-size:.8em;text-align:left;margin-bottom:5px;color:#8C8788}
.scholar legend	{font-weight:bold;font-family:Rockwell,Georgia,Times,"Times New Roman",serif;font-size:1.3em; margin-bottom:10px;color:#363432}
.scholar fieldset	{margin:20px 0;width:578px;}
.scholar table		{width:420px;}
.scholar textarea	{overflow:hidden;}
.scholar textarea#essay	{overflow:scroll;}
.scholar label		{font-size:.9em;display:block;}
.scholar fieldset#formInfo label	{font-weight:bold;font-size:1em;display:block;font-family:Tahoma, Verdana, Arial, sans-serif;color:#363432}
.scholar fieldset#formInfo p {color:#403932;}
.scholar li.special 	{display:none;}
.scholar li 		{display:block;margin-bottom:10px;}
.scholar fieldset#formInfo li {margin-bottom:20px;}
.scholar fieldset#formContact li {float:left;width:auto;margin-right:3px;}
.scholar fieldset#formContact label {color:#363432; font-size:.9em;}
.scholar th 		{font-size:.9em;font-weight:normal;color:#363432;}
.scholar td input, .scholar td textarea	{margin:5px 3px 0 0;}
.scholar fieldset#formInfo td {vertical-align:top;}
.scholar p span	{color:#8C8788; font-size:.8em}
.scholar input[type="submit"]	{font-weight:normal;}
.scholar dd ul		{margin:5px 0 0 10px}
p.scholar-info		{color:#403932;margin-top:5px;font-size:.8em}
.scholar p.help		{margin-top:30px;}
.scholar li.name span		{color:#8C8788; font-size:.75em}
.scholar div#essay_counter		{color:#8C8788; font-size:.9em}
#scholarForm div.rowElem	{margin-bottom:20px;}
.scholar fieldset#formInfo td p.date	{font-size:.7em;color:#8C8788;}
.scholar fieldset#formInfo label.error, .scholar fieldset#formContact label.error	{color:#f59b1a;font-weight:normal;}
.scholar fieldset#formInfo label.error	{font-size:.9em;}
form.essay ul {margin-left:10px;}
form.essay ul li {font-size:.9em;list-style-type:disc;}
/* rightside
-------------------------------------------------------------- */
#rightside{
	width: 176px; 
	float: right;
	margin: 20px 0px;
	line-height:1em;
	font-size:.9em;
}
.sidebar2{
	background: #f59b1a;
	border: 1px solid #f59b1a;
	position: relative;
	padding:10px;
}

.sidebar2 ul{
	margin:10px 5px 5px 5px;
}
.sidebar2 ul li{
	margin-bottom: 5px;
	font-size:.9em;
}

.sidebar2 .tl{
	position:absolute;
	width: 10px;
	height: 10px;
	background:url(images/tl.png) no-repeat;
	top: -1px;
	left: -1px;
}

.sidebar2 .tr{
	position:absolute;
	width: 10px;
	height: 10px;
	background:url(images/tr.png) no-repeat;
	top: -1px;
	right: -1px;
}

.sidebar2 .bl{
	position:absolute;
	width: 10px;
	height: 10px;
	background:url(images/bl.png) no-repeat;
	bottom: -1px;
	left: -1px;
}

.sidebar2 .br{
	position:absolute;
	width: 10px;
	height: 10px;
	background:url(images/br.png) no-repeat;
	bottom: -1px;
	right: -1px;
} 

.sidebar2  li.heading {
	margin-top:10px;
	font-weight:bold;
} 
.sidebar2  li a:hover {
	color:#000000;
} 

.sidebar3 {
	width:150px;
	padding:5px 5px 20px 10px;
	margin-top: 10px;
}

#leg .sidebar3 ul li{
	list-style-type:square;
	list-style-position:inside;
	margin-bottom: 5px;
	padding-left: 1em;
	text-indent: -1em;
	font-size:.9em;
	}
.sidebar3 dl, .panel ul,.sidebar3 p {
	margin-left: 0;
	padding-left: .8em;
	text-indent: -.8em;
	font-size:.9em;
	line-height:1.1em;
	color:#333333;
} 
#home .sidebar3 dd, #grad .sidebar3 dd{
	margin:5px;
	
	}		
#home .sidebar3 dt.heading,#grad .sidebar3 dt.heading {
	font-weight:bold;
} 	
.sidebar3  li a:hover {
	color:#f59b1a;
} 

.sidebar3 p, .sidebar3 dl {
	margin-top: 5px;
} 	
#vol {
	font-size:smaller;
}
#sidebar2 #volunteer h4{
	font-size:1.4em;
	text-align:center;
	line-height:1.1em;
}

#sidebar2 #volunteer p{
	font-size:.9em;
}
.sidebar2 #volunteer dl dt{
	font-weight:bold;
	margin-top:5px;
}

.sidebar2 #volunteer dl dd{
	text-indent:5px;
}
/* slider
-------------------------------------------------------------- */
#slider {
    width: 675px;
    margin: 20px 10px 20px 0px;
	float:right;
}
#slider ul.navigation {	padding:10px 0 0 6px;
	font-size: 13px;
	background:none;
	border:none;
}

.scroll {
    height: 330px;
    width: 675px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
	border:dotted #f59b1a 2px;
}

.scrollContainer div.panel {
    padding: 20px;
    height: 290px;
    width: 635px;
	font-size:.9em;
}

ul.navigation li {
    display: inline;
	padding: 7px;
}

.panel h2, .panel p a, .panel ul li a{color:#f59b1a;}
/*ul.navigation a {
    padding: 10px;
    color: #000;
    text-decoration: none;
	background:#f59b1a url(images/oGrad_02.png) repeat-x;
	}*/

ul.navigation a:hover {
   color: #f59b1a;
}

ul.navigation a.selected {
    color:#f59b1a;
}

ul.navigation a:active {
    color: #f59b1a;
}
.hide {
    display: none;
}
 p.help{
margin-top:20px;
}
 p.help a{
margin-right:10px;
}
.help a{
padding:10px;
}
.help a:hover {
color:#f59b1a;
}
#scholar a{padding:10px;
margin-top:25px;}
.dialog {
font-size:.9em;
text-align:left;}
.dialog li{
list-style-type:disc;}
.ui-dialog-title {
font-family:Rockwell, Georgia, Times, "Times New Roman", serif;}
.dialog dl {font-size:.9em;}
.dialog dl dt{font-weight:bold;}
.dialog dl dd{text-indent:5px;}
.left{width:230px;
	float:left;}
.panel ul{
	font-size:1em;
}	
.panel ul li{
	margin-bottom:10px;
} 
/* Contact Form
-------------------------------------------------------------- */
#formWrapper {width:400px;
	float:right;
	}
.message {background:#f59b1a; 
	color:#000;
	display:none;
	width:400px;
	padding:10px;
	}
.contact {text-align:right;}
.contact ul {list-style-type:none;width:390px;

}
.contact li {list-style-type:none;
	}
.contact li.special {display:none;}
.contact input {width:260px;}
.contact textarea {width:260px;}


/* Footer
-------------------------------------------------------------- */


#footer {
	clear: both;
	position: relative;
	border-top: solid black 2px;
}

#footerContact {
	margin: 0;
	width: 150px; 
	float: left;
	margin:30px 5px 5px 20px;
}

#footerContact p {
	text-indent:0;
}
#footerContact p.help {
	font-size:.8em;
	}
#footerCKHS {
	width: 240px; 
	float: left;
	text-align:left;
	margin:50px 5px 5px 40px;
}
#footerSupport {
	width:190px; 
	float: left;
	text-align:left;
	margin:50px 5px 10px 60px;

}



#footerPartners {
	width:114px; 
	float: right;
	margin:5px 20px 0 10px;

}
#footerPartners img{
	margin-top:20px;
}


#copyright {
	width: 900px;
	text-align: center;
	font-size:9px;
	color:#f59b1a;
	padding-bottom:2px;
}


/* utilities
-------------------------------------------------------------- */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */