@charset "UTF-8";

/* This stylesheet is for new php pages   */

/* CONTENTS */
/* Type Styles */
/* LISTS */
/* Images */
/* Floats, boxes and boarders */
/* Buttons and navigation */
/* Document Structure */

/* Type styles */

*{font-family: Verdana, Arial, Helvetica, sans-serif;}
p, ul, dl, ol, td {font-size: 11px;}

.topbanner h1, .topbanner h2, .topbanner h3, .white, 
.topbanner a:link, .topbanner a:visited
{color:#ffffff; text-decoration:none}

h1 {font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 28px;
	color: #27658E;
	font-weight: bold;
	}
		
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 17px; 
	color: #27658E; 
	font-weight: bold; 
	text-decoration: none
	}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	color: #27658E; 
	font-weight: bold; 
	text-decoration: none
	}
		
h4{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 13px; 
	color: #27658E; 
	font-weight: bold; 
	font-style: italic
	}
	
h1 a:link, h2 a:link, h3 a:link, h4 a:link {
	color: #27658E; 
	text-decoration:underline;
	text-align:left
	}
		
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited  {
	color: #27658E; 
	text-decoration:underline;
	}
	
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover{
	color: #DA9840; 
	}	
	
table caption {font-size: 11px; font-weight:bold}

a:link {
	color: #277a67;
	text-decoration: underline;
}
a:visited {
	color: #277a67;
	text-decoration: underline;
}
a:hover {
	color: #DA9840;
	text-decoration: underline;
}
a:active {
	text-decoration: underline;
}
.bottomnav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #27658E;
	text-align:center;
	text-decoration: none
}
.bottomnav a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #27658E;
	text-decoration: none
}
.bottomnav a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #616161;
	text-decoration: none
}
.bottomnav a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #404040;
	text-decoration: underline
}
.bottomnav a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #277a67;
	text-decoration: underline
}

.boldcaps{
	font-weight:bold;
	text-transform:uppercase;
	}
	
.plain {font-weight:normal;
		text-decoration:none;
		font-size:1.0em;
		color: #333333}	
		
.bullet_head{
	font-size:12pt;
	color:#27658E;
	font-family:"Times New Roman", serif;
	font-variant:small-caps;
	font-weight:bold;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 20px;
	background:url(../images/backgrounds/bullet_tri.gif) no-repeat 0px;
	clear: left;
	}
	
div.topimg{margin:0 -20px; text-align:center; clear:right} /* no borders around heading image */
		
/* red strikethrough over black text  - useage: <s><span>text</span></s> */
s {color: red;}
s span {color: black;}
p s{margin:0; padding:0 0 5px 0} /* for proper alignment when used in paragraph */

/*Lyford.php slideshow formatting */
#lyford div.topimg{height:412px} /*keeps navigation section from bouncing up and down*/
div.nav{margin-bottom:0; padding-bottom:0}
div.nav p, div.nav p a:link{text-decoration:none; vertical-align:top; color:#999999}
div.nav img{vertical-align:bottom}
			

/* tables*/
#edu table tr{line-height:0.5em}
#lyford td {font-size:.80em; line-height:normal; border:1px dashed #CCCCCC; vertical-align:top}
#lyford tr.head td{font-size:.85em; font-weight:bold; border:none}
#lyford td dl{padding:0; margin:0}
#lyford td dl dd{padding:0; margin-left:10px;font-style:italic}

	
/* Lists */
ul.bluearrow{list-style-image:url(/images/buttons/blue_list.gif);}
ul.bluearrow li {margin-bottom:0.8em; margin-left:-15px}

dl.side_nav #currentpage a, #currentpage a {color: #666666; cursor:text; text-decoration:none}

dl.side_nav {
font-size:1.2em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#999999; /* usually grey'ed out when not linked */
	margin: 0 0 10px 0;
 	}
dl.home{color:#330066}	
dl.side_nav dt {
	font-weight: bold; 
	margin: 5px 0 0 0;
	padding: 0 0 5px 0;
	border-bottom:1px solid #ffffff;
  	}
dl.side_nav dd {
	margin: 5px 0 5px 10px;
	}
	
.left_nav_dl {
	margin: 0 0 10px 0;
	color: #999999;
	padding:0
  	}
.left_nav_dl dl {
  	float: left;
  	padding: 0;
  	display: inline; 
  	}	
	
.left_nav_dl dt {
	font-weight: bold; 
  	margin: 0 0 8px 0;
  	padding: 0;
  	}
	
.left_nav_dl dd {
	margin: 0 0 0 10px;
  	}
	
dl.side_nav dl dt {
	border-bottom:none;
	margin-top:2px;
	font-style:italic;
  	}
	
dl.side_nav dl dd {
	border-bottom:none;
	font-style:italic;
	margin-top:2px;
  	}
	
dl.side_nav a:link{
	text-decoration:none;
	}
dl.side_nav a:visited{
	text-decoration:none;
  	}
dl.side_nav a:hover{
	text-decoration:none;
  	}
	
dl.side_nav dl {
	margin: 5px 0 0 10px;
  	}	

td.left_nav dl dd{margin-left:20px} /*used by IBA pages*/

.normal_dl {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0 10px 10px 0;
	 	}
		
dl.normal_dl  {
  	float: left;
  	padding: 0;
  	display: inline; /* fixes IE/Win double margin bug */
  	}	
	
 .normal_dl dt{
	font-weight: bold; 
  	margin: 05px 10px 0px 30px;		
  	padding: 10px 0 0 0;	
	}
 .normal_dl dd{
  	margin:5px 40px;	
  	}
		
dl.tall, ul.tall {
	margin-top:10px;
	}
	
dl.tall dt {
	font-weight: bold;
	margin-top:10px;
	}
	
dl.tall dd, dl.tall dd a, ul.tall li{
	margin-top:5px;
	font-weight: normal;
	}	
	
	/* video page */
div.video dl.tall dt{
	font-size:1.5em;
	line-height:normal
	}

div.video dl.tall dt a{
	color: #27658E; 
	}

div.video dl.tall dd{
	margin-bottom:10px; 
	}

/* php sidebar includes*/

#sidebar1 dl dt
{font-size:1.2em;
font-weight:bold;
color:#999;
margin:05px 0 06px 0;
/*border-bottom:#dedede 1px solid */}

#sidebar1 dl dd{font-size:1.2em;
	margin:0 0 05px 10px }
	
#sidebar1 dl dt span, #sidebar1 dl dd {color:#666666; font-weight:normal}

dt.heading, dd.heading, dl.heading {color: #27658E;} /* when it isn't a link and shouldn't be greyed out*/

/*Images */

img{
	border-color: #999999; 
	text-decoration:none;
	}
	
.img_left {
	float:left; 
	margin:0 10px 5px 0;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	line-height: 15px; 
	color:#666666; 
	text-decoration: none
	}
	
.img_right {
	float:right; 
	margin:0 0 5px 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	line-height: 15px; 
	color: #666666; 
	text-align:right;
	text-decoration: none;
	}
	
.img_ctr {
	text-align:center;
	font-size: 11px; 
	line-height: 15px; 
	color: #666666;
	padding:0 20px;
	margin:0 auto
	} 
		
	
.caption{
	color: #666;
	margin-left:20px;
	}	
	
.caption_over_r{
	position:relative; 
	margin:-25px 0 0 -100px;
	color:#FDF5E6;
	}
	
.caption_over_l{
	position:relative; 
	float:left;
	margin-top:-20px;
	color:#FDF5E6;
	}
	
.caption_over_r a:link {text-decoration:none;}	
	
/* Floats, boxes and borders */

.homeboxLSP { float:right; background-color: #ffffff; border:4px solid #F06800; width:220px; padding:10px}
.homeboxLSP h2, .homeboxLSP h3{color:#006633; margin:5px; padding: 0}

	/* use div class="hairline" for a hr with consistent cross-browser horizontal padding */
div.hairline {
	clear:both;
	width: 90%;
	text-align:center;
	margin:0;
	font-size:0px;
	border-bottom:1px solid #bebebe;
	}
	 
.bt {
	border-top: 1px solid #CECECE; width:95%;
	}

span.left_float {
	float: left;
	margin: 0 0 0 0;
	text-align:right;
	}
	
span.right_float_r {
	float: right;
	margin: 0 0 0 0;
	text-align:right;
	}
	
span.right_float_l {
	float: right;
	margin: 0 20px 0 0;
	text-align:left;
	}	
	
span.news_r_float_l {
	float: right;
	width: 400px;	
	font-weight:bold;
	text-align:left; 
}

.wide_500{width:500px;text-align:left;}
.wide_550{width:550px;text-align:left;}
.wide_575{width:575px;text-align:left;}	
.wide_600{width:600px;text-align:left;}	
.wide_650{width:650px;text-align:left;}	
.wide_700{width:700px;text-align:left;}	
.wide_700c{width:700px;text-align:center;}	
.div_border {border:1px solid #BEBEBE; text-align:left}

/* Buttons and Navigation */

#nav_bar{clear: both; background-color: #000000; float: right; display: block; width:100%; margin:0; padding:0; }

#button {
	display:block;
	float: left;
	width: 100%;
	margin:0;
	padding:1px 0px 1px 1px;
	list-style: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	}
	
#button li {
	float: left;
	margin-right:1px;
	text-align:center;
	}
	
#button a {
	float: left;
	color: #000000;
	text-decoration: none;
	border-left: 2px solid #FFB781;
	border-right: 2px solid #AE4B00;
	margin:0;
	font-weight: bold;
	padding-bottom: 3px;
	padding-top: 4px;
	background: #F06800 url(/images/backgrounds/aud_off_bg.gif) repeat-x top left;
	}
#button a:hover {
	cursor:hand;
	color: #000000;
	text-decoration: none;
	border-left: 2px solid #FFE5D2;
	border-right: 2px solid #FF7A15;
	margin:0;
	padding-bottom: 3px;
	padding-top: 4px;
	overflow:hidden;
	background: #FFB277 url(/images/backgrounds/aud_on_bg.gif) repeat-x top left;
	}
	
	/* set the width of each button to fill page - total width should be 725px for 7 buttons, 730px for 6 buttons*/  	
	#b1{width:66px; display:block}
	#b2{width:86px; display:block}	
	#b3{width:150px; display:block}	
	#b4{width:115px; display:block}	
	#b5{width:115px; display:block}	
	#b6{width:104px; display:block}	
	#b7{width:88px; display:block}
	#b8{width:100px; display:block}
	#b9{width:100px; display:block}	
	#b10{width:100px; display:block}	
	#b11{width:100px; display:block}


/* CSS Document structure styles*/

body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #ffffff;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in #container */
	color: #000000;
}

#container { 
	width: 760px; 
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
 
 #header{ 
	text-align:center;
	padding-top: 10px;
	margin:0
/* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 

#header_top{
	background-image: url(/images/backgrounds/ca_header_bg.gif); 
	background-repeat:no-repeat;
		height:93px; 
		padding:0; margin:0; 
		border-bottom:1px solid #006666;
		}

#header_top img{padding:10px 0 0 10px; margin:0; }	

.topnav{margin:0 0 0 525px; padding:30px 0 0 0}
.topnav p{margin:0; padding:0}		
.topnav a:link, .topnav a:visited, .topnav a:hover, .topnav a:active { font-size: 11px; color: #ffffff; text-decoration: underline }


/*Search Box */
cse-search-box {margin:0; padding:0; }
.sform{margin:0 0 0 525px; padding:0; font-size:0.8em;}
.sbutton{ vertical-align: bottom; }

#main_bg_l_sidebar {
background-image: url(/images/backgrounds/bg_l_sidebar.gif);
background-repeat:repeat-y;
}
/* the repeating background image creates the page borders and left column background color */

#sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 150px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	 /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 5px 5px 20px;
	margin:0
}
#lyford #sidebar1{width: 140px;}

#mainContent { 
	margin: 0 0 0 180px;
	padding: 5px 20px;
	}
		 	 
#mainContent_singlecol{ 
	margin: 0px;
	padding: 5px 20px;
	border:1px solid #BEBEBE
	}
	/*use this ID instead of mainContent for pages with no left column */

#footer { 
	padding: 0px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#ffffff; 
}
 
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}

.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}	

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	margin:0;
    height:0;
    font-size: 1px;
    line-height: 0px;
	}
	
	.punchcolor {
	color: #990000;
}

#hideme {display:none; visibility: hidden; width:.01em; height:.01em;}
.hideme {display:none; visibility: hidden; width:.01em; height:.01em;}