/* CSS style sheet and page design copyrighted &copy by Balmain DESIGN. www.balmainpdesign.com  */

/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{ margin : 0; padding : 0; }

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size : 100%; }

/* Removes list-style from lists */
ol,ul { list-style : none; }

/* Removes list-style from lists */
table { border-collapse : collapse; border-spacing : 0; }

/* Removes border from fieldset and img */
fieldset,img { border : 0; }

/* Left-aligns text in caption and th */
caption,th { text-align : left; }

/* Removes quotation marks from q */
q:before, q:after { content :''; }


/* Removes dotted broder on links in Firefox */
a{outline:none;}

html {
	min-height: 101%;}

/* layout */

body{
text-align: center;
font-family: Verdana, sans-serif;
font-size: 0.8125em;
line-height: 1.4;
color: #333333;
background: #fff url(images/bg.gif) repeat-x left top; }

#wrapper {
width:960px;
text-align:left;
margin:0 auto;}

#header{
background-image: url(images/header.jpg);
height:320px; }

h1 {
width:240px;
height:320px;
text-indent:-9000px;}

h1 a{
width:240px;
height:320px;
display:block}

/* Main Navigation */

#mainnav {
width:800px;
padding-left:60px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 1.4em;
top:5px;
font-weight:normal;
}

#mainnav li{
float:left;
list-style-type:none;
padding-right:50px;
font-size: .825em;
text-transform: uppercase; }

#mainnav li a{
color: #08541a;
text-decoration: none;
position: relative;  /* *** IE correction to show top border at hover *** */
}

#mainnav li a:hover{
color: #808000;
background-image:none;}


#home #mainnav-home{
font-weight:bold;
background-image:none}

#mentorship #mainnav-mentorship{
font-weight:bold;
background-image:none}

#scholarship #mainnav-scholarship{
font-weight:bold;
background-image:none}

#about #mainnav-about{
font-weight:bold;
background-image:none}

#contact #mainnav-contact{
font-weight:bold;
background-image:none}



/* Content follows */

#content_wrap{
width:920px;
background-image: url(images/content.gif);
background-repeat: repeat-y;
margin-left:20px;
}

#main_column{
width:680px;
float:left;
margin-top:25px }

#main_column h2{
padding:20px 20px 10px 40px;
font-size: 1.2em; }

#main_column h3{
padding:0px 20px 10px 40px;
font-size: 1.0em;
color: #4c4c4c; }

#main_column h4{
padding:0px 20px 5px 40px;
font-size: .8em;
color: #4c4c4c; }

#main_column a{
text-decoration:underline;
color: #08541a;}

#main_column a:hover{
text-decoration:none;}

#values{
background: url(images/values.gif) no-repeat right center;}

.mission_list{
width:500px;
color: #191919;
font-size: .8em;
padding-bottom:10px;
padding-left:80px }

.mission_list li{
padding: 0 0 10px 1px;
font-size: 1.1em; 
line-height:1em;
list-style-type: square; }

.mission_list li span{
color: #804000;
font-weight: bold;
font-size: 1.1em; }

.corevalues_list{
width:500px;
color: #191919;
font-size: .9em;
padding:15px 10px 15px 20px;
margin-left:80px;
margin-bottom:30px;
border: 1px #cccccc solid;
background-color: #fffffd; }

.corevalues_list li{
padding: 0 0 10px 1px;

line-height:1.2em;
 }

.corevalues_list li span{
color: #804000;
font-weight: bold;
font-size: 1.1em; }

#directors_box{
width:600px;
border: 1px #cccccc solid;
background-color: #fffffd;
padding:30px 10px 15px 20px;
margin-left:40px;
}

.directors{
width:600px;}

.directors li{
width:250px;
float:left;
padding-left:30px;
padding-bottom:25px;
font-size: .9em;}

.director_photo{
float:left;
padding: 0 10px 5px 0;
}

.student_box{
width:530px;
border: 1px #cccccc solid;
background-color: #fffffd;
padding:30px 10px 5px 20px;
margin-left:60px;
margin-bottom:30px;}

.student_list{
width:230px;
float:left;
color: #191919;
font-size: .8em;
padding-bottom:10px;
padding-left:20px;}

.student_list li{
padding: 0 0 10px 1px;
font-size: 1.1em; 
line-height:1em;
list-style-type: none; }

.letter{
width:500px;
color: #191919;
font-size: 1.1em;
padding:20px 25px 15px 10px;
margin-left:80px;
margin-bottom:30px;
margin-top:20px;
border: 1px #cccccc solid;
background-color: #fffffd;
font-family: Times, "Times New Roman", serif; }

#main_column p{
padding:0 0 20px 40px;}

#image_intro{
margin-left:50px;
height:495px;
background: url(images/intro_hands.jpg) no-repeat top center; }

.image_left{
float:left;
padding:0 10px 5px 40px}

.image_center{
margin-top:3px;
margin-left:100px;;
display:inline; }

#contact_box{
width:500px;
padding:30px 0 20px 100px;}

/* Gallery */

#gallery{
width:470px;
 
padding:0px 20px 20px 80px;
text-align: left}

.gallery_row{
padding-bottom:2px;
}

#gallery  a:hover{
border-bottom: 1px #e6e6e6 solid; }

#gallery_instructions{
color:#9e9c98;
font-size: .8em;
padding-bottom:15px; }

/* lightbox styles */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/*sidebar*/

#sidebar{
width:200px;
float:right;}

#emblem{
height:120px;
background-image: url(images/emblem.gif);
background-repeat: no-repeat; 
margin:0 0 0px 25px}

#sidebar h4{
padding:10px 20px 5px 20px;
font-size: .8em;
color: #4c4c4c; }

#sidebar h4 a{
text-decoration:none;
color: #08541a;
background: url(images/greenarrow.gif) no-repeat left center;
padding-left:12px}

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

.right_nav {
list-style:none;
padding: 0 35px 10px 10px;}

.right_nav li{
padding: 0.5em 0 0 0.5em}

.right_nav li a{
padding-left:15px;
background: url(images/externalLink.gif) no-repeat left center;
text-decoration:none;
color: #08541a; }

.right_nav li a:hover{
text-decoration:underline;}

.quote{margin-top:40px;
background: url(images/devider.gif) no-repeat center top;
padding:30px 30px 10px 20px;
font-style: italic;
line-height: 1.2em;
font-family: Times, "Times New Roman", serif;
font-size: 1.2em; }

.event{
 line-height:1.0em;}

.event a{
padding-bottom:40px;
color: #08541a;
text-decoration:none;
text-align: right; }

.event a:hover{
text-decoration:underline;}

a[href^="mailto:"] {
color: #08541a;
  background: url(images/email.png) no-repeat right top;
  padding-right: 15px;
}

a[href^="http:"] {
  background: url(images/externalLink.gif) no-repeat right top;
  padding-right: 10px;
}


li {}

.clearfloats {
clear:both;}

/* Footer */

#footer {
background: #fff url(images/footer.gif) no-repeat left top;
height:100px;
clear:both;}

#footer p{
padding:90px 0 15px 0;
text-align: center;
font-size: .75em; }

#footer p a{
text-decoration:none;
color: #0a728e;}

#footer p a:hover{
text-decoration:underline;
color: #0a728e;}

/* Form follows*/

form {
  font-size: 1.0em;
  width: 500px;
margin-left:40px;
}


/* fieldset styling */
fieldset {
  margin: 1em 0; /*  space out the fieldsets a little*/
  padding: 1em;
  border : 1px solid #ccc;
}

/* legend styling */
legend {
  font-weight: bold;
}


/* style for  labels */
label {
  display: block;
}

/* style for required labels */
label .required {
  font-size: 0.75em;
  color:#760000;
}

input {
  width: 150px;
}


input.radio, input.submit {
  width: auto;
}

/* style form elements on focus */
input:focus, textarea:focus {
  background: #ffc;
}

input.radio {
  float: left;
  margin-right: 1em;
}

textarea {
  width: 300px;
  height: 100px;
}

/* Hack to make sure the floated radio buttons
   sit next to the labels correctly in IE/Mac*/

/* This is the style I want IE/Mac to see */
input.radio + label {
  text-indent: 2em;
}

/* Using the commented backslash filter, I'm resetting
   the above rule for everything other than IE5/Mac \*/
input.radio + label {
  text-indent: 0;
}

/* End the hack */

p {}

a {}
a:link {}
a:visited {}
a:hover {}
a:active {}