/*
24-bit png support
no padding for the images - use div
*/
* { behavior: url(iepngfix.htc) }

/* This is the school address and phone numbers at the bottom of the left column */
.AddressLeft 
{ 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px; 
color: #155E90; 
line-height: 12px; 
}
a img 
{
border:0px;
}
/* This is the top left navigation on the inner pages with the teal blue theme */	
#navcontainerblue ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}

#navcontainerblue li { margin: 0 0 0 0; width: 164px; }

#navcontainerblue a
{
display: block;
padding: 3px 0px 3px 16px;
border-bottom: 1px solid #FFF;
width: 164px;
background-image: url(images/navigation/Lnav_blue.jpg); 
background-repeat:no-repeat;
}

#navcontainerblue a:link, #navlist a:visited
{
color: #FFF;
text-decoration: none;
}

#navcontainerblue a:hover
{
border-bottom: 1px solid #FFF;
background-image: url(images/navigation/Lnav_blue_on.jpg);
background-repeat:no-repeat;
color: #333;
}

#active a:link, #active a:visited, #active a:hover
{
border-bottom: 1px solid #FFF;
background-image: url(images/navigation/Lnav_blue_on.jpg);
background-repeat:no-repeat;
color: #333;
}

/* This is the top left navigation on the inner pages with the teal blue theme, but modified for third level navigation */	
#navcontainer3rd ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}

#navcontainer3rd li { margin: 0 0 0 0; width: 154px; }

#navcontainer3rd a
{
display: block;
padding: 3px 0px 3px 26px;
border-bottom: 1px solid #FFF;
width: 154px;
background-image: url(images/navigation/Lnav3rd_blue.jpg); 
background-repeat:no-repeat;
}

#navcontainer3rd a:link, #navlist a:visited
{
color: #FFF;
text-decoration: none;
}

#navcontainer3rd a:hover
{
border-bottom: 1px solid #FFF;
background-image: url(images/navigation/Lnav3rd_blue_on.jpg);
background-repeat:no-repeat;
color: #333;
}

#active3 a:link, #active3 a:visited, #active3 a:hover
{
border-bottom: 1px solid #FFF;
background-image: url(images/navigation/Lnav3rd_blue_on.jpg);
background-repeat:no-repeat;
color: #333;
}

/* This is the top left navigation on the inner pages with the dark blue theme */	
#navcontainerdark ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}

#navcontainerdark li { margin: 0 0 0 0; width: 164px; }

#navcontainerdark a
{
display: block;
padding: 3px 0px 3px 16px;
border-bottom: 1px solid #FFF;
width: 164px;
background-image: url(images/navigation/Lnav_dkblue.jpg); 
background-repeat:no-repeat;
}

#navcontainerdark a:link, #navlist a:visited
{
color: #FFF;
text-decoration: none;
}

#navcontainerdark a:hover
{
border-bottom: 1px solid #FFF;
background-image: url(images/navigation/Lnav_dkblue_on.jpg);
background-repeat:no-repeat;
color: #333;
}

#activedk a:link, #activedk a:visited, #activedk a:hover
{
border-bottom: 1px solid #FFF;
background-image: url(images/navigation/Lnav_dkblue_on.jpg);
background-repeat:no-repeat;
color: #333;
}

/* This is the top left navigation on the inner pages with the green theme */	
#navcontainergreen ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}

#navcontainergreen li { margin: 0 0 0 0; width: 164px; }

#navcontainergreen a
{
display: block;
padding: 3px 0px 3px 16px;
border-bottom: 1px solid #FFF;
width: 164px;
background-image: url(images/navigation/Lnav_green.jpg); 
background-repeat:no-repeat;
}

#navcontainergreen a:link, #navlist a:visited
{
color: #FFF;
text-decoration: none;
}

#navcontainergreen a:hover
{
border-bottom: 1px solid #FFF;
background-image: url(images/navigation/Lnav_green_on.jpg);
background-repeat:no-repeat;
color: #333;
}

#active4 a:link, #active4 a:visited, #active4 a:hover
{
border-bottom: 1px solid #FFF;
background-image: url(images/navigation/Lnav_green_on.jpg);
background-repeat:no-repeat;
color: #333;
}

/* This is the top left navigation on the inner pages with the green theme, but modified for third level navigation */	
#navcontainerG3 ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}

#navcontainerG3 li { margin: 0 0 0 0; width: 154px; }

#navcontainerG3 a
{
display: block;
padding: 3px 0px 3px 26px;
border-bottom: 1px solid #FFF;
width: 154px;
background-image: url(images/navigation/Lnav3rd_green.jpg); 
background-repeat:no-repeat;
}

#navcontainerG3 a:link, #navlist a:visited
{
color: #FFF;
text-decoration: none;
}

#navcontainerG3 a:hover
{
border-bottom: 1px solid #FFF;
background-image: url(images/navigation/Lnav3rd_green_on.jpg);
background-repeat:no-repeat;
color: #333;
}

#activeG3 a:link, #activeG3 a:visited, #activeG3 a:hover
{
border-bottom: 1px solid #FFF;
background-image: url(images/navigation/Lnav3rd_green_on.jpg);
background-repeat:no-repeat;
color: #333;
}

/* This is the top left navigation on the inner pages with the green theme, but modified for third level navigation, and further modified to accomodate 2 lines if the link has a very long name */	
#navcontainerG3x2 ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}

#navcontainerG3x2 li { margin: 0 0 0 0; width: 154px; }

#navcontainerG3x2 a
{
display: block;
padding: 3px 0px 3px 26px;
border-bottom: 1px solid #FFF;
width: 154px;
background-image: url(images/navigation/Lnav3rd_greenx2.jpg); 
background-repeat:no-repeat;
}

#navcontainerG3x2 a:link, #navlist a:visited
{
color: #FFF;
text-decoration: none;
}

#navcontainerG3x2 a:hover
{
border-bottom: 1px solid #FFF;
background-image: url(images/navigation/Lnav3rd_greenx2_on.jpg);
background-repeat:no-repeat;
color: #333;
}

#activeG3x2 a:link, #activeG3x2 a:visited, #activeG3x2 a:hover
{
border-bottom: 1px solid #FFF;
background-image: url(images/navigation/Lnav3rd_greenx2_on.jpg);
background-repeat:no-repeat;
color: #333;
}




/* This is the related link section on the right column with a green background */
#relatedgreen ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFF;
background-color:#669900
}
#relatedgreen
{
border-right: 1px solid #FFF;
border-left: 1px solid #FFF;
}

#relatedgreen li { margin: 0 0 0 0; width: 164px; }

#relatedgreen a
{
display: block;
padding: 4px 2px 4px 10px;
width: 164px;
}

#relatedgreen a:link, #relatedgreen a:visited
{
color: #FFF;
text-decoration: none;
}

#relatedgreen a:hover
{
color: #333;
}
/* This is the font for the featured items from the homepage that appear in the middle of the left navigation area */	
.LeftNavBlue 
{ 
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px; 
color: #155E90; 
line-height: normal;
}
	
.LeftNavBlue a 
{ 
color: #155E90; 
line-height: normal;
text-decoration: none;
}
.LeftNavBlue a:hover 
{ 
color: #669900; 
line-height: normal; 
}
.LeftNavBlue a:visited 
{ 
color: #155E90; 
line-height: normal;
}

/* This is the font for the featured items on the homepage */

.FeatureNav 
{
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #155E90;
line-height: normal;
font-weight: bold;
}
/* This is main body text font */
.BodyText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	line-height: 17px;
	margin: 10px;
	padding: 10px;
	}
.BodyText a:hover { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #155E90; 
	line-height: 17px; 
	text-decoration: underline;
	}
.BodyText a:visited { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #333333; 
	line-height: 17px; 
	text-decoration: underline;
	}
.BodyText a:link { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #000066; 
	line-height: 17px; 
	text-decoration: underline;
	}
.BodyText a:active { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #333333; 
	line-height: 17px;
	text-decoration: underline;
	}
.clear {clear:both;}


/* This is the font for the footer links */
#FooterText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CCFF66;
	line-height: normal;
	}
#FooterText a:hover {
	text-decoration: underline;
	color: #FFFFFF;
	}
#FooterText a, a:visited {
	text-decoration: none;
	color: #CCFF66;
	line-height: normal;
	}
#FooterText a {
	text-decoration: none;
	color: #CCFF66;
	line-height: normal;
	}

/* This is an additional font style for any areas which are within the main page content area, when the background, possibly of a table, is a darker color. The font is white. */	
.WhiteText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	line-height: 17px;
	text-decoration: none;
	}
.WhiteText a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #669900;
	line-height: 17px;
	text-decoration: underline;
}
.WhiteText a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	line-height: 17px;
	text-decoration: underline;
}
.WhiteText a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #669900;
	line-height: 17px;
	text-decoration: underline;
}
.WhiteText a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	line-height: 17px;
	text-decoration: underline;
}
/* This is the accent text that may be used on any of the content area text. It is used for accent elements. There are a variety of colors and all are slightly larger than the body text. */
.BlueText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #155E90;
	line-height: 18px;
	text-decoration: none;
	}
.BlueText a:hover {
	Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000066;
	line-height: 18px;
	text-decoration: underline;
}
.BlueText a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #155E90;
	line-height: 18px;
	text-decoration: underline;
}
.BlueText a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000066;
	text-decoration: underline;
	line-height: 18px;
}
.BlueText a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #155E90;
	line-height: 18px;
	text-decoration: underline;
}
.GreenAccentText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #669900;
	line-height: 18px;
	text-decoration: none;
	}
.GreenAccentText a:hover {
	Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #006699;
	line-height: 18px;
	text-decoration: underline;
}
.GreenAccentText a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #669900;
	line-height: 18px;
	text-decoration: underline;
}
.GreenAccentText a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #669900;
	text-decoration: underline;
	line-height: 18px;
}
.GreenAccentText a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #669900;
	line-height: 18px;
	text-decoration: underline;
}

.RedAccentText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #F93710;
	line-height: 18px;
	text-decoration: none;
	}
.RedAccentText a:hover {
	Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #006699;
	line-height: 18px;
	text-decoration: underline;
}
.RedAccentText a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #F93710;
	line-height: 18px;
	text-decoration: underline;
}
.RedAccentText a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #F93710;
	text-decoration: underline;
	line-height: 18px;
}
.RedAccentText a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #F93710;
	line-height: 18px;
	text-decoration: underline;
}

.OrangeAccentText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FA9A15;
	line-height: 18px;
	text-decoration: none;
	}
.OrangeAccentText a:hover {
	Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #006699;
	line-height: 18px;
	text-decoration: underline;
}
.OrangeAccentText a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FA9A15;
	line-height: 18px;
	text-decoration: underline;
}
.OrangeAccentText a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FA9A15;
	text-decoration: underline;
	line-height: 18px;
}
.OrangeAccentText a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FA9A15;
	line-height: 18px;
	text-decoration: underline;
}
.Darkblue {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #0C186B;
	line-height: 18px;
	text-decoration: none;
	}
.Darkblue a:hover {
	Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #006699;
	line-height: 18px;
	text-decoration: underline;
}
.Darkblue a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #0C186B;
	line-height: 18px;
	text-decoration: underline;
}
.Darkblue a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #0C186B;
	text-decoration: underline;
	line-height: 18px;
}
.Darkblue a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #0C186B;
	line-height: 18px;
	text-decoration: underline;
}
/* This is the serif text that is used on the Courageous Vision Campaign pages. There are teal blue and dark blue versions. */
.CampaignTealText {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	color: #155E90;
	text-decoration: none;
	}
	
.CampaignBlueText {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	color: #0C186B;
	text-decoration: none;
	letter-spacing: .2em;
	}
	
	/* This is the serif text that is used on the Run for the Roses pages.*/
.RunforRoses {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	color: #990000;
	text-decoration: none;
	}

/* This is the Related Column text style. */
.RelatedColumn {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 17px;
	color: #FFFFFF;
	text-decoration: none;
	margin: 8px;
}
.RelatedColumn a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 17px;
	color: #333333;
	text-decoration: underline;
}
.RelatedColumn a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 17px;
	color: #FFFFFF;
	text-decoration: none;
}
.RelatedColumn a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 17px;
	color: #FFFFFF;
	text-decoration: none;
}
.RelatedColumn a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 17px;
	color: #FFFFFF;
	text-decoration: none;
}
.ColumnTitle {
	font-family: Georgia, Times, serif;
	font-size: 12px;
	line-height: 17px;
	color: #FFFFFF;
	text-decoration: none;
	padding: 0px;
	margin: 8px;
}

/* This is the font for level 4 links at the top of the body content */
.Level4 {
	font-family: Arial, Helvetica, sans-serif; 
font-size: 11px; 
color: #155E90; 
line-height: normal;
text-decoration: none;
	}
.Level4 a:hover { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #669900; 
	line-height: normal; 
	text-decoration: underline;
	}
.Level4 a:visited { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #000066; 
	line-height: normal; 
	text-decoration: underline;
	}
.Level4 a:link { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #000066; 
	line-height: normal; 
	text-decoration: underline;
	}
.Level4 a:active { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #000066; 
	line-height: normal;
	text-decoration: underline;
	}

/* This is Vision body text font */
.VisionText {
	font-family: Times, serif;
	font-size: 12px;
	color: #333333;
	line-height: 19px;
	margin: 10px;
	padding: 10px;
	}
.VisionText a:hover { 
	font-family: Times, serif; 
	font-size: 12px; 
	color: #cc9900; 
	line-height: 19px; 
	text-decoration: none;
	}
.VisionText a:visited { 
	font-family: Times, serif; 
	font-size: 12px; 
	color: #333333; 
	line-height: 19px; 
	text-decoration: none;
	}
.VisionText a:link { 
	font-family: Times, serif; 
	font-size: 12px; 
	color: #999999; 
	line-height: 19px; 
	text-decoration: none;
	}
.VisionText a:active { 
	font-family: Times, serif; 
	font-size: 12px; 
	color: #333333; 
	line-height: 19px;
	text-decoration: none;
	}
.AccentVision {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #000066;
	line-height: 19px;
	margin: 10px;
	padding: 10px;
	font-style: italic;
	}

/* FACULTY */

div.facultyWrap {
	display:block;
	margin-top:15px;
}

div.facultyPhoto {
	float:left;
}

div.facultyPhoto img {
	width:100px;
	height:125px;
}

div.facultyDesc {
	width:450px;
	float:left;
	margin:0 0 0 20px;
}

div.facultyDivLine {
	clear:both;
	height:1px;
	background-color:#cccccc;
}

div.facultyDesc div.details {
	margin-top:14px;
}

/* Photo Video Gallery Buttons */

div.photo_container {
	text-align:center;
	display:block;
	margin-top:20px;
	margin-left:left;
	margin-righ:left;
	height:150px;
	vertical-align:middle;
}

div.photo_container a:link, div.photo_container a:visited, div.photo_container a:active {
	display:inline;
	border:2px solid #f0f0f0;
	padding:5px 15px 5px 15px;
	line-height:40px;
	background-color:#67990f;
	font-size:13px;
	font-weight:bold;
	color:#ffffff;
	text-decoration:none;
	text-shadow: #404040 5px 5px 10px;
}

div.photo_container a:hover {
	background-color:#578900;
}