/* CSS Document */

/*PAGE STRUCTURE*/
body {
	background-image: url(images/african_pattern5.gif);
	background-repeat:repeat;
	margin:0;
	text-align:center;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}

#container {
/*holds triangle pattern on left*/
background-image: url(images/triangle_edge3.gif);
background-repeat: repeat-y;
border: 0;
padding: 0, 0, 0, 0;
width:810px;
/*text-align:left;*/
margin-left: auto;
margin-right: auto;
display:block;
}

#container .column {
/* Makes the left and right columns display next to each other*/
  float: left;
  position: relative;
  margin-top:0px;
  min-height:500px;
}

#spacer {
/*Holds all the content and header*/
margin-left:20px;
padding: 0px, 0px, 0px, 10px;
background-color:#FFFFFF;
display:block;
width:800px;
}

#background {
margin-left:10px;
width:780px;
text-align:left;
background-color: #FFFFFF;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
}

/* COLUMNS */

#left_column {
width: 530px;
background-color: #FFFFFF;
padding-left: 0px;
border-right:1px solid #CCCCCC;
}

#students #left_column {
width: 530px;
background-image:url(images/gradient_blue.jpg);
background-repeat:repeat-x;
}
#student_bio #left_column {
width: 530px;
background-image:url(images/gradient_blue.jpg);
background-repeat:repeat-x;
}

#whoweare #left_column {
width: 530px;
background-image:url(images/gradient_green.jpg);
background-repeat:repeat-x;
}
#donate #left_column {
width: 530px;
background-image:url(images/gradient_green.jpg);
background-repeat:repeat-x;
}
#news #left_column {
width: 530px;
background-image:url(images/gradient_green.jpg);
background-repeat:repeat-x;
}


#right_column {
width:249px;
background-color:#FFF;
padding:0px;
}

#home #right_column {
width:249px;
background-color:#0066CC;
min-height:600px;
padding:0px;
}
#whoweare #right_column {
width:249px;
background-color: #0066CC;
padding:0px;
}

#students #right_column {
width:249px;
background-color:#99CC33;
background-image: url(images/lined_paper.gif);
background-repeat:repeat-y;
min-height:820px;
color:#FFFFFF;
padding:0px;
}

#student_bio #right_column {
width:249px;
background-color:#99CC33;
background-image: url(images/lined_paper.gif);
background-repeat:repeat-y;
min-height:500px;
color:#FFFFFF;
padding:0px;
}

#donate #right_column {
width: 249px;
background-color: #0066CC;
min-height:500px;
}
#news #right_column {
width: 249px;
background-color: #0066CC;
height:500px;
}

#footer {
	clear: both;
	text-align:center;
	color:#0066CC;
	border-top:1px solid #CCCCCC;
}

#footer a {
color:#0066CC;
text-decoration:none;
}

.contentblock {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px; 
color:#333333;
padding:5px; 
margin:5px; 
}


.student_pic{
width:200px;
padding:10px;
margin:15px;
float:left;
border: 1px solid #CCCCCC;
background-color:#FFFFFF;
}

/* TEXT STYLES */

.normaltext {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

.title {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
font-variant:normal;
}

.bio_text {
font-family: Verdana, Arial, Helvetica, sans-serifArial, Helvetica, sans-serif;
font-size:12px;
margin:20px; 
border-bottom:1px solid #CCCCCC;
color:#333333;
}

.sectiontitle {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:600;
color:#0080FE;
}

#mission_text {
padding: 10px 10px 5px 5px;
text-align:left;
background-color:#FFFFFF;
font:Arial, Helvetica, sans-serif;
font-size:14px;
color:#003366;
}

#feature_menu {
float:left;
padding: 0px 5px 0px 0px;
height:200px;
}

.feature_menu_item {
		padding: 5px 5px 5px 5px;
		margin:5px;
		background-color: #0080FE;
		text-decoration: none;
		border: none;
		width:175px;
		}
/* News on the "News" page */
.news_item {
margin: 0px 0px 5px 0px;
padding: 0px 0px 10px 0px;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color: #333333;
border-bottom:1px solid #CCCCCC;
}

.date_header {
margin-top:25px;
width:400px;
color:#0080FE;
font-size: 24px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* News on the Homepage */
#news {
padding:10px;
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
}

.story {
padding:20px;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
border-bottom:1px solid #FFFFFF;
}

.story a {
color:#FFFFFF;
}

.newstitle {
padding:5px; 
font:Arial, Helvetica, sans-serif; 
font-size:12px; 
color:#FFFFFF;
border-bottom:1px solid #FFFFFF;
/*background-color: #0080FE;*/
}

.highlight {
margin-left:5px;
margin-top:10px;
padding:0px;
width:200px;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
background-color:#FFFFFF;
text-align:center;
}

.highlight a {
color:#FFFFFF;
}

.highlight .form {
padding:80px 10px 0px 10px;
}

.inputbox {
width: 150px;
}

/* BACKGROUND STYLES */

.green {
background-image:url(images/gradient_green.jpg);
background-repeat:repeat-x;
}

.bluebox {
background-color:#0066CC;
color:#FFFFFF;
padding:5px;
margin: 5px;
}

.bio {
margin: 0px 5px 0px 5px;
padding:5px;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
border-top:1px solid #CCCCCC;
}


/* HEADER STYLES */
#header {
width:780px;
height:160px;
margin:0px 0px 0px 10px;
background-color:#FFF;
background-image:url(images/header3.jpg);
border-left:thin solid #CCCCCC;
border-right:thin solid #CCCCCC;
}

#logo {
width: auto;
padding-left: 5px;
display:block;
border-right: 1px solid #CCCCCC;
}

/* MENU STYLES */

#menu {
margin-left: 0px;
padding-top:5px;
width:780px;
height: 20px;
border-bottom:thin solid #333333;
border-top:thin solid #CCCCCC;
background-color:#FFFFFF;
}

#button {
	margin: 0px;
	padding: 0px;
	font-family: Helvetica, Arial, sans-serif;
	color: #FFFFFF;
	display: inline;
	}
	
#button ul {
		list-style: none;
		margin: 0;
		padding: 0;
		display: inline;
		}
		
#button li {
		margin: 0;
		display: inline;
		}
	
#button li a {
		width: 200px;
		padding: 5px 20px 5px 20px;
		margin:0px;
		background-color: #330066;
		color: #FFFFFF;
		font-weight:500;
		font-size:14px;
		text-decoration: none;
		display: inline;
		border-right: 1px solid #FFFFFF;
		}

html>body #button li a {
		width: auto;
		}

#button li a:hover {
		background-color: #0066CC;
		color: #fff;
		}
		

/* submenu */
#submenu {
margin: 10px 10px 15px 10px;
text-align:center;
}

#submenu ul {
		list-style: none;
		margin: 0;
		padding: 0;
		display: inline;
		}
		
#submenu ul li {
		list-style: none;
		margin: 0;
		padding: 0;
		display: inline;
		}


#submenu li a {
		padding: 0px 5px 0px 0px;
		margin: 0px;
		color: #0066CC;
		font-weight:500;
		font-size:14px;
		text-decoration: none;
		display: inline;
		border-right: 1px solid #0066CC;
		}
		
#submenu li a:hover {
		text-decoration: underline;
		}

/* submenu2 is for the 'Our Students' page.   Cheryl - July 09 
   It's the same as submenu, except the text color is white. */
#submenu2 {
margin: 10px 10px 15px 10px;
text-align:center;
}

#submenu2 ul {
		list-style: none;
		margin: 0;
		padding: 0;
		display: inline;
		}
		
#submenu2 ul li {
		list-style: none;
		margin: 0;
		padding: 0;
		display: inline;
		}

#submenu2 li a {
		padding: 0px 5px 0px 0px;
		margin: 0px;
		color: #FFFFFF;
		font-weight:500;
		font-size:14px;
		text-decoration: none;
		display: inline;
		border-right: 1px solid #FFFFFF;
		}
		
#submenu2 li a:hover {
		text-decoration: underline;
		}
		
/*Students Menu*/

.students_menu {
margin:15px;
padding:5px;
width:80px;
height:80px;
background-color:#FFFFFF;
border: 1px solid #0066CC;
text-align:center;
display:block;
color:#0066CC;
font-weight:800;
font-family:Verdana, Arial, Helvetica, sans-serif;
display:inline;
float:left;
}